Section

Gaming & Pixel Art

10 entries. Pixel and game-design resources grouped by theme: 8-bit console, retro desktop OS, fantasy RPG, modern game UI, free game assets, and palettes & pixel craft. Open-licensed files (MIT, zlib, OFL, CC0) are used in our own figures; galleries are link-and-capture only.

GP-001 · CSS Framework

NES.css

High-contrastDocumentation
GP-002 · CSS Framework

98.css + XP.css

Monochrome lightDocumentation
GP-003 · CSS Framework

RPGUI

Monochrome darkDocumentation
GP-004 · Pixel Font Set

Pixel fonts: Press Start 2P, Pixelify Sans, Silkscreen, VT323

Monochrome lightDocumentation
GP-005 · Game UI Reference

Game UI Database

Monochrome darkCard grid
GP-006 · Game UI Reference

Interface In Game

Monochrome darkCentered hero
GP-007 · Game Asset Library

Kenney game assets (Tiny Dungeon)

Monochrome lightSplit hero
GP-008 · Game Asset Library

OpenGameArt.org (+ itch.io free assets)

Monochrome darkCard grid
GP-009 · Palette Library

Lospec Palette List

Monochrome darkCard grid
GP-010 · Art-style Guide

Pixel-art fundamentals & dithering

Warm neutralEditorial

Which pixel / gaming resource should I use?

Side by side, as of 2026-10-24 (UTC+8). Licence, attribution and commercial terms are as stated on each source’s official licence, README or terms page, fetched that day; ‘Can ship in your product’ is our reading (not legal advice). Cells in vermilion carry a condition. Open an entry for the deep dive and sources.

ResourceTypeWhat you getLicenceAttribution neededCommercial useCan ship in your productOur pick for
NES.cssGP-001 · 8-bit consoleCSS framework (8-bit)NES-style buttons, containers, inputs, dialogs, icons; one CSS fileMIT (code)Keep the MIT notice in the CSS; no UI credit neededYesYes, except the character icons (third-party trademarks)Retro landing pages, jam games, playful dashboards
98.css + XP.cssGP-002 · Retro desktop OSCSS frameworks (Win 98 / XP)Windows-style dialogs, bevels, fieldsets, sliders, tree viewsMIT (both)Keep the MIT notice; no UI credit neededYesYes (our reading), but don’t imply Microsoft endorsementNostalgia sites, portfolio ‘desktops’, retro tools
RPGUIGP-003 · Fantasy RPGCSS + JS kit (fantasy RPG)Framed panels, RPG bars, cursors, icons, form widgetszlib; graphics public domain (Buch)Not required in your UI; don’t remove the licence notice from the sourceYesYesBrowser RPGs and game-jam menus
Pixel fonts: Press Start 2P, Pixelify Sans, Silkscreen, VT323GP-004 · 8-bit consolePixel font set (4 families)Self-hostable TTFs, Google Fonts CSSSIL OFL 1.1Not in UI; keep OFL.txt with the filesYesYes; you may not sell the fonts aloneTitles, HUDs, scores, terminals
Game UI DatabaseGP-005 · Modern game UIReference librarySearchable game-UI screenshots and videosNo reuse licence stated; images © publishersLink the database when you cite itStudy onlyNo: reference onlyFinding how real games solve a menu or HUD
Interface In GameGP-006 · Modern game UIReference libraryPer-game screen sets, clips, interviewsTrademarks/images © their owners (site footer)Link the site when you cite itStudy onlyNo: reference onlySeeing a whole game’s UI in one place
Kenney game assets (Tiny Dungeon)GP-007 · Free game assetsAsset library (CC0)2D/3D/UI/pixel/audio packs; Tiny Dungeon = 130 16×16 tilesCC0 1.0Not required (‘Kenney’ if you credit); logo reservedYesYes, even without creditPrototypes and shipped games that need zero-risk art
OpenGameArt.org (+ itch.io free assets)GP-008 · Free game assetsCommunity asset libraryArt, music and sound under per-asset open licencesPer asset: CC0, CC-BY, CC-BY-SA, OGA-BY, GPLRequired unless CC0: name, author, licence, URLYes, with credit and per-licence conditionsYes, if you follow that asset’s licence (share-alike, DRM rules)Finding a specific sprite, tune or sound effect
Lospec Palette ListGP-009 · Palettes & pixel craftPalette databasePixel-art palettes; JSON/PNG/GPL/PAL/HEX downloadsSite © Lospec; palettes credited to creatorsCredit the palette creator (courtesy, OURS)Use the colours; don’t copy the siteYes (colour values), credit the paletteChoosing a limited palette before you draw
Pixel-art fundamentals & ditheringGP-010 · Palettes & pixel craftArt-style guide (ours + links)Our rules sheet; links to free tutorial seriesOur sheet: Design Library; tutorials © authorsLink the tutorial authors when you share themRules: yes; tutorials: read, don’t republishRules only, not the tutorial imagesMaking pixel UI look crisp and intentional