A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.
ReactTailwindDesign Systems+3
appica.dev
Spectrumhq
ui.spectrumhq.in
An open-source library of 250+ animation-ready React components and blocks built with Next.js, Tailwind CSS, Motion and shadcn/ui — with MCP support for AI agents.
What is Spectrumhq?
Spectrum UI provides open-source, animation-ready React components and blocks aimed at SaaS and AI apps, built on Next.js, Tailwind CSS, Motion, TypeScript and shadcn/ui. Its distinguishing feature is an MCP server: connect it once and AI agents like Cursor or Claude can request any of 250+ components and install them in one line. The project is backed by the Vercel Open Source program.
Best for
- SaaS and AI app UIs with built-in animation
- AI-assisted coding with MCP component installs
- shadcn/ui projects needing more motion
Key features
- 250+ animated components and blocks
- Built with Next.js, Tailwind CSS and Motion
- MCP server installs components in one line
- Wired for Cursor, Claude and other agents
- Backed by the Vercel Open Source program
Related resources
appica.dev
49 free copy-paste microinteractions for React, CSS and Tailwind — animated buttons, hover effects, tabs and inputs with no package to install.
ReactTailwindCSS+3
microkit.co
138 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.
ReactTailwindAnimation+2
beui.dev