# SaaS components > Power your SaaS product with 17 purpose-built React components, styled with Tailwind CSS for scalable, professional Next.js web applications. 197 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/saas. - [Animated hero](https://21st.dev/@tommyjepsen/components/animated-hero.md) — by Tommy Jepsen - [Animated Shader Hero](https://21st.dev/@ravikatiyar162/components/animated-shader-hero.md) — by Ravi Katiyar - [Hero Section 1](https://21st.dev/@meschacirung/components/hero-section-1.md) — by Méschac Irung - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-4.md) — by UI Layouts - [Hero Section Dark](https://21st.dev/@kinfe123/components/hero-section-dark.md) — by KinfeMichael Tariku - [Footer Section](https://21st.dev/@sshahaider/components/footer-section.md) — by Efferd - [Hero 195](https://21st.dev/@shadcnblockscom/components/hero-195-1.md) — by Shadcnblocks.com - [Hero Section 9](https://21st.dev/@meschacirung/components/hero-section-9.md) — by Méschac Irung - [Pricing Section](https://21st.dev/@aymanch-03/components/pricing-section.md) — by Ayman Echakar - [Floating Icons Hero Section](https://21st.dev/@ravikatiyar162/components/floating-icons-hero-section.md) — by Ravi Katiyar - [Ethereal Beams Hero](https://21st.dev/@muhammad-binsalman/components/ethereal-beams-hero.md) — by M.bin Salman - [SaaS Template](https://21st.dev/@waleedkibhen/components/saa-s-template.md) — by wisedev - [Flickering Footer](https://21st.dev/@aghasisahakyan1/components/flickering-footer.md) — by Erik X - [Galaxy Interactive Hero Section](https://21st.dev/@aghasisahakyan1/components/galaxy-interactive-hero-section.md) — by Erik X - [Hero with Mockup](https://21st.dev/@serafimcloud/components/hero-with-mockup.md) — by Serafim - [Footer 7](https://21st.dev/@shadcnblockscom/components/footer-7.md) — by Shadcnblocks.com - [Hero](https://21st.dev/@beratberkayg/components/hero-1.md) — by beratberkay - [Globe Hero](https://21st.dev/@chowlol202/components/globe-hero.md) — by Caio Bonato - [Globe Feature Section](https://21st.dev/@ruixen.ui/components/globe-feature-section.md) — by Ruixen UI - [Navigation Menu](https://21st.dev/@sshahaider/components/navigation-menu.md) — by Efferd - [Footer column](https://21st.dev/@mvp_Subha/components/footer-column/footer-with-newsletter.md) — by mvp_Subha - [Hero 2](https://21st.dev/@preetsuthar17/components/hero-2-1.md) — by Preet Suthar - [Pricing](https://21st.dev/@sshahaider/components/pricing.md) — by Efferd - [Hero Section 4](https://21st.dev/@meschacirung/components/hero-section-4.md) — by Méschac Irung - [PulseFit hero](https://21st.dev/@dhileepkumargm/components/pulse-fit-hero.md) — by Dhileep Kumar GM - [Single Pricing Card](https://21st.dev/@sshahaider/components/single-pricing-card-1.md) — by Efferd - [Hero 1](https://21st.dev/@easemize/components/hero-1.md) — by Hossain Jahed - [Hero Section 2](https://21st.dev/@meschacirung/components/hero-section-2.md) — by Méschac Irung - [Integrations Section](https://21st.dev/@ruixen.ui/components/integrations-section.md) — by Ruixen UI - [Hero Button Expendable](https://21st.dev/@moazamtrade/components/hero-button-expendable.md) — by shadway - [Footer Taped Design](https://21st.dev/@radu/components/footer-taped-design.md) — by Radu Popescu - [Futurastic Hero Section](https://21st.dev/@uniquesonu/components/futurastic-hero-section.md) — by Sonu - [Hero Section](https://21st.dev/@lavikatiyar/components/hero-section.md) — by Lavi Katiyar - [Pricing Section](https://21st.dev/@kokonutd/components/pricing-section.md) — by Kokonut Baffier - [Hero 3](https://21st.dev/@sshahaider/components/hero-3.md) — by Efferd - [Pricing Card](https://21st.dev/@sshahaider/components/pricing-card.md) — by Efferd - [Pricing Section with Comparison](https://21st.dev/@tommyjepsen/components/pricing-section-with-comparison.md) — by Tommy Jepsen - [Features](https://21st.dev/@meschacirung/components/features/features-with-section.md) — by Méschac Irung - [Hero Section](https://21st.dev/@reuno-ui/components/hero-section.md) — by reuno-ui - [Minimal Footer](https://21st.dev/@sshahaider/components/minimal-footer.md) — by Efferd - [Features](https://21st.dev/@meschacirung/components/features.md) — by Méschac Irung - [Glass Video Hero](https://21st.dev/@rahil1202/components/glass-video-hero.md) — by Rahil Vahora - [Features](https://21st.dev/@meschacirung/components/features/features-marketing.md) — by Méschac Irung - [Sticky Footer](https://21st.dev/@sshahaider/components/sticky-footer.md) — by Efferd - [Pricing Section](https://21st.dev/@tommyjepsen/components/pricing-cards.md) — by Tommy Jepsen - [Pricing Card](https://21st.dev/@sshahaider/components/pricing-card/multi-cards.md) — by Efferd - [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 - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section.md) — by UI Layouts - [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 - [Hero Section 6](https://21st.dev/@meschacirung/components/hero-section-6.md) — by Méschac Irung - [Features 6](https://21st.dev/@meschacirung/components/features-6.md) — by Méschac Irung - [Acme Hero](https://21st.dev/@bankkroll/components/acme-hero.md) — by Bankk - [Bento Pricing](https://21st.dev/@sshahaider/components/bento-pricing.md) — by Efferd - [CTA with Text Marquee](https://21st.dev/@lyanchouss/components/cta-with-text-marquee.md) — by Liana Pepanyan - [Hero with image, text and two buttons](https://21st.dev/@tommyjepsen/components/hero-with-image-text-and-two-buttons.md) — by Tommy Jepsen Full component directory: https://21st.dev/llms.txt