5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T6de,

Scroll Services is a scroll-animated services section that showcases your offerings with a smooth, sticky-scroll reveal effect all in a single, beautifully designed block.

As visitors scroll down the page, each service card animates into view one by one, turning a plain services list into an engaging, motion-first experience that keeps users scrolling. Built as a clean, lightweight TSX code component that drops straight into any Framer project.

FEATURES

Sticky scroll-stack layout services reveal one by one as you scroll
Smooth, performance optimized scroll animations (no jank, no lag)
Numbered service items with title and description for each entry
Add, remove or reorder services directly from the property panel
Fully responsive adapts cleanly across desktop, tablet and mobile
Live canvas preview see your changes instantly, no page reload

FULLY CUSTOMIZABLE Every part is editable from the property panel headings, service titles and descriptions, fonts, accent color, background, text colors, spacing, corner radius and scroll/animation behavior. Style it to match any brand in seconds, no code needed.

Built to Framer standards, so it looks perfect in canvas, previews and exports. Works great on any breakpoint and in both light and dark designs.

Drop it into agency, portfolio, studio, SaaS or freelancer sites and give your services section real motion in seconds.

Keywords

services, scroll, animation, sticky, section, agency, portfolio, reveal, motion, showcase, landing page

5a:[["$","$L5d",null,{"post":{"id":"019f5a26-9821-71e0-97e3-bdaadbc30bb5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"QGUv8EyTaPjdOkEJuZpi","resolved":true,"title":"Scroll Services","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Services","marks":[{"type":"bold"}]},{"type":"text","text":" is a scroll-animated services section that showcases your offerings with a smooth, sticky-scroll reveal effect all in a single, beautifully designed block."}]},{"type":"paragraph","content":[{"type":"text","text":"As visitors scroll down the page, each service card animates into view one by one, turning a plain services list into an engaging, motion-first experience that keeps users scrolling. Built as a clean, lightweight TSX code component that drops straight into any Framer project."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"FEATURES","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky scroll-stack layout services reveal one by one as you scroll","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, performance optimized scroll animations (no jank, no lag)","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Numbered service items with title and description for each entry"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add, remove or reorder services directly from the property panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive adapts cleanly across desktop, tablet and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live canvas preview see your changes instantly, no page reload"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"FULLY CUSTOMIZABLE","marks":[{"type":"bold"}]},{"type":"text","text":" Every part is editable from the property panel headings, service titles and descriptions, fonts, accent color, background, text colors, spacing, corner radius and scroll/animation behavior. Style it to match any brand in seconds, no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to Framer standards, so it looks perfect in canvas, previews and exports. Works great on any breakpoint and in both light and dark designs."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into agency, portfolio, studio, SaaS or freelancer sites and give your services section real motion in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"services, scroll, animation, sticky, section, agency, portfolio, reveal, motion, showcase, landing page"}]}]},"introduction":"Sticky scroll services showcase","slug":"scroll-services","author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019f5a26-72a3-73ad-bd25-fff8f3778e29.jpg","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-13T06:25:06.272Z","updatedAt":"2026-07-24T12:41:30.490Z","publishedAt":"2026-07-13T06:25:06.267Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollservices.framer.website","price":"10","paymentUrl":"https://contra.com/payment-link/GHFnHV3R-scroll-services","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"Yqpa5hgpOBH6P0GEHilL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":49,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T06:25:06.595Z","updatedAt":"2026-07-13T06:25:06.595Z","reported":false}}],"$L5f"]

Suggested for you