Awesome Spectrum UI

A curated, single-page index of everything in Spectrum UI — every free, copy-paste React & Next.js component, plus installation, the MCP server, comparisons, and resources. Built with Tailwind CSS, Radix UI, and Framer Motion.

• Installation
• Introduction
• MCP Server

• Accordion
• Alert
• Animated SVG Chart
• Animated Testimonials
• Autosize Textarea
• Bento Grid
• Button
• Card
• Datetime Picker
• Dock
• Dual Range Slider
• Event Badge
• Event Calendar
• Feedback Card
• Floating Label Input
• Footer
• HTTPS Status Code
• Image Preview
• Infinite Scroll
• Loading Button
• MultiStep Form
• Multiple Selector
• Navbar
• Profile Dropdown
• Progress With Value
• Responsive Modal
• Scratch Card
• Skeleton
• Spinner

• How Spectrum UI compares
• Spectrum UI vs Aceternity UI
• Spectrum UI vs Magic UI
• Spectrum UI vs shadcn/ui
• Best React UI component libraries (2026)
• Best animated React component libraries (2026)

• MCP Server (Cursor, Claude, Windsurf)
• Colors & palettes
• Blog
• FAQ
• GitHub repository
• llms.txt (for AI systems)
• agents.md (for AI coding agents)