Make your AI a shadcn expert

Spectrum UI

Spectrum UI is a collection of reusable components combining elements from Aceternity UI, Magic UI, and ShadCN UI into a unified, copy-and-paste component library for modern web applications.

Spectrum UI — preview

Live Preview

Interact with the actual deployed template — every section, every interaction, no mockups.

ui.spectrumhq.in
Loading preview…

About Template

The Apache-2.0 licensed project provides modular UI components built with TypeScript (99.6% of codebase), Next.

js, and Tailwind CSS, offering developers flexibility through easy integration without npm dependencies. The library draws from three popular UI libraries to provide comprehensive component coverage with diverse design patterns and interaction styles. With 878 stars and an active community of contributors, Spectrum UI welcomes open-source contributions and maintains documentation at ui.

spectrumhq.in. Perfect for projects requiring diverse UI patterns, developers wanting best-of-breed components from multiple libraries, teams building design systems with varied aesthetics, or any application benefiting from high-quality components without committing to a single UI framework, Spectrum UI demonstrates how to harmonize different component libraries into cohesive, production-ready interfaces.

Free, open source, and ready to ship.

Clone the repo, install dependencies, and start customising — every Spectrum UI file is MIT-licensed and yours to keep.

More Templates

Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.