# Clean components

> Discover 7 clean React UI components styled with Tailwind CSS, designed for minimal, clutter-free, and modern web layouts.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/clean.

- [Testimonials Columns](https://21st.dev/@sshahaider/components/testimonials-columns-1.md) — by Efferd
- [Gallery with image cards](https://21st.dev/@shadcnblockscom/components/gallery4.md) — by Shadcnblocks.com
- [Circular Testimonials](https://21st.dev/@maxim.bort.devel/components/circular-testimonials.md) — by Maxim Bortnikov
- [Dialog](https://21st.dev/@originui/components/dialog/invite-memebers-dialog.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-with-sticky-header.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/dense-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/table-without-horizontal-dividers.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/appointment-picker.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/advanced-selection.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/pricing-calendar.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/monthly-yearly-selects.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/date-picker.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/two-months-calendar.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/three-months-calendar.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/with-date-input.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/with-button.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/weekly-numbers.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/right-navigation.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/with-today-button.md) — by Origin UI
- [Fullscreen Calendar](https://21st.dev/@ahmedmayara/components/fullscreen-calendar.md) — by Ahmed Mayara
- [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-2.md) — by Ravi Katiyar
- [Footer 7](https://21st.dev/@shadcnblockscom/components/footer-7.md) — by Shadcnblocks.com
- [Animated Testimonials](https://21st.dev/@bankkroll/components/animated-testimonials/animated-testimonials.md) — by Bankk
- [Tabs](https://21st.dev/@originui/components/tabs/default-2.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-icon-sub-header-and-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/table-w-left-chevron.md) — by Origin UI
- [Accordion](https://21st.dev/@originui/components/accordion/w-sub-header-and-chevron.md) — by Origin UI
- [About 3](https://21st.dev/@shadcnblockscom/components/about-3.md) — by Shadcnblocks.com
- [Modern sideBar](https://21st.dev/@uniquesonu/components/modern-side-bar.md) — by Sonu
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section.md) — by UI Layouts
- [Feature Section with Bento Grid](https://21st.dev/@manuarora700/components/feature-section-with-bento-grid.md) — by Manu Arora
- [pricing](https://21st.dev/@uilayout.contact/components/pricing.md) — by UI Layouts
- [Vercel Tabs](https://21st.dev/@yadwinder/components/vercel-tabs.md) — by Yadwinder Singh
- [Minimal Testimonial](https://21st.dev/@jatin-yadav05/components/minimal-testimonial.md) — by Jatin Yadav
- [Pricing Table](https://21st.dev/@kokonutd/components/pricing-table.md) — by Kokonut Baffier
- [Ruixen Bento Cards](https://21st.dev/@ruixen.ui/components/ruixen-bento-cards.md) — by Ruixen UI
- [Acme Hero](https://21st.dev/@bankkroll/components/acme-hero.md) — by Bankk
- [Features 9](https://21st.dev/@meschacirung/components/features-9.md) — by Méschac Irung
- [CaseStudies](https://21st.dev/@ruixen.ui/components/case-studies.md) — by Ruixen UI
- [Calendar](https://21st.dev/@shugar/components/calendar.md) — by tigran tumasov
- [Clean Testimonial](https://21st.dev/@jatin-yadav05/components/clean-testimonial.md) — by Jatin Yadav
- [Calendar](https://21st.dev/@shugar/components/calendar/compact.md) — by tigran tumasov
- [Calendar](https://21st.dev/@shugar/components/calendar/presets.md) — by tigran tumasov
- [Calendar](https://21st.dev/@shugar/components/calendar/min-and-max-dates.md) — by tigran tumasov
- [Hero](https://21st.dev/@ravikatiyar162/components/hero-5.md) — by Ravi Katiyar
- [Project Data Table](https://21st.dev/@ravikatiyar162/components/project-data-table.md) — by Ravi Katiyar
- [Ticket Confirmation Card](https://21st.dev/@ravikatiyar162/components/ticket-confirmation-card.md) — by Ravi Katiyar
- [Feature](https://21st.dev/@tommyjepsen/components/feature.md) — by Tommy Jepsen
- [Analytics Bento](https://21st.dev/@jatin-yadav05/components/analytics-bento.md) — by Jatin Yadav
- [Feature Spotlight](https://21st.dev/@jatin-yadav05/components/feature-spotlight.md) — by Jatin Yadav
- [Information Card](https://21st.dev/@KarrixLee/components/info-card/with-video.md) — by KL UI
- [Calendar \[React-Area\]](https://21st.dev/@originui/components/calendar-rac/range-calendar.md) — by Origin UI
- [Featured Section Stats](https://21st.dev/@ruixen.ui/components/featured-section-stats.md) — by Ruixen UI
- [Calendar \[React-Area\]](https://21st.dev/@originui/components/calendar-rac/disabled-dates.md) — by Origin UI
- [Split Testimonial](https://21st.dev/@jatin-yadav05/components/split-testimonial.md) — by Jatin Yadav
- [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-3.md) — by UI Layouts
- [Table](https://21st.dev/@mynaui/components/table/with-sorting-and-search.md) — by shadcn
- [FAQs Component](https://21st.dev/@meschacirung/components/faqs-component.md) — by Méschac Irung

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