Skip to content
UI design by ZORC with retro gaming theme and 8-bit components for app development Retro
Pixelforge 16-bit Legacy – screenshot 2
Pixelforge 16-bit Legacy – screenshot 3
Pixelforge 16-bit Legacy – screenshot 4
// COLOUR PALETTE
Klarblå Primär färg #1E90FF
Limegrön Sekundär färg #32CD32
Mörk tegelröd Accent färg #B22222
Krämvit Bakgrunds färg #FFFDD0
Ljusgrå Textrad färg #D3D3D3
// Retro UI kit

Pixelforge 16-bit Legacy

Retro 16-bit arcade aesthetic. Press Start 2P, VT323, CRT effects and pure pixel colors.

50 kr

One-time payment • VAT included • Source code included

Components
7
Tech stack
HTML, CSS, JavaScript, React, Vue
Licence
Commercial
Delivery
Instant access (zip + Git)
Updated

About this kit

Pixelforge is a retro arcade design system that takes you back to the pixel art of the 90s. CRT screen with rounded corners, scan-lines, blocky typography and clean colors inspired by classic consoles.

Perfect for gaming products, nostalgia projects, retro portfolios and anything that wants to feel like an SNES game. Complete with pixel buttons, life bars, dialog boxes and achievement badges.

Components included

knappar form ikoner tabeller kort modaler widgetar

Features

  • responsiv design
  • anpassningsbara komponenter
  • typografi i retrostil
  • ikoner i 16-bitars stil
  • simple color schemes
  • animationer

When does this kit fit?

dashboard admin portfolio landing-page mobile-app

Tech stack

HTML CSS JavaScript React Vue

How to use this kit

  1. Step 01

    Download

    Sign in to ZORC and fetch the zip from your purchases. All source code and documentation is included.

  2. Step 02

    Copy into your project

    Drop the components/ folder into your project — or install via package.json if the kit is packaged for npm.

  3. Step 03

    Wire up design tokens

    The tokens/ folder holds colours, typography and spacing for your Tailwind config or CSS variables.

  4. Step 04

    Start building

    Import the components and use them straight away. Each one ships with examples, props and variants in the docs.

Example AI prompt

Build the beginning of a retro style dashboard that displays user data and colorful graphs in 16-bit style.

Common questions

What does Pixelforge 16-bit Legacy include?
Pixelforge 16-bit Legacy includes 7 components, including knappar, form, ikoner, tabeller and more.
What tech stack is Pixelforge 16-bit Legacy built on?
Pixelforge 16-bit Legacy is built with HTML, CSS, JavaScript, React, Vue.
Are the components accessible?
Yes. They follow WCAG 2.1 AA where the content allows — focus rings, keyboard support, ARIA and contrast.
What licence do I get?
Commercial. You may use the components across your organisation's paid projects. What you cannot do is resell the kit itself.
How do I get started?
Copy in the components/ folder, add the design tokens and start building. A full guide ships with the kit.
Do I get updates?
Yes. All future versions are included at no extra cost for as long as the kit remains in the catalogue.
// More UI kits

More kits from ZORC