Machined componentsfor the modern web.
Neoncite is an opinionated React component library with deep OLED blacks, hardware rim lighting, and nine vibrant neon accents. Built on Radix. Source-first, inspectable, and yours to customize.
npx neoncite@latest init -y
Why Neoncite
Not another beige UI kit.
Neoncite & Neon identity
Deep OLED surfaces, machined gradients, rim lighting, and a 9-color neon palette engineered for dark interfaces.
Copy-paste, your code
Components ship as source files into your repo. No black-box dependency — own it, inspect it, customize it.
Built on Radix
Interactive primitives use Radix foundations for keyboard, focus, and ARIA behavior, with Neoncite-specific validation layered on top.
First-class CLI
Initialize tokens and utilities, add source components, resolve dependencies, list registry items, and inspect local drift.
Themeable tokens
Dark-only CSS-variable theming with semantic surfaces and neon accents. Customize the system without forking every component.
Motion with intent
Scan-lines, ripples, and restrained micro-motion where they add feedback. Reduced-motion behavior is part of the token layer.
Showcase
Featured components.
| Service | Region | Status |
|---|---|---|
| api-edge | fra-1 | Ready |
| worker-sync | iad-1 | Building |
registry: ok build: ready
Start from source
Bootstrap it. Inspect it. Own it.
- Radix-based interactive foundations
- Tailwind CSS v4 native
- TypeScript first
- shadcn-style registry schema
npx neoncite@latest init -ynpx neoncite add button card dialog