Spectrum UICollections
Open-source, animation-ready React components and blocks for SaaS and AI apps, blending Aceternity UI, Magic UI and shadcn/ui; Next.js + Tailwind CSS + Motion.
Open-source, animation-ready React components and blocks for SaaS and AI apps, blending Aceternity UI, Magic UI and shadcn/ui; Next.js + Tailwind CSS + Motion.
Live component bench of interactive UI blocks — every block is live and adjustable; tune, bench, share, take; React + Motion.
Free, MIT-licensed copy-paste components for React and Next.js — 150+ production-ready components with live previews, built with TypeScript and Tailwind CSS v4.
Growing collection of copy-paste components with its own CLI registry; plain React, Vite and Remix friendly; React 19, Tailwind CSS v4.
Fluid text transitions powered by Motion; shared characters slide to new positions while entering and exiting characters fade; custom spring transitions; React 18+.
Refined, copy-paste React and Tailwind CSS components for design engineers — a large collection of high-quality components.
Gallery of mathematical loading animations; formula-driven curve motion with live controls, code export and HTML download.
Lightweight React + TypeScript component library (33 components) with an original cozy island-style design; WAI-ARIA APG accessible.
Tiny dependency-free library of carefully designed interaction sounds, synthesized live with Web Audio.
Live dial controls for React, Solid, Svelte, Vue and vanilla JS; tune motion, layout, color and animation timing in place.
Beautifully designed, accessible and customizable PDF components built on Takumi and Forme; works with shadcn/ui.
Interactive Three.js components, templates and shaders with polished motion, Canvas/WebGL effects and copy-ready source.
Free, open-source animated components for React and Next.js built with Motion and Tailwind CSS; copy the source or install via the shadcn CLI.
Real-time animated line chart for React; canvas-rendered at 60fps for streaming data with line, multi-series and OHLC modes plus crosshair scrubbing; zero CSS imports.
Recreation of the Paper app's color picker; parses hex/RGB/HSL/HSB/display-p3/OKLCH and tolerates partial or malformed input.
Dependency-free interactive credit/debit card components — brand detection, input masking, 3D flip; React, Vue, Svelte and vanilla JS.
Animated thinking-orb loading indicator for processing and AI states.
File-tree rendering with virtualization, Git status, drag-and-drop, search, context menus and built-in icon sets.
Render code snippets and file diffs — unified/split views, merge conflicts, inline editing and annotations — built on Shiki.
Curated components and patterns for AI-native interfaces.
Nothing matches all of these — try removing a filter.