Components
Every component ships two ways: as part of the npm packages, and as source you copy with the CLI. Same code, your choice.
Foundations
Accordion→Animated height accordion with rotating plus icon.Avatar→Avatar with status and ring, plus a fan-out AvatarStack.Badge & Kbd→Eight tones with optional pulsing dot, plus keyboard keys.Button→Seven variants, five sizes, loading state and press spring.Card→Card with header, title, description and footer, plus Separator.Copy Button→Copy to clipboard with an animated check confirmation.Theme Switch→Animated sun/moon toggle or Light/Dark/System segmented control.
Forms
Address Autocomplete→Pluggable geocoder search with keyboard nav, highlights and current location.Autocomplete→Suggestions list with highlighted matches, sync or async data.Calendar & Date Pickers→Calendar, DatePicker and DateRangePicker with presets. No date library.Card Input→Card number, expiry and CVC with brand detection and Luhn check.Checkbox→Animated tick, indeterminate state, optional label and description.Code Editor→Highlighted code editing with line numbers, smart indent and auto-closing pairs.Color Picker→Saturation area, hue slider, hex field, eyedropper and swatches.Combobox→Searchable select; set multiple for tag-style multi-select, with create.Currency Input→Formats money as you type per currency and locale, with presets and limits.Emoji Picker & Reactions→Searchable emoji picker with recents, plus Slack-style reaction chips.File Dropzone→Drag-and-drop uploads with validation, plus FileItem progress rows.Font Picker→Font chooser with categories, live preview text and optional Google Fonts loading.Gradient Picker→Draggable stops, linear/radial/conic, angle dial, presets and copy CSS.Inline Edit→Click text to edit in place. Enter saves, Escape cancels.Input→Input, Textarea, Label and Field with leading/trailing slots and states.Markdown Editor→Markdown with toolbar, shortcuts and a safe live preview (split or tabs). Exports <Markdown>.Mention Input→Textarea where @ opens a people picker.Number Input→−/+ stepper with arrow-key support and clamping.OTP Input→One-time-code boxes with auto-advance and paste.Passkey Login→Passwordless sign-in with passkey and a magic-link fallback.Password Input→Show/hide toggle with a live strength meter and rule checklist.Phone Input→Country picker with auto-formatting and E.164 output.Radio Group→Radio, RadioGroup and selectable RadioCard.Rating→Star rating with hover preview, labels and keyboard support.Rich Text Editor→WYSIWYG editor with toolbar, shortcuts, plain-text paste and word count.Search Input→Search field with clear button, / shortcut and result count.Select→Custom select with groups, icons and descriptions.Signature Pad→Draw a signature with mouse, pen or finger; export as PNG.Slider→Single or range slider with value bubble.Switch→Spring-loaded toggle with optional label.Tag Input→Enter or comma to add, backspace twice to remove, suggestions.Time Picker→Scroll-wheel hours, minutes and AM/PM.Time Range Slider→Dual-thumb time picker with busy blocks, ticks and duration.Toggle Group→Pressable button group, single or multiple.Upload Queue→Upload queue with concurrency, progress, speed, pause/resume, retry and totals.
Navigation
Back to Top→Floating scroll-to-top button with a reading-progress ring.Bottom Tab Bar→Mobile tab bar with a sliding active pill and badges.Breadcrumb→Slash or chevron breadcrumbs that collapse long paths.Command Bar→Floating tool dock with sliding indicator and single-key shortcuts.Mega Menu→Website navigation with large multi-column dropdown panels.Mobile Menu→Morphing hamburger that opens a full-screen menu with staggered links.Floating Navbar→Pill navbar with sliding hover highlight that hides while scrolling down.Overflow Tabs→Tabs that fold extras into a More menu as space shrinks.Page Header→Breadcrumbs, icon, title, badges, actions, meta and tabs.Pagination→Numbered pagination with smart gaps.Shortcut Overlay→Press ? for all shortcuts; useHotkeys supports combos and sequences.Sidebar→App sidebar with sections, badges, footer slot and collapse-to-icons.Speed Dial→Floating action button that fans out labelled actions.Stepper→Numbered steps with a filling connector.Table of Contents→On-this-page list that highlights the section you're reading.Tabs→Tabs with a gliding indicator, and a SegmentedControl.
Data display
Before / After→Drag or arrow-key slider comparing two images.Bulk Action Bar→Floating toolbar for selected rows with select-all, shortcuts and Esc to clear.Carousel→Scroll-snap carousel with swipe, arrows, dots and autoplay.Charts→Dependency-free SVG bar, line, area, donut, sparkline and funnel charts.Code Block→File tabs, line numbers, highlighted lines and copy, with a tiny built-in highlighter.Data Table→Sortable, searchable, paginated table with row selection and bulk actions.Diff Viewer→Unified and split code diff with +/- stats.File Preview→Previews images, PDF, video, audio, code and CSV with download.Filter Builder→Field / operator / value rules joined by AND or OR, with chips and applyFilters().Gantt→Project timeline with progress, milestones and a today marker.Heatmap→GitHub-style contribution calendar with tooltips.Invoice Preview→Printable invoice with tax, status stamp and save-as-PDF.JSON Viewer→Collapsible, syntax-coloured JSON with copy-path.Kanban→Drag-and-drop board with WIP limits and keyboard moves.Leaderboard→Ranked list with medals, movement and animated re-ordering.Log Viewer→Terminal-style log stream with level filters, search and follow.Month Calendar→Month grid with event chips, multi-day events, +N more and today ring.Org Chart→Collapsible organisation tree with connectors and team counts.Progress Steps→Milestones with nested sub-tasks and per-step progress.Split Compare→Two resizable panes with a draggable divider and synced scroll.Stat Card→KPI tile with value, trend delta and optional sparkline.Timeline→Vertical activity feed with tones, icons and rich content.Tree View→File-tree hierarchy with full keyboard navigation.Uptime Bars→Status-page uptime history with per-day tooltips.Week Calendar→Week agenda with hour grid, overlap layout and now-line.World Map→Dotted world map with pulsing markers, tooltips and animated arcs. No tiles needed.
AI
Agent Plan→Live checklist of an agent's steps with progress.Chat Message→User and assistant turns with streaming caret, markdown and copy/retry/feedback.Citations→Inline numbered citations with hover previews and source chips.Model Selector→Model picker with speed and intelligence meters.Prompt Box→Chat composer with auto-grow, attachments, suggestions and stop-while-streaming.Thinking Block→Collapsible reasoning trace with live timer and shimmer.Tool Call→Agent tool invocation card with input, output and approve/deny.Usage Meter→Plan usage bar with breakdown and limit warnings.Voice Input→Mic button with live waveform and speech-to-text.
Collaboration
Comment Pins→Figma-style pins: drop, reply in threads, resolve.Comment Thread→Threaded replies, @mention autocomplete, reactions and collapsible threads.Live Cursors→Multiplayer cursors with spring motion, name tags and chat bubbles.Notification Center→Bell inbox with unread badge, tabs, actions and dismiss.Presence→Who's-here facepile with status, activity tooltips and overflow.Typing Indicator→Bouncing dots as a bubble or 'Maya is typing'.Version History→Named versions, restore and two-way compare.
Feedback & social
Changelog→Release notes with versions, media and typed change lists.Feature Voting→Upvotable roadmap requests with sort and status filter.Mood Picker→Five drawn faces that animate and colour in when picked.NPS Survey→0–10 Net Promoter Score with follow-up and thank-you state.Profile Hover Card→Hover a name for cover, bio, stats, mutuals and a Follow button.Reviews→Rating summary with distribution filter and review cards.Share Sheet→Copy link, QR code, social targets, native share and access settings.
Media
Audio Player→Waveform player with scrubbing, keyboard seek and speed.Audio Recorder→Voice notes with live waveform, pause, playback and download.Avatar Uploader→Click or drop to upload with a progress ring.Image Cropper→Pan-and-zoom cropper with round mask and export.Masonry→Ordered masonry grid with fade-in on scroll.QR Code→Dependency-free QR encoder with dots style and centre logo.Video Player→Custom controls, chapters, buffer bar, PiP and fullscreen.
Mobile
Contact
Chat Contact→Conversational form that asks one question at a time, with typing dots and quick replies.Compose Form→Email-client contact form: To/From/About rows, topic chips, attachments, counter and a bot-check slot.Contact Methods→Email, phone, WhatsApp, calendar and location cards with copy, local time and online status.Contact Widget→Floating 'Message me' launcher with quick links and a compact form.Mac Window→macOS window chrome with traffic lights, light/dark/auto tones and a monospace mode.Social Icons→Brand marks for LinkedIn, GitHub, X, Instagram and more, plus detectNetwork(url).Terminal Contact→Portfolio contact card as a macOS terminal: types itself out, then takes commands (help, open, vcard, message…).vCard & Contact Card→Downloadable .vcf: buildVCard(), a Save-contact button and a flip card with a scan-to-save QR.
Feedback
Activity Feed→Grouped activity stream with filters and live arrivals.Alert→Four-tone alerts and an EmptyState block.Announcement Banner→Top-of-page banner with tag, link and remembered dismissal.Cookie Consent→Cookie banner as a corner card, bottom bar or modal, with per-category preferences.Countdown→Live countdown with rolling digits for launches and sales.Onboarding Checklist→Get-started tasks with progress ring, CTAs and a reward state.Progress→Linear, striped, indeterminate, ring and shimmer Skeleton.Rating Summary→Average with partial stars, clickable distribution and aspect scores.Skeleton Presets→Card, profile, list, table and dashboard loading placeholders.Spinner→Ring spinner and bouncing-dots loader.Toast→Toasts with success/error/warning/info/loading tones, toast.promise, in-place updates, stacking, swipe and a pausable countdown bar.Top Loader→NProgress-style page bar driven by topLoader.start/done/track.What's New→Release dialog with swipeable feature slides and seen-version memory.
Overlay
Confirm Dialog→Blocking confirmation with tones, async confirm and type-to-confirm.Context Menu→Right-click menu with shortcuts, submenus and destructive items.Dialog→Modal dialog that springs in, plus Sheet (side and bottom drawers).Dropdown Menu→Menus with shortcuts, checkbox and radio items, and submenus.Hover Card→Rich preview card on hover or focus, with intent delay.Lightbox→Image grid with full-screen viewer, swipe, keys and thumbnails.Popover→Anchored floating panel with optional arrow.Tooltip→Zero-setup tooltip with arrow and keyboard shortcut slot.Product Tour→Spotlight onboarding tour with animated cutout and step dots.
Signature
Effects
Backgrounds→Animated GridBackground and DotBackground.Border Beam→A beam of light orbiting a card's edge.Confetti→useConfetti() hook and ConfettiButton.Magnetic→Child leans toward the pointer, then springs back.Marquee→Infinite scrolling row that pauses on hover.Number Ticker→Counts up when scrolled into view.Parallax→Layers that move at different speeds as a section scrolls.Rotating Words→Swaps a word in place with a slide-up spring.Scroll Reveal→Fade-and-lift on first scroll into view.Shiny Text→A light sweep across text.Spotlight Card→A card whose glow follows the pointer.Text Scramble→Decoder-style reveal where random glyphs settle into text.Tilt Card→3D tilt that follows the pointer.Typewriter→Types, deletes and cycles through words.