DEV Community

Cover image for Copy-Paste Sci-Fi Components Built on Radix UI | SCIFICN/UI
jQueryScript
jQueryScript

Posted on

Copy-Paste Sci-Fi Components Built on Radix UI | SCIFICN/UI

SCIFICN/UI: a React component library that applies a cassette futurism terminal aesthetic to a full set of copy-paste UI components.

Key details:

  • 30+ components: charts, HUD panels, stat cards, node graphs, and a terminal emulator
  • Three runtime themes: SCI-FI (green phosphor), STAR WARS (blue holographic), ALIEN (warm bone)
  • Built on Radix UI and Tailwind CSS v4
  • Adds components via the shadcn CLI: npx shadcn@latest add @scificn/button
  • Source files copy directly into your project — no npm package, no version lock-in

Good for dashboards, monitoring screens, internal tools, and game style interfaces.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)