NovaCraft UI
NovaCraft UI is a dark-first React component library with glass and glow effects, live theming, blocks and templates.
About This Project
NovaCraft UI is a dark-first React component library with glass and glow effects, live theming, blocks and templates.
Tech Stack
Overview
I built NovaCraft UI, a dark-first React component library with a full documentation site. It gives developers copy-paste primitives with glass, glow and gradient treatments that they can theme with CSS variables.
Challenge
Most component libraries look the same and fight you when you want a bolder, futuristic look. I wanted a set that is striking by default, stays accessible, and has no package lock-in.
What I shipped
- 54 documented, typed components, from form inputs to overlays, data display and navigation
- Glass, glow, gradient and soft variants on the same primitives
- A theme playground where colors, radius, type and effects are live CSS variables
- Ready-made blocks and full-page templates built from the primitives
- Keyboard support, labeled controls, visible focus and a light theme one toggle away
Result
NovaCraft UI is open source with a live docs site. Developers can browse every component, tune a theme, and drop the code straight into their own apps.
Links
- Live docs: https://novacraft-ui.vercel.app
- Source code: https://github.com/fabwaseem/novacraft-ui
Screenshots
