A favicon of Spectrum UI

Spectrum UI

Spectrum UI offers 250+ free, open-source, animated React components built with Next.js, TypeScript, Tailwind CSS, and Motion, ready for copy-pasting.

A screenshot of Spectrum UIVisit

Spectrum UI: Reusable React Components & CLI for Modern Web Apps

Spectrum UI provides developers with a rich collection of over 250 free and open-source animated React components. Built with popular technologies like Next.js, TypeScript, Tailwind CSS, and Framer Motion, these components are designed for easy integration via copy-pasting. Spectrum UI also features a CLI tool, Spectrum CLI, to streamline the process of adding UI blocks directly into your projects, making it an excellent companion for shadcn/ui users.

Features:

  • Reusable Component Library: Over 250 free, open-source, animated React components and effects.
  • Spectrum CLI: Command-line tool for effortlessly adding UI blocks to your projects.
  • Modern Tech Stack: Built with Next.js, TypeScript, Tailwind CSS, and Framer Motion.
  • Easy Integration: Designed for simple copy-paste implementation into applications.
  • Shadcn/UI Compatibility: Serves as an excellent extension for projects using shadcn/ui.
  • Diverse Form Components: Includes pre-built forms for login, sign-up, payment, and feedback.
  • Data Visualization Tools: Offers components for interactive charts (Bar, Line, Radar) and metrics display.
  • User Management Interfaces: Provides elements for user profiles, account settings, and subscription plans.
  • Productivity & Collaboration UI: Features UI for task management, event calendars, and team collaboration.
  • Theming Options: Includes built-in support for Light and Dark color schemes.

Summary:

Spectrum UI is a comprehensive suite of over 250 reusable, animated React components, built with Next.js, TypeScript, Tailwind CSS, and Framer Motion. It simplifies UI development through easy copy-paste integration and the Spectrum CLI for adding blocks directly. Offering a wide range of components from forms to data visualization, and supporting themes, it's an ideal open-source toolkit for developers seeking to build modern applications efficiently.

Distribution:
opensource
GitHub:
583 Stars
62 Forks
Share:

 

  
 

Similar to Spectrum UI:

 

  
  

 

  
  

 

  
  
Spectrum UI: Spectrum UI: Beautiful, copy-paste React components with a powerful CLI. – Awesome-Shadcn/ui