# Spectrum UI

> 250+ React and Next.js components, blocks, and animations built with Tailwind CSS and Framer Motion.

- Owner: [Arihant jain](https://21st.dev/@arihantcodes_1f7b8c4d)
- Components: 22
- Website: https://ui.spectrumhq.in
- GitHub: https://github.com/arihantcodes/spectrum-ui
- Live page: https://21st.dev/@arihantcodes_1f7b8c4d/library/spectrum-ui

## Components

All 22 of them:

- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1.md)
- [Base Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/base-button.md)
- [Dual Range Slider](https://21st.dev/@arihantcodes_1f7b8c4d/components/dual-range-slider.md)
- [Event Calendar](https://21st.dev/@arihantcodes_1f7b8c4d/components/event-calendar.md)
- [Feedback Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/feedback-card.md)
- [Floating Label](https://21st.dev/@arihantcodes_1f7b8c4d/components/floating-label.md)
- [Footer section](https://21st.dev/@arihantcodes_1f7b8c4d/components/footer-section.md)
- [Input Modal](https://21st.dev/@arihantcodes_1f7b8c4d/components/input-modal.md)
- [Kanban Board](https://21st.dev/@arihantcodes_1f7b8c4d/components/kanban-board.md)
- [Large Name Footer](https://21st.dev/@arihantcodes_1f7b8c4d/components/large-name-footer.md)
- [Loading Button](https://21st.dev/@arihantcodes_1f7b8c4d/components/loading-button.md)
- [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1.md)
- [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card.md)
- [Multiple Selector](https://21st.dev/@arihantcodes_1f7b8c4d/components/multiple-selector.md)
- [Multistep Form](https://21st.dev/@arihantcodes_1f7b8c4d/components/multistep-form.md)
- [Navbars](https://21st.dev/@arihantcodes_1f7b8c4d/components/navbars.md)
- [Profile Dropdown](https://21st.dev/@arihantcodes_1f7b8c4d/components/profile-dropdown.md)
- [Responsive Modal](https://21st.dev/@arihantcodes_1f7b8c4d/components/responsive-modal.md)
- [Skeleton](https://21st.dev/@arihantcodes_1f7b8c4d/components/skeleton.md)
- [Spinner](https://21st.dev/@arihantcodes_1f7b8c4d/components/spinner.md)
- [Stacked Circular Footer](https://21st.dev/@arihantcodes_1f7b8c4d/components/stacked-circular-footer.md)
- [Status Badge](https://21st.dev/@arihantcodes_1f7b8c4d/components/status-badge.md)

Full component directory: https://21st.dev/llms.txt