Terminal CLI (Mobile)

ui-ux-pro-maxMITDeveloper tools · developer-toolsPortfolio · portfolioGaming · gamingMobile app · mobile-appFuturistic · futuristicRetro · retroDark · darkMedium · mediumGreen · greenVivid · vividSerif · serif

Terminal CLI (Mobile). Best for Developer tools, Web3/blockchain apps, geek-culture apps, ARG games, sci-fi/noir gaming companions, hacker/security tools, creative studio portfolios.

NNorthwind

Product · Pricing

Specimen

Make the work feel finished

One interface, dressed in this style. Compare type, color, radius, and density.

128

Active

4.8

Score

12ms

Edge

Attribution

"Terminal CLI (Mobile)" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9.

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill · src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile · 28b3b8dee8c9 · © Next Level Builder

Do

0px border-radius everywhere
☐ ASCII-style borders on cards
☐ Boot sequence on launch
☐ Blinking cursor component
☐ Typewriter hook for new content
☐ Scanline overlay (0.05 opacity)

Don't

Consumer products
health apps
anything requiring approachability or warmth
children's apps
standard enterprise contexts

Prompt

Design a Terminal CLI (Mobile) mobile interface using terminal, cli, matrix green, monospace, hacker, ascii, command line, developer. Prioritize clear hierarchy, safe areas, touch targets, visible focus, and reduced-motion alternatives.

---
"Terminal CLI (Mobile)" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9.
powered by Styledex — https://styledex.dev

Tokens

DTCG

{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Terminal CLI (Mobile). \"Terminal CLI (Mobile)\" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9.",
  "$extensions": {
    "dev.styledex": {
      "id": "uupm-terminal-cli-mobile",
      "license": "MIT",
      "attribution": "\"Terminal CLI (Mobile)\" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9.",
      "banner": "powered by Styledex — https://styledex.dev"
    }
  },
  "color": {
    "background": {
      "$type": "color",
      "$value": "#050505"
    },
    "foreground": {
      "$type": "color",
      "$value": "#fafaf9"
    },
    "card": {
      "$type": "color",
      "$value": "#050505"
    },
    "card-foreground": {
      "$type": "color",
      "$value": "#fafaf9"
    },
    "primary": {
      "$type": "color",
      "$value": "#33ff00"
    },
    "primary-foreground": {
      "$type": "color",
      "$value": "#1c1917"
    },
    "secondary": {
      "$type": "color",
      "$value": "#ffb000"
    },
    "secondary-foreground": {
      "$type": "color",
      "$value": "#fafaf9"
    },
    "accent": {
      "$type": "color",
      "$value": "#ffb000"
    },
    "accent-foreground": {
      "$type": "color",
      "$value": "#fafaf9"
    },
    "muted": {
      "$type": "color",
      "$value": "#141414"
    },
    "muted-foreground": {
      "$type": "color",
      "$value": "#a3a3a2"
    },
    "border": {
      "$type": "color",
      "$value": "#282828"
    },
    "destructive": {
      "$type": "color",
      "$value": "#dc2626"
    },
    "ring": {
      "$type": "color",
      "$value": "#33ff00"
    }
  },
  "font": {
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif"
      ]
    },
    "serif": {
      "$type": "fontFamily",
      "$value": [
        "ui-serif",
        "Georgia",
        "serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "monospace"
      ]
    }
  },
  "radius": {
    "base": {
      "$type": "dimension",
      "$value": "0.5rem"
    }
  },
  "spacing": {
    "base": {
      "$type": "dimension",
      "$value": "1rem"
    }
  },
  "shadow": {
    "base": {
      "$type": "shadow",
      "$value": "0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04)"
    }
  }
}

CSS

/* powered by Styledex — https://styledex.dev */
/* "Terminal CLI (Mobile)" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9. */
:root {
  --background: #050505;
  --foreground: #fafaf9;
  --card: #050505;
  --card-foreground: #fafaf9;
  --primary: #33ff00;
  --primary-foreground: #1c1917;
  --secondary: #ffb000;
  --secondary-foreground: #fafaf9;
  --accent: #ffb000;
  --accent-foreground: #fafaf9;
  --muted: #141414;
  --muted-foreground: #a3a3a2;
  --border: #282828;
  --destructive: #dc2626;
  --ring: #33ff00;
  --radius: 0.5rem;
  --font-sans: ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --spacing: 1rem;
  --shadow: 0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04);
}

Tailwind

/* powered by Styledex — https://styledex.dev */
/* "Terminal CLI (Mobile)" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9. */
/** Tailwind theme extend for Terminal CLI (Mobile) (uupm-terminal-cli-mobile) */
module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "background": "#050505",
        "foreground": "#fafaf9",
        "card": "#050505",
        "primary": "#33ff00",
        "primary-foreground": "#1c1917",
        "secondary": "#ffb000",
        "accent": "#ffb000",
        "muted": "#141414",
        "border": "#282828",
        "destructive": "#dc2626",
        "ring": "#33ff00"
      },
      "borderRadius": {
        "lg": "0.5rem"
      },
      "fontFamily": {
        "sans": [
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "serif": [
          "ui-serif",
          "Georgia",
          "serif"
        ],
        "mono": [
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ]
      },
      "boxShadow": {
        "styledex": "0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04)"
      }
    }
  }
};

shadcn

/* powered by Styledex — https://styledex.dev */
/* "Terminal CLI (Mobile)" from https://github.com/nextlevelbuilder/ui-ux-pro-max-skill (MIT). © Next Level Builder. src/ui-ux-pro-max/data/styles.csv#terminal-cli-mobile @ 28b3b8dee8c9. */
@layer base {
:root {
  --background: #050505;
  --foreground: #fafaf9;
  --card: #050505;
  --card-foreground: #fafaf9;
  --primary: #33ff00;
  --primary-foreground: #1c1917;
  --secondary: #ffb000;
  --secondary-foreground: #fafaf9;
  --accent: #ffb000;
  --accent-foreground: #fafaf9;
  --muted: #141414;
  --muted-foreground: #a3a3a2;
  --border: #282828;
  --destructive: #dc2626;
  --ring: #33ff00;
  --radius: 0.5rem;
  --font-sans: ui-sans-serif, system-ui, sans-serif;
  --font-serif: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --spacing: 1rem;
  --shadow: 0 1px 2px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04);
}
}