Hoppa till innehåll
UI-design av ZORC med retro gaming-tema och 8-bitars komponenter för app-utveckling Retro
Pixelforge 16-bit Legacy – skärmbild 2
Pixelforge 16-bit Legacy – skärmbild 3
Pixelforge 16-bit Legacy – skärmbild 4
// FÄRGPALETT
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-estetik. Press Start 2P, VT323, CRT-effekter och rena pixelfärger.

50 kr

Engångsbetalning • Inkl. moms • Källkod ingår

Komponenter
7 st
Tech stack
HTML, CSS, JavaScript, React, Vue
Licens
Kommersiell
Leverans
Direktåtkomst (zip + Git)
Uppdaterad

Om kit:et

Pixelforge är ett retro-arcade designsystem som tar dig tillbaka till 90-talets pixelkonst. CRT-skärm med rundade hörn, scan-lines, blockig typografi och rena färger inspirerade av klassiska konsoler.

Perfekt för gaming-produkter, nostalgi-projekt, retro-portföljer och allt som vill kännas som ett SNES-spel. Komplett med pixel-knappar, life-bars, dialog-boxes och achievement-badges.

Komponenter som ingår

knappar formulär ikoner tabeller kort modaler widgetar

Funktioner

  • responsiv design
  • anpassningsbara komponenter
  • typografi i retrostil
  • ikoner i 16-bitars stil
  • enkla färgscheman
  • animationer

När passar kit:et?

dashboard admin portfolio landing-page mobile-app

Tech stack

HTML CSS JavaScript React Vue

Så använder du kit:et

  1. Steg 01

    Ladda ner

    Logga in på ZORC och hämta zip-filen från dina köp. All källkod och dokumentation finns med.

  2. Steg 02

    Kopiera in i ditt projekt

    Lägg mappen components/ i ditt projekt — eller installera via package.json om kit:et är paketerat för NPM.

  3. Steg 03

    Koppla design tokens

    Mappen tokens/ har färger, typografi och spacing som du lägger till i din Tailwind-config eller som CSS-variabler.

  4. Steg 04

    Börja bygga

    Importera komponenterna och använd dem direkt. Varje komponent har exempel, props och varianter i dokumentationen.

Exempelprompt för AI

Bygg en början av en retro stildashboard som visar användardata och färgglada grafer i 16-bitars stil.

Vanliga frågor

Vad innehåller Pixelforge 16-bit Legacy?
Pixelforge 16-bit Legacy innehåller 7 komponenter inklusive knappar, formulär, ikoner, tabeller och mer.
Vilken teknik bygger kit:et på?
Pixelforge 16-bit Legacy är byggt med HTML, CSS, JavaScript, React, Vue.
Är komponenterna tillgängliga?
Ja. De följer WCAG 2.1 AA där innehållet tillåter — fokusring, tangentbord, ARIA och kontraster.
Vilken licens får jag?
Kommersiell. Du får använda komponenterna i din organisations betalda projekt. Det enda du inte får är att sälja vidare själva kit:et.
Hur kommer jag igång?
Kopiera in mappen components/, lägg till design tokens och börja bygga. En komplett guide följer med.
Får jag uppdateringar?
Ja. Alla framtida versioner är inkluderade utan extra kostnad så länge kit:et finns kvar i sortimentet.
// Andra UI kits

Fler kits från ZORC