VLLNT UI — agent-first React components for AI-native products, from UI primitives to finance and ops domains. Accessible, Radix + Tailwind, you own the code.
Range slider input for selecting numeric values.
Step-through slideshow for presenting content sequentially.
Alignment guide overlay — dashed vertical and horizontal lines that surface during a drag.
Decorative twinkling sparkles scattered behind content.
KPI grid of labeled value tiles each paired with a compact sparkline trend.
Animated loading spinner indicator.
Text laid out in a circle that rotates continuously.
Card with a radial spotlight that follows the pointer.
Headline KPI card for metrics, trends, and supporting context.
State chip pinned to a canvas object's corner — idle, queued, running, complete, failed, stopped.
Service health grid for surfacing infrastructure state, queue pressure, and incidents.
Compact status label with tone, variant, and activity dot options.
Numbered step guide with optional interactive completion tracking.
Navigation controls for stepping through multi-page content.
Sequenced steps with complete, current, and upcoming states.
Pinned metric pill that sticks to a canvas object's corner.
Standalone SVG scroll-driven narrative map — IntersectionObserver tracks the active chapter and the map shifts to its center + zoom.
Subscription status and management card for plan, renewal, and usage details.
Toggle switch control for binary on/off state.
Styled data table with header, body, and footer sections.
Auto-generated table of contents from page headings.
Side panel rendering a table of contents for page navigation.
Tabbed content panels with keyboard-accessible tab triggers.
Set of tags supporting selection and removal.
Keyboard-friendly tag editor for adding and removing string values.
Terminal-style display for command output.
Body-text primitive with token-driven sans family and a size/tone/weight scale; polymorphic via `as`.
Animates text in by word or character with configurable effects.
Multi-line text input field.
Labelled text input bundling description and error message.
Dims and brightens words as the text scrolls through the viewport.
Text with an animated gradient fill that shimmers.
Applies the persisted theme preset on mount and injects a no-flash script so the saved preset is set before paint.
Context provider for light/dark theme switching.
Compact swatch row for switching between built-in theme presets, kept in sync with every other consumer on the page.
Button to toggle between light and dark themes.
Collapsible block showing AI thinking/reasoning with streaming support.
Expanded discussion bubble for an anchored canvas comment thread.
Compact ring gauge expressing how close a value is to a threshold.
Marquee-style scrolling symbol tape with price and change badges.
Card that tilts in 3D toward the pointer for a parallax hover.
Native time input styled to match the design system.
Vertical or horizontal timeline of sequential events with completed/active/upcoming statuses and connector lines.
Range slider for scrubbing through canvas state playback, with optional milestone ticks.
Popover time selector built from hour and minute columns.
Summary section for quick content overview.
Temporary notification messages with action support.
Two-state toggle button.