Hoppa till innehåll
UI-designverktyget ZORC visar terminalbaserad app med typografi och färgschema för utvecklare
Terminal Component System – skärmbild 2
// FÄRGPALETT
Bakgrund bg #1C1C1C
Primär primary #FFCC00
Sekundär secondary #FFFFFF
Text text #F0F0F0
Accent accent #FF5722
// Editorial UI Kit

Terminal Component System

Rent CLI-estetiskt designsystem med scan-lines och monospace överallt. För hackers, devs och CLI-fans.

50 kr

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

Komponenter
5 st
Tech stack
React, Vue, Angular
Licens
Kommersiell
Leverans
Direktåtkomst (zip + Git)
Uppdaterad

Om kit:et

Terminal är ett minimalistiskt designsystem som ser ut som en riktig terminal — JetBrains Mono överallt, blinkande markörer, scan-line overlay och matrix-grön accent. Inga rundade hörn, ren brutalist-känsla.

Perfekt för dev-tools, CLI-produkter, security-dashboards och tekniska SaaS som vill signalera 'för proffs'.

Komponenter som ingår

knappar kort modaler formulär tabeller

Funktioner

  • responsiv design
  • vettig typografi
  • anpassningsbara färger
  • interaktiva komponenter

När passar kit:et?

dashboard admin internal-tool

Tech stack

React Vue Angular

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

Skapa ett dashboard för att övervaka användardata med Terminal Component System. Använd modaler för att visa detaljerad information.

Vanliga frågor

Vad innehåller Terminal Component System?
Terminal Component System innehåller 5 komponenter inklusive knappar, kort, modaler, formulär och mer.
Vilken teknik bygger kit:et på?
Terminal Component System är byggt med React, Vue, Angular.
Ä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