SYS:ONLINE● ACTIVE
THEME
GITHUB★ —v0.1.0
▶ SYSTEM INITIALIZED — COMPONENT LIBRARY ONLINE
╔═══════════════════════╗
║  S C I F I C N / U I  ║
╚═══════════════════════╝

A retro sci-fi React component library. Built on Radix UI and Tailwind CSS. Copy-paste components into your project and own the code.

— LIVE PREVIEW ——————————————————————
●ONLINE●SCANNING⚠WARNING✕CRITICAL○OFFLINE
SCANNING...
POWER CORE
[============= ]67%
— SYSTEM FEATURES —————————————————————
□
ZERO ROUNDED CORNERS
Hard edges. Sharp geometry. No compromise.
◈
PHOSPHOR GLOW FX
Green, amber, and red glow effects on active states.
◎
RADIX A11Y
Every component is accessible — keyboard, screen reader, ARIA.
▶
COPY-PASTE
Own the code. No version lock-in. Modify everything.
— QUICK START ————————————————————————

INSTALLATION

# 1. Install dependencies
npm install tailwindcss @tailwindcss/vite \
  @radix-ui/react-slot class-variance-authority \
  clsx tailwind-merge

# 2. Copy globals.css into your project
# 3. Copy any component from src/ui/

# Example: using Button
import { Button } from '@/ui/button'

<Button variant="EXEC">INITIATE</Button>
— AVAILABLE COMPONENTS ——————————————