Christian CastillejoDesign Engineer
Nectar UI/
v1.0.0 Public Beta

Nectar UI.

The soil for my digital garden. A headless, themeable component architecture designed to decouple logic from aesthetics.

Explore Foundation
Browse Components

Headless by Design

Built on Radix UI primitives. Logic and accessibility are handled internally; styling is exposed via Tailwind tokens.

Theme Injection

Powered by Tailwind v4 CSS variables. The system defines the slots, the consuming app injects the soul.

Composition First

Avoiding 'God Components'. Nectar uses compound patterns (Root, Trigger, Content) for maximum flexibility.

System Architecture

Foundation

The atomic design tokens that define the visual language.

Typography
Acorn & Geist
Colors & Tokens
Semantic Variables

Primitives

Functional, unstyled-first components ready for composition.

Button
Input
Card
Sheet

Crafted by Christian Castillejo