A modern component library built with shadcn/ui and Tailwind CSS. Spectrum UI offers elegant, responsive components and smooth animations designed for high-quality interfaces.
component for the Event Calendar
Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.
Demo usage for the Expandable Action Bar component
A five-level feedback rating where one large SVG face morphs its mouth, eyes and color between moods as you hover and click, with a joy bounce on commit
Demo usage for the Face Rating component
A tabbed FAQ card with animated accordion answers and a support footer.
Demo usage for the FAQ Tabs Card component
Flag management with env chips, rollout meters and a live spring-animated switch per row.
component for the Feedback Demo
A shared-drive browser with type-glyph tiles, sizes, collaborator stacks and modified dates.
component for the Floating Label Customize
component for the Floating Label Form
component for the Floating Label Input
component for the Floating Label Input Demo
component for the Floating Navbar
component for the Floating Particle Footer
component for the Fluid Ink Morph
A morphing follow/unfollow button with a spring width morph, animated check draw, and a hover-revealed unfollow state
Demo usage for the Follow Button component
component for the Footer
component for the Footers Demo
A GitHub profile card with account stats, a contribution graph, and social links.
Pastel gradient card headers with icons and color-coded inheritance labels.
component for the Heading With Anchor
A distribution of raw samples binned on nice edges, with p50 / p95 / p99 pinned onto the plot — the chart that shows the tail your average hides.
A press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early release, and a success check morph on completion
Demo usage for the Hold to Confirm component
component for the Holographic Scan Reveal
component for the HTTP Status Code
Shared icon set used by the footer and profile components.
component for the Image Preview
component for the Image Preview Dependencies
Price, RSI and MACD stacked on one time axis with a single crosshair that reports all three panes at once.
component for the Infinite Scroll Demo
component for the Infinite Scroll Dependencies
component for the Inline Code
A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.
component for the Input Model Demo
Metric cards with spark bars, trend deltas, and an AI note.
Stock management with SKU tiles, capacity meters that change color at thresholds and status labels.
Billing history with mono invoice numbers, status pills and a per-row PDF download.
component for the Kanban Board
A 3D keycap that physically depresses when the real key is pressed, with combo shortcuts that pulse and fire when every key is held at once
Demo usage for the Kbd Key component
Rankings with medal chips for the top three, player avatars, streaks and weekly movement.
A heart like button micro-interaction with a spring pop, ring pulse, radial particle burst, and a rolling odometer count
Demo usage for the Like Button component
Multi-series lines with solid, dashed, bump, step, gradient, and glow strokes.