Registry

Aavya light/dark design tokens and global styling.

Minimal blank app scaffold with Aavya theme baseline.

Avatar button with profile, settings, and sign-out menu. Manages its own Supabase auth state.

Bell icon with unread badge and notification list dropdown.

Globe icon dropdown for selecting the active language.

Top navigation with brand mark, app sections, and account menus.

Three-column header with logo left, NavigationMenu centered, and actions right. This defaults to a full logo mark without text beside it. Used in the brand homepage.

Route-aware breadcrumb navigation for App Router pages.

Persisted light/dark toggle backed by HTML class state.

Compact prompt + upload surface for n8n-powered asset generation.

Two-row header: NavigationMenu flyouts on row 1, breadcrumb + date-range toggle on row 2.

Rounded select control used in the AI image studio toolbar.

Theme-aware toast notifications powered by sonner.

Expandable disclosure primitive for grouped content.

Status and messaging primitive with semantic variants.

Destructive-action confirmation dialog primitive.

Intrinsic ratio wrapper primitive for media and embeds.

User avatar primitive with fallback initials support.

Accessible breadcrumb primitive for route hierarchy navigation.

Small status label primitive with semantic variants.

Action primitive with size and style variants.

Grouped button layout primitive for segmented actions.

Content container primitive with header/content/footer slots.

Modal primitive for focused tasks and confirmation flows.

Contextual action menu primitive with keyboard support.

Binary input primitive for multi-select and consent controls.

React Hook Form helpers for typed fields, labels, and validation messaging.

Right-click action menu primitive with nested and selectable items.

Expand/collapse primitive for progressively disclosed content.

Preview card primitive shown on hover and focus.

Text input primitive for forms and command surfaces.

Input wrapper primitive with inline and block addons.

Keyboard keycap primitive for shortcut hints.

Desktop-style command menu bar primitive.

Top-level navigation primitive with trigger/content panels.

Accessible form label primitive.

Single-choice selection primitive for grouped options.

Horizontal and vertical divider primitive.

Slide-over panel primitive for side drawers and contextual editing.

Loading placeholder primitive for async content states.

Single-choice selector primitive built on Radix Select.

Floating content surface anchored to a trigger element.

Linear progress indicator primitive for async status.

Page navigation primitive with previous/next and ellipsis states.

Custom scroll container primitive with styled scrollbars.

Range selection primitive with one or multiple thumbs.

Binary toggle primitive for settings and feature flags.

Pressable on/off button primitive.

Single or multiple selection group built from toggle items.

Responsive table primitive with semantic row and cell slots.

Contextual helper text that appears on hover or focus.

Multi-line text input primitive for notes and long-form content.

Animated button primitive with bounce motion feedback.

Date picker calendar primitive based on DayPicker.

Embla-powered carousel primitive with controls.

Chart container and helpers for Recharts visualizations.

Command palette primitives built on cmdk.

Bottom sheet and drawer primitives powered by Vaul.

Empty-state primitive with title, body, and actions.

Prominent icon badge primitive with style variants.

Form field composition helpers for labels and controls.

Viewport-aware tooltip system with shared motion layer.

One-time-code input primitive with slot rendering.

List item primitive with media, content, and actions.

Animated button primitive with magnetic cursor pull.

Checkbox primitive with motion-enhanced state transitions.

Animated highlight primitive for active item emphasis.

Radio group primitive with animated selection indicators.

Switch primitive with spring-based animated thumb.

Tabs primitive with animated active-state transitions.

Tooltip primitive with motion-driven enter and exit behavior.

Tag-based multi-select primitive built on command patterns.

Gradient-accented button primitive with animated color treatment.

Star rating input and display primitive.

Resizable panel layout primitives with drag handles.

Button primitive with ripple click interaction.

Styled native select element primitive.

Button primitive with shimmer animation effect.

Responsive sidebar layout and navigation primitives.

Loading spinner primitive for async states.

Application toast provider and hook for transient notifications.

Tabbed interface primitive for segmented content.

Aavya brand mark and wordmark with default, inverted, and white variants.

Theme-adaptive glass card: frosted paper in light mode, indigo underglow in dark mode. Pure CSS — no JS, no hydration flicker.