nexvyn/ui

Role: Sole designer and developer.

Year: 2026. Status: Live.

nexvyn/ui started because I wanted components that felt right out of the box, not just functional, but considered.

Most component libraries solve the functionality but leave the feel to you.

Every new project meant rebuilding the same things: tokens, dark mode, hover states, spacing consistency.

I wanted a single source that already had the right defaults.

A set of copy-paste components with a full design system underneath.

Every component has a live preview where you can adjust colors and see the result immediately.

The library ships with light and dark tokens, consistent spacing, and accessible primitives built on Radix.

The whole library uses one accent color. It ties everything together without forcing a visual identity on the user.

I chose neutral foundations (whites, grays, and blacks) so the components feel at home in any product.

Dark mode was a first-class concern, not an afterthought. Every token has a light and dark value. The switch is instant.

Borders, surfaces, and text all use a layered system: background → surface → surface-2 → muted → foreground. This hierarchy keeps things readable without relying on heavy contrast.

System fonts for the interface: fast to load, native feel on every platform.

A handwriting font (Caveat) for branding moments: logo, annotations, personality touches.

The accent (#7AA7C7) was chosen because it's calm, works on both light and dark backgrounds, and doesn't compete with content.

More components, driven by what I actually need in my own projects.

Better docs with real examples and one-click copy.

A CLI to scaffold components directly into new projects.