---
title: "Framer Components for Sections — 1,047 Ranked · Best of Framer"
description: "Framer components for Sections, ordered by marketplace rank — switch to newest or fastest-gaining, then drop one into your own project."
canonical: "https://framer.elliotli.dev/components/category/sections"
---

Resources

# Components for Sections

Reusable UI pieces you can drop straight into a project — browse by category, or order by rank, newest, and gaining.

[Browse templates](/templates)[Browse vectors](/vectors)

-   [All categories](/components)
-   [Interactive](/components/category/interactive)
-   [Carousels](/components/category/carousels)
-   [Text](/components/category/text)
-   [Sections](/components/category/sections)
-   [Buttons](/components/category/buttons)
-   [Effects](/components/category/effects)
-   [Cards](/components/category/cards)
-   [Galleries](/components/category/galleries)
-   [Backgrounds](/components/category/backgrounds)
-   [Navigation](/components/category/navigation)
-   [Forms](/components/category/forms)
-   [Cursors](/components/category/cursors)
-   [Loaders](/components/category/loaders)
-   [Players](/components/category/players)
-   [Accordions](/components/category/accordions)
-   [Charts](/components/category/charts)
-   [Maps](/components/category/maps)
-   [Interactions](/components/category/interactions)
-   [Typography](/components/category/typography)
-   [CMS](/components/category/cms)
-   [Data](/components/category/data)
-   [Layout](/components/category/layout)
-   [Utilities](/components/category/utilities)

[All component categories](/components/category)

-   [Rank](/components/category/sections)
-   [Newest](/components/category/sections?sort=newest)
-   [Trending](/components/category/sections?sort=gaining)

[Free](/components/category/sections?free=1)

-   [Scroll Sync Showcase](/component/scroll-sync-showcase) — Click · Free — Scroll-synced stories for websites
-   [Snapshot Footer](/component/snapshot-footer) — Manjesh Yadav · Free — A studio footer with photos
-   [Pricing Section 1](/component/pricing-section-1) — Design Foundry · $8 — Responsive Modern Pricing Section
-   [Sticky Scroll](/component/sticky-scroll) — Framer · Free — Scroll through product features
-   [Ink Reveal Footer](/component/ink-reveal-footer) — Click · Free — Editorial footer with image reveal
-   [CMS Project Gallery](/component/cms-project-gallery) — Struxent · $16 — Showcase works on a project page
-   [Flowers Bloom](/component/flowers-bloom) — Milo Zoppini · Free — Grow watercolor flowers on hover
-   [Stats Section](/component/stats-section) — Periphi Studio · Free — Stats Section is a fully customizable Framer component that animates numbers when scrolled into view — perfect for showcasing statistics,…
-   [Milestones Timeline](/component/milestones-timeline) — felix strobel · Free — Tell your story in chapters
-   [Animated Bento Grid](/component/animated-bento-grid) — 7 Sync Technologies · $10 — Interactive Animated Card Grid
-   [Glassy Style Layout](/component/appleglassstack) — Pradeep · Free — Box Stack in Apple's liquid glass style
-   [Scroll Step Timeline](/component/scroll-step-timeline) — Russet Supply · $5 — Scroll-driven process timeline
-   [Liquid Glass Footer](/component/liquid-glass-footer) — Matt · Free — About Liquid Glass Footer is a responsive premium footer with a metallic gradient rim, layered glass surface, and polished interactions.
-   [Reviews & Ratings](/component/reviews-ratings) — RAjan · Free — Customer Reviews & Testimonials
-   [Testimonial Wave](/component/testimonial-wave) — Struxent · $10 — Premium 3D Testimonial Carousel
-   [CTA Offer Showcase](/component/cta-offer-showcase) — Design Foundry · $6 — Premium Animated Offer Showcase
-   [Testimonial Slider](/component/testimonial-slider) — Gennady Muzych · $6 — Sectional
-   [Event Schedule](/component/event-schedule) — Design Foundry · $6 — Interactive schedule with calendar
-   [Storytelling Hero](/component/storytelling-hero) — Tiny Monster · $10 — Cinematic scroll-driven component
-   [Hero section](/component/hero-section) — piyush vichare · $2 — Futuristic AI Hero Section
-   [Shader Footer](/component/shader-footer) — Soyeb · $9 — Shader Footer gives you a powerful collection of animated WebGL-style shader backgrounds that can be customized directly from the Framer…
-   [Stack Reveal Scroll](/component/stack-reveal-scroll) — Russet Supply · $5 — Scroll-Driven Stacking Panels
-   [Meridian](/component/meridian) — Dev Ahsan · Free — Minimal year-by-year timeline
-   [Scroll Reveal Grid](/component/scroll-reveal-grid) — Russet Supply · $5 — Scroll parallax portfolio grid

Previous

-   [1](/components/category/sections)
-   [2](/components/category/sections/2)
-   …
-   [44](/components/category/sections/44)

[Next](/components/category/sections/2)

Page 1 of 44, 1047 items.