# Features components

> Highlight key offerings using 102 feature components for React, crafted with Tailwind CSS to enhance any Next.js interface.

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

- [Feature Section with hover effects](https://21st.dev/@manuarora700/components/feature-section-with-hover-effects.md) — by Manu Arora
- [Features 8](https://21st.dev/@meschacirung/components/features-8.md) — by Méschac Irung
- [Feature Section](https://21st.dev/@ayushmxxn_c278bc2d/components/feature-section.md) — by Ayushmaan Singh
- [Feature 108](https://21st.dev/@shadcnblockscom/components/shadcnblocks-com-feature108.md) — by Shadcnblocks.com
- [Grid Feature Cards](https://21st.dev/@sshahaider/components/grid-feature-cards.md) — by Efferd
- [Section With Mockup](https://21st.dev/@aghasisahakyan1/components/section-with-mockup.md) — by Erik X
- [Globe Feature Section](https://21st.dev/@ruixen.ui/components/globe-feature-section.md) — by Ruixen UI
- [Feature 197](https://21st.dev/@shadcnblockscom/components/accordion-feature-section.md) — by Shadcnblocks.com
- [Features 10](https://21st.dev/@meschacirung/components/features-10.md) — by Méschac Irung
- [Feature Shader Cards](https://21st.dev/@moazamtrade/components/feature-shader-cards.md) — by shadway
- [features](https://21st.dev/@sehajbindra/components/features.md) — by Sehajeet Singh Bindra
- [Features](https://21st.dev/@meschacirung/components/features/features-with-section.md) — by Méschac Irung
- [PARALLAX SCROLL FEATURE SECTION](https://21st.dev/@sumonadotwork/components/parallax-scroll-feature-section.md) — by Sumona Biswas
- [Features](https://21st.dev/@meschacirung/components/features.md) — by Méschac Irung
- [Bounce card features](https://21st.dev/@uniquesonu/components/bounce-card-features.md) — by Sonu
- [Features](https://21st.dev/@meschacirung/components/features/features-marketing.md) — by Méschac Irung
- [Sticky scroll cards section](https://21st.dev/@minhxthanh/components/sticky-scroll-cards-section.md) — by Le Thanh
- [Features](https://21st.dev/@meschacirung/components/features/features-9.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-ai-chat.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-section-n-page.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-with-toggle.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-with-info.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-1.md) — by Méschac Irung
- [Features](https://21st.dev/@meschacirung/components/features/features-with-page.md) — by Méschac Irung
- [Feature with advantages](https://21st.dev/@tommyjepsen/components/feature-with-advantages.md) — by Tommy Jepsen
- [Features 6](https://21st.dev/@meschacirung/components/features-6.md) — by Méschac Irung
- [Features 4](https://21st.dev/@meschacirung/components/features-4.md) — by Méschac Irung
- [Features 9](https://21st.dev/@meschacirung/components/features-9.md) — by Méschac Irung
- [Feature Section](https://21st.dev/@ruixen.ui/components/feature-section.md) — by Ruixen UI
- [Features 7](https://21st.dev/@meschacirung/components/features-7.md) — by Méschac Irung
- [Feature Section with Grid](https://21st.dev/@tommyjepsen/components/feature-section-with-grid.md) — by Tommy Jepsen
- [Feature Section with card gradient](https://21st.dev/@manuarora700/components/feature-section-with-card-gradient.md) — by Manu Arora
- [Feature](https://21st.dev/@moazamtrade/components/feature.md) — by shadway
- [Feature](https://21st.dev/@tommyjepsen/components/feature.md) — by Tommy Jepsen
- [Features 1](https://21st.dev/@meschacirung/components/features-1.md) — by Méschac Irung
- [Feature with Image Carousel](https://21st.dev/@tommyjepsen/components/feature-with-image-carousel.md) — by Tommy Jepsen
- [Feature Showcase](https://21st.dev/@ruixen.ui/components/feature-showcase.md) — by Ruixen UI
- [Featured Section Stats](https://21st.dev/@ruixen.ui/components/featured-section-stats.md) — by Ruixen UI
- [Features](https://21st.dev/@cnippet.dev/components/vercep-feature-1.md) — by Cnippet
- [Features 2](https://21st.dev/@meschacirung/components/features-2.md) — by Méschac Irung
- [Feature Card](https://21st.dev/@ravikatiyar162/components/feature-card-1.md) — by Ravi Katiyar
- [Color Change Card](https://21st.dev/@vaib215/components/color-change-card.md) — by Vaibhav Kumar Singh
- [Ruixen Feature Section](https://21st.dev/@ruixen.ui/components/ruixen-feature-section.md) — by Ruixen UI
- [Features 5](https://21st.dev/@meschacirung/components/features-5.md) — by Méschac Irung
- [Feature 1](https://21st.dev/@shadcnblockscom/components/feature-1.md) — by Shadcnblocks.com
- [Feature with image](https://21st.dev/@tommyjepsen/components/feature-with-image.md) — by Tommy Jepsen
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-with-team.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-with-company-workflow.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-with-credit-card-showcase.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-with-trusted-companies.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-with-gradient-bg.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/special-features-section.md) — by prebuiltui
- [Featured Image Section](https://21st.dev/@ruixen.ui/components/ruixen-featured-image-section.md) — by Ruixen UI
- [FeaturesDetail](https://21st.dev/@ruixen.ui/components/features-detail.md) — by Ruixen UI
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/features-section-dark-theme.md) — by prebuiltui
- [Feature Sections](https://21st.dev/@prebuiltui/components/feature-sections/card-component-features-section.md) — by prebuiltui
- [Feature 73](https://21st.dev/@shadcnblockscom/components/feature-73.md) — by Shadcnblocks.com
- [Feature 72](https://21st.dev/@shadcnblockscom/components/feature-72.md) — by Shadcnblocks.com
- [Service Grid](https://21st.dev/@ravikatiyar162/components/service-grid.md) — by Ravi Katiyar

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