NovaCraft UI

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