51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T90e,

How It Works Steps

is a scroll-animated process section for Framer. Show your steps, stages or workflow as a pinned card stack that reacts to scroll, then switches to a swipeable slider on tablet and mobile. Perfect for "how it works", onboarding, process, timeline, features, services and product-routine sections.

Scroll animation on desktop

The section stays pinned while visitors scroll. The front card slides up and out, and the next card scales smoothly to the front, like a GSAP scrubbed timeline. A progress counter (01 / 03) with clickable segments shows the current step and jumps to any card.

Responsive slider on tablet and mobile

Shows 2 cards per view on tablet and 1 on mobile. Supports touch swipe and mouse drag, arrows, pagination dots, keyboard navigation, optional loop and autoplay. Autoplay pauses on hover, on focus, while dragging and when the section is off-screen.

Fully customizable

Add 1 to 8 steps, each with an image, badge, title, text and an optional link button
Heading text reveal animation, with accent words: wrap words in asterisks
Custom fonts, colors, card radius, shadow, badge, arrows and progress colors
Separate heading sizes for desktop, tablet and mobile
Adjustable scroll length per card
Image hover zoom

Built right

Responsive with container queries, so it looks correct on the Framer canvas and on first paint
Accessible: real buttons, ARIA labels, keyboard support and reduced-motion support
Lightweight: no external libraries beyond Framer Motion
Built-in placeholder images, so it looks good the moment you drop it in
Optional dummy sections above and below to preview the scroll effect, hidden with one toggle

Drag it onto your page, add your steps and publish.

Keywords: how it works, steps, process, step by step, card stack, stacked cards, sticky scroll, scroll animation, scroll cards, parallax, slider, carousel, timeline, workflow, onboarding, features, services, landing page, SaaS, skincare

53:T8ef,

Halftone Grid Footer

is a technical, blueprint-style footer for Framer. A logo and tagline sit beside link columns on top, with a newsletter call to action and an animated halftone visual below, all framed by thin grid lines and cross markers at every intersection.

Features:

Unlimited link columns with unlimited links each, plus a new-tab option per link
Animated halftone dot field drawn on canvas, with speed, sparsity, warp, dot size and gap controls
Optional cursor push effect that moves the dots away from the pointer
Swap the visual for your own image or video (with poster)
Large wordmark overlay with its own text, color and font
Custom logo upload, or a built-in icon with an editable color
6 link icons: diagonal arrow, arrow, chevron, triangle, plus or none
Roll-up text hover and soft glow on links and the button
Scroll entrance: lines draw in, markers pop, text reveals line by line
Animation speed, delay and replay-on-scroll controls
Full control over colors, fonts, line color, marker color, uppercase, max width, cell padding and spacing
Responsive: stacks on mobile, with editable breakpoints for stacking and for side lines and markers
Respects reduced-motion settings and only animates while in view
No external fonts, scripts or dependencies

How to use:

Drop the component into your page and set its width to fill.
Upload your logo and edit the brand name and tagline.
Add or remove columns and links in the Columns panel.
Set the heading, description and button link.
Pick halftone, image or video for the visual and tune colors under Layout.

Great for SaaS, AI, dev tools, startups, agencies and portfolio sites that want a clean, modern, grid-based footer.

Tags: footer, grid footer, halftone, animated footer, newsletter, dot pattern, canvas animation, grid lines, blueprint, technical, monospace, dark mode, SaaS, AI, startup, developer, responsive, hover effect, scroll animation

54:T874,

Turn your feature list into a scroll story. A bold statement heading and product image pin to the screen, then the image glides aside and your features scroll past it one by one, with smooth snapping on each. Perfect for landing pages, SaaS websites, product launches, portfolios and brand stories.

Features

Sticky scroll animation: the heading lifts away while the image slides left and pins to the centre
Scroll snap that settles cleanly on each feature
Per-feature images that crossfade into the pinned frame
Progress nav under the image: click to jump to any feature
Focus mode: inactive cards dim so the active one stands out
Character-by-character text reveal for numbers and titles
Optional link on every card, with a new tab option
3D hover tilt with a soft glare on the image
Giant background wordmark (text or logo), with an optional infinite marquee
Card styles: Glass, Solid or Minimal, with custom fill, border and radius
Counter tags (01 / 03) above each feature title

Fully customizable

Mix muted and accent words in the heading, set fonts, sizes, weights and colors for every text style, and pick your background and accent colors. Works on light and dark themes.

Responsive and accessible

Full scroll animation on desktop (992px and up), a clean stacked layout on tablet and mobile. Respects reduced-motion settings and supports keyboard navigation.

How to use

Drop the component on a page, set its width to Fill, and edit the heading, image and features in the right panel. Preview the page to see the scroll animation; the canvas shows a static layout.

Keywords: scroll animation, sticky scroll, scroll snap, features section, feature list, scrollytelling, parallax, landing page, SaaS, product showcase, hero section, text reveal, marquee, glassmorphism, 3D tilt, responsive, Framer component, interactive, storytelling, modern UI

55:T8ac,

Project Scroll Rail is a scroll-driven portfolio section for Framer. Project cards glide over full-screen, pinned background photos, and each photo drifts with a soft parallax and brightens as it comes into view. Made for interior designers, architects, real estate, agencies, studios and creative portfolio websites.

Key features:

Scroll-linked card rail: cards move 1:1 with the page, no lag
Parallax background images with a scroll brightness reveal
Built-in smooth scroll (Lenis-style), no extra component needed
Up to 10 projects, each with title, card image, background, link and tag
Custom labels: up to 20 detail rows like Location, Services, Year, Budget or Area
Card Align: left, center or right
Navigation dots with a 01 / 05 counter, click to jump to any project
Card controls: width, radius, image radius, shadow, show or hide image, hide empty rows, H2 / H3 / H4 heading for SEO
Backdrop controls: color overlay, parallax amount, minimum brightness, easing
Hover lift with image zoom, plus a focus mode that dims inactive cards
Optional "View Project" link text, open in new tab, and a Tap event for Framer interactions
Full font and color control for every text

Performance and quality:

No GSAP, no external scripts, fonts or image links
Animations pause when the section is off screen
Motion runs on desktop. Tablet and mobile get a clean stacked layout
Respects reduced motion settings
Accessible, keyboard-friendly navigation

How to use: drop the component on your page, add your projects, upload images, set your labels and fill in the values. Edit everything in the property panel, no code needed.

Keywords: framer portfolio, project showcase, parallax scroll, scroll animation, sticky scroll section, case study cards, interior design website, architecture portfolio, real estate listing, smooth scroll, framer component, scroll cards

56:T874,

Sticky Services

is a fully customizable, animated services section for Framer. A sticky left panel pins the active service while service cards scroll on the right. The counter, title and thumbnail change smoothly as visitors scroll. It's perfect for agency, studio, real estate, SaaS, marketing and portfolio websites.

Everything is editable from the properties panel, with no code needed.

Features:

Sticky scroll layout with an active-service tracker
Clickable service navigation with smooth scroll
Rolling number counter and progress rail
3 title effects: Blur Rise, Mask Slide, 3D Flip
Image reveal with parallax zoom on scroll
Image hover: Zoom, 3D Tilt or Grayscale to Color
Custom cursor bubble with your own text
Animated count-up stats for each service
Badge, description, feature list, price and CTA button
Per-service accent colors
Image on left, right or alternating
Dark, Light or Custom theme
Outline, Filled or Text Link buttons
Show or hide every element
Full typography and spacing controls
Framer click interaction on the button
Fully responsive for desktop, tablet and mobile
Sticky progress bar on mobile
Supports reduced motion for accessibility
Optional top and bottom demo sections

How to use:

Drag the component onto your page.
Set width to Fill and height to Fit.
Set Overflow to Visible on parent frames so the sticky effect works.
Edit services, images, colors and animations in the properties panel.

Build a premium services, features or process section in minutes.

Tags: services section, sticky scroll, scroll animation, services, agency, portfolio, real estate, landing page, features section, parallax, animated section, sticky section, scroll effect, SaaS, marketing, responsive, code component, template

57:T734,

Showcase Collage

is a fully customizable gallery section for Framer. Display projects, products, photos, places or listings in an animated collage that loops smoothly across the page, then switches to a touch-friendly slider or grid on tablet and mobile.

Use it for portfolios, agencies, studios, architecture, interior design, travel, hotels, real estate, fashion, product launches, case studies or any visual collection.

Features

Endless image collage with scroll-speed boost and pause on hover
Cards with title, subtitle, price or detail line and status tags (New, Featured, Sold Out)
Full-screen lightbox gallery with keyboard, swipe and a "view more" link
Mobile slider with autoplay, dots or counter, or a 2-column grid
Smooth scroll animations: word-by-word heading reveal, image wipe and dotted line draw
Hover effects: zoom, grayscale to color or none
Optional header button, custom dot cursor and pause button
Optional top and bottom sections with show/hide toggles
Fully responsive at every breakpoint
Every text, image, link, color, font, size, radius and timing editable from the properties panel
Card Click event for Framer interactions
Accessible: alt text, keyboard navigation, focus handling and reduced-motion support
No extra setup: paste it in and start editing

Add as many items as you need and the layout keeps even spacing automatically. A clean, modern design that makes any showcase look premium.

gallery, collage, slider, carousel, lightbox, marquee, portfolio, showcase, image gallery, cards, animation, scroll animation, responsive, agency, real estate, products

58:T80c,

Coverflow 3D Carousel

3D image slider, fully editable

is a fully customizable 3D image slider for Framer. Show your photos, projects, products or case studies in a smooth coverflow gallery that feels premium on every device. No code needed: every setting lives in the properties panel.

Choose from 3 motion effects: Arc (cards ride a soft curve), classic Coverflow, and Cascade (cards fade back into depth). Tune card size, spacing, rotation, depth, scale, blur and spring physics to match your brand.

Features

Unlimited slides with image upload, title, subtitle and link
3 effects: Arc, Coverflow, Cascade
Drag, swipe, trackpad and keyboard navigation
Autoplay with delay, direction and pause on hover
Infinite loop or stop at the ends
Hover tilt with light glare on the front card
Ambient glow that takes its color from the active image
Optional reflection, shadow, border and title on card
Arrows: show/hide, side or bottom, size, icon, colors
Dots: show/hide, pill, dot or line style, autoplay progress
Slide counter and animated caption
Top and bottom sections with show/hide toggle
Custom colors and fonts
Responsive: cards scale down on tablet and mobile
Built-in placeholder images, works right away

Perfect for

Portfolios, photography sites, architecture and interior studios, travel and hotel websites, product showcases, agency case studies, landing pages and SaaS feature galleries.

How to use

Drag the component onto your page, open Slides, upload your images and edit the text. Pick an effect, adjust colors and you are live.

Tags: carousel, 3D carousel, coverflow, image slider, gallery, slideshow, portfolio, photo gallery, product showcase, framer component, animated slider, swipe, responsive

59:T849,

Scroll Sections Pro

A scroll-driven section that pins to the viewport while your slides move through it. Each slide wipes its image or video across the media column while the heading beside it reveals word by word. Built for services lists, portfolios, case studies, process steps and feature tours. Everything is a property

control: no code, no CSS, no dependencies.

MEDIA — Every slide takes an image or a video. Video accepts an uploaded file or a URL, with poster frame, loop and mute. A video plays only while its slide is on screen and rewinds when it leaves, so five clips never run at once. Cover or contain fit, plus a focal point per slide.

MOTION — Five reveals: wipe left, right, up, down, or crossfade. Set easing, text duration, word stagger, wipe length, and how long the first and last slide hold. Add a travelling accent edge, reveal zoom, reveal blur and a slow Ken Burns drift.

NAVIGATION — Progress rail in four styles: ticks, numbers, slide titles, or a bar. Either side, or off. Click any item to jump to that slide. Optional counter, scroll progress bar and arrow-key stepping.

RESPONSIVE — Separate tablet and mobile breakpoints, each with its own padding, type scale and stacked media height. Breakpoints are measured from the component's own width, so it breaks correctly on the Framer canvas too. Pick svh, vh or dvh to beat the mobile URL bar.

LAYOUT — Media left or right. Column width, gap, padding, radius and inset. Copy aligns top, middle or bottom and left, centre or right. Extended font controls, three CTA styles, per-slide accent and backdrop tint. Optional section header plus two filler sections with show/hide toggles. Sticky-nav offset. Respects reduced motion.

sticky scroll, scroll animation, pinned section, scrollytelling, scroll slider, image reveal, video section, sticky slider, showcase, services section, case study, portfolio, storytelling, parallax, scroll effect, responsive section, feature list, process steps

5a:T87c,

Slat Reveal Showcase - Scroll-pinned slat image reveal

Pin the section, scroll, and watch each image knit itself together strip by strip.

Slat Reveal Showcase turns a plain list of services, projects or packages into a scroll-driven story. No code, no dependencies, no animation library.

HOW IT WORKS

The section sticks to the viewport while the page scrolls through it. Each slide's photo is sliced into strips that arrive one after another, and the same photo sits blurred behind the card, so the whole screen turns over with it. Scrub ties the reveal to the scrollbar; Snap plays it once per step; smoothing keeps a mouse wheel from landing it in one jump. Prefer a timer instead? Switch to Autoplay.

FIVE REVEAL EFFECTS

Alternating Slide, Venetian Blinds, Centre Wipe, Zoom Fade and Swing In. Horizontal or vertical strips, 1 to 60 of them, in five orders: forward, reverse, centre-out, edges-in and random. Duration, stagger, easing, hold and end rest are all yours.

SIX CARD LAYOUTS

Title over image, image first, image left, image right, text over image, or text only. Place the card left, centre or right and the split headline moves to whichever side is free, stacking and resizing itself to fit.

EVERY SLIDE

Image, title, meta line, description, a button and an optional second button, each with its own link. The card holds one size across every slide, so nothing jumps as the copy changes.

BUILT PROPERLY

Works down to 390px. Honours reduced motion. Renders as a still on the canvas and in exports. Fonts, colours, spacing, blur, dots, arrows and progress bar are all property controls, plus two optional sections above and below with their own show and hide.

scroll animation, scroll reveal, sticky section, pinned scroll, scrollytelling, image reveal, slat transition, venetian blinds, slider, carousel, showcase, services section, portfolio, agency, architecture, interior design, studio, hero section, gallery, parallax, scroll-triggered, process section, case study, landing page

5b:T88e,

Orbit Hero - A wheel of images that turns and grows as you scroll

Images that turn as you scroll

Orbit Hero pins your hero section while a ring of images turns and expands behind the headline, then releases it into the rest of the page. When the page sits still the wheel keeps drifting on its own; scrolling adds to the speed.

Everything is a property control — nothing is baked in.

IMAGES

Up to 30, spaced evenly however many you add. Each takes its own link, scale, ratio, tilt and offset. JPG, PNG, WebP, AVIF, SVG and GIF all work, and numbered placeholders stand in until yours are ready.

MOTION

Set how long the hero pins, how far the wheel spins across it, how fast it drifts, and how much the images grow with the ring. Smooth it with a spring, or turn the pin off and let it animate as the section passes.

LAYOUT

Ring Size scales the whole wheel with one number. Radius, spread, start angle, spacing and tilt are all adjustable — a true circle or a wide ellipse, cards upright or bolted to the rim. A bottom shadow sinks the ring into the section floor.

CONTENT

Eyebrow, headline with a second-colour accent, description and button, each with its own font, colour and on/off switch. Two placeholder sections above and below let you preview the scroll before your own content is ready.

RESPONSIVE

Desktop, tablet and phone each get their own radius, spread and card size, resolved from the component's own width rather than a media query, so it adapts wherever you place it.

BUILT WITH CARE

The pin is a transform, not position:sticky, so it holds inside clipped and transformed layouts. Eighteen cards turning still hold 60fps. Reduced-motion is respected, and the canvas freezes on a preview frame so you can design against any point of it.

Tags: hero, scroll animation, sticky hero, pinned section, parallax, image ring, circular gallery, carousel, showcase, portfolio, agency, ecommerce, landing page, interactive, animated hero, scroll effect

5c:T885,

How We Work - Sticky scroll steps for process

Turn your process into a pinned, scroll-driven story. How We Work is a Framer scroll section that stays fixed on screen while each step cross-fades in place image, title and description changing as the visitor scrolls.

Built for agencies, studios, freelancers and SaaS teams who need a How We Work, Our Process, Services or onboarding section that looks designed rather than templated.

WHAT YOU CONTROL Nothing is hard-coded. Every value is a Framer property control.

Steps — add, remove and reorder any number. Each carries its own title, description and image.

Overlays — 8 built-in vector graphics (circles, rings, dots, burst, triangles, grid, arcs, plus) or your own image. Colour, size, position, rotation, stroke, opacity, blend mode and motion are set per step.

Layout — image left or right, split width, section height, scroll length per step, padding, alignment, text width.

Color — accent, panel and text colours, plus image grading: tint, grayscale, brightness, contrast, saturation.

Type — extended font controls for label, title, body and counter.

Motion — scroll-driven or auto-play, fade length, cross-fade overlap, title slide, image zoom and parallax.

Navigation — step counter, progress bar and clickable dots.

Two optional sections above and below, each with its own show/hide toggle.

RESPONSIVE Split layout on desktop, stacked on mobile, with a breakpoint and type scale you choose.

NO DEPENDENCIES A single code component. No plugins, no external libraries. Drop it in, set width to Fill and height to Auto.

Tags: scroll section, sticky scroll, pinned scroll, scroll animation, scrollytelling, how we work, our process, process steps, step by step, workflow, timeline, cross fade, parallax, agency, studio, portfolio, saas, onboarding, services, dark section, storytelling, landing page, marketing site, steps section, framer component

5d:T911,

Hover Reveal Service List - Rows that reveal images on hover

Hover any row and its image wipes in from the side while the title and text slide across to make room. It is the interaction you have seen on studio and agency sites, as a drop-in Framer component.

Use it for services, features, FAQs, process steps, case studies, a blog index, pricing tiers or a menu. Every row carries its own title, text, image and link, added and reordered from the Items list.

WHAT YOU CONTROL — 105 property controls, no code:

Row height, padding, insets, alignment, max text width
Image mode: on hover, always visible, or hidden
Image side, width, radius, fit, start scale, beside or stacked
Full font controls for title and body, with idle and hover colours
Dividers: colour, hover colour, weight, first and last line
Icon: arrow, chevron or plus — size, stroke, ring, fill, hover rotate and shift
Row fill, hover fill, corner radius
Hover and scroll-in entrance, each with its own transition editor
Per-row stagger and viewport threshold

RESPONSIVE, PROPERLY

Three tiers desktop, tablet and mobile each an independent override group with its own row height, insets, type sizes, max lines and icon size. Breakpoints measure the component's own width by default, so the list collapses correctly inside a narrow column, not only on a small screen.

Touch devices never report a hover, so the mobile tier sets images to always visible. Your photography still reads on a phone instead of quietly vanishing.

BUILT WITH CARE

Rows with links are real anchors keyboard accessible, and focus reveals the image

prefers-reduced-motion collapses every transition
No sticky hover left behind on touch
First measurement runs before paint, so phones never flash the desktop layout
A Preview Row control styles the hover state on the canvas

services list, hover reveal, image reveal, interactive list, responsive list, hover animation, portfolio, agency, features, FAQ, process steps, link list, editorial, accessible

5e:T8e9,

A scroll-driven circular photo gallery that turns a set of portraits into the centrepiece of your page.

As the visitor scrolls, the cards fly in from a scatter, gather together, then wrap into a ring around your headline one continuous animation built on Framer Motion.

Every part of it is a property control, so you never touch code.

CONTENT — Any number of cards with an image, name, role and link, or paste a list of image URLs. Separate Title and Highlight fields set part of the headline in an accent font and colour. Optional eyebrow, subtitle and button.
MOTION — Play it on scroll, on entering the viewport, or drive the progress yourself. Set the scroll length, the three phase boundaries, stagger, easing, spring smoothing and a slow idle spin. Reduced-motion visitors go straight to the finished ring.
LAYOUT — A Ring size percentage and an Oval value shape the circle; card size, corner radius, start angle, direction, tangential rotation and the scatter are all adjustable.
STYLE — Card background, border, shadow, image fit, grayscale, hover lift, tooltips, a fixed or cycling spotlight card, font controls for every text role, and a centre glow.
RESPONSIVE — The ring fits the screen's shorter side at any width and the copy stays inside it. Where a line of cards will not fit a phone, they gather into a block instead. Nothing to set per breakpoint.
SETUP — Drop it on the page, set the width to Fill, add your photos. No libraries, no API keys, no config.

Made for team and about pages, community sites, testimonial walls, portfolios, client logos, event speakers, award nominees, podcast guests and careers sections.

Placeholder sections above and below let you test the scroll before the page exists.

scroll animation circular gallery photo ring team section about page testimonials avatars portraits image gallery hero section scroll effect framer motion community speakers carousel marquee alternative people parallax sticky section animated gallery

5f:T863,

VSLFlow - VSL Funnel for Coaches & Agencies

VSLFlow is a premium VSL (Video Sales Letter) funnel template built for high-ticket coaching, consulting, and agency offers. It's a complete video sales funnel system landing page, application form, booking calendar, and thank-you page designed to turn cold traffic into qualified, booked sales calls.

This VSL funnel template is ideal for businesses that rely on a video-first sales process: coaching programs, consulting agencies, marketing agencies, B2B service providers, SaaS onboarding calls, financial advisors, real estate coaches, fitness and health coaches, course creators, and high-ticket info-product sellers. Any brand running a "watch the video → apply → book a call" funnel can use this template as-is.

Key sections included in the VSL funnel: hero with embedded VSL video player, social proof and client logos, problem/agitation section, process breakdown (Audit–Build–Scale style), case study proof section, testimonials, fit/qualification criteria, comparison table, founder/authority bio, FAQ accordion, and a strong CTA to apply. The application page uses a multi-step qualifying form to pre-screen leads before they reach the calendar. The booking page includes a fully interactive calendar with live date and time-slot selection no external scheduling embed required. The thank-you page confirms the booking and delivers a bonus VSL primer video to keep leads engaged before the call.

Built with a refined black-and-gold editorial aesthetic (Cormorant Garamond serif + Jost sans-serif), VSLFlow stands apart from typical SaaS-style funnel templates, giving high-ticket VSL funnels and application-based sales funnels a premium, conversion-focused, trust-building look.

Keyword focus: VSL template, VSL funnel, video sales letter, application funnel, sales funnel template, high-ticket funnel, coaching funnel, consulting funnel, agency funnel, booking funnel, lead qualification funnel, discovery call funnel, Framer VSL template.

60:T849,

Mosaic Index - Big-type services list with a pixel-mosaic image reveal.

A services list for Framer with a hover image reveal built from pixel tiles. Mosaic Index turns a plain services section into the part of the page people stop on and doubles as a projects, portfolio or case study index.

Hover a row and its image assembles out of tiles, landing just past where that row's name ends. It lands somewhere different on every row and moves with your wording instead of parking in a fixed slot.

Every part is a property control.

REVEAL — Mosaic, fade, scale, wipe or blur. Tile grid up to 40×40, assembly order (random, centre-out, edges-in, or any direction), plus jitter, duration, spread, exit ratio and easing.

PLACEMENT — Hug Name drops the image past each service name. Alternate swings between there and the far edge, Scatter gives every row its own spot, Edge Peek crops against the section edge. Or pin it left, centre or right, with tilt and slide-in.

CURSOR — Following the pointer, the image banks into your direction of travel, stretches with speed, drags the photo inside its frame, blurs as you sweep, and trails up to three ghost copies on softer springs. The mosaic even assembles from the side you arrived from, and everything settles to rest when you stop.

CONTENT — Number, name, summary, body and tag chips per row, each optional. Body and tags open on hover, stay open, or stay off. Independent fonts and colours, inline or stacked rows, hairline rules, per-row image size overrides, and links with custom CTA labels.

Responsive by default — fluid type, flexible columns and built on Framer Motion. It honours prefers-reduced-motion, skips coarse pointers by default, and pins a row as hovered on the canvas so you can style the reveal while you design.

Made for agency, studio and freelance sites: services sections, project indexes, portfolio lists, case study menus, interactive big-type navigation and animated hover gallery layouts.

61:T906,

RenovateHub — Renovation & Remodeling Template

A conversion-focused template for renovation, remodeling & contractor businesses with before/after sliders, estimate funnel, and 24 ready pages.

RenovateHub is a complete, conversion focused Framer template for renovation contractors, remodeling companies, builders, and home improvement businesses. Every section is designed to do one job: turn homeowners into free estimate leads.

The signature before/after slider puts your transformations front and center on the home page, portfolio, service pages, and project case studies. Paired with trust badges, Google reviews, and a warranty band, it builds the proof big-ticket buyers need before they call.

What's included:

Ready-to-publish pages: Home, Services, 10 service detail pages (kitchen, bathroom, whole-home, additions, exterior, flooring, painting, outdoor living, garage conversion, design), Portfolio, 6 project case studies, About, Contact, Process, Financing, and Service Areas
Signature drag before/after slider reused across the whole funnel
Estimate-focused contact page with reassurance column and direct contact details
CMS-ready structure: services, projects, testimonials, FAQs, and service areas
Local SEO structure: service area pages, city grids, and per-service SEO pages
Sticky "Get Free Estimate" CTAs, click-to-call phone, and clear pricing notes
Optional Financing and Service Areas pages hide or duplicate as needed
Clean, modern design: Inter typography, warm neutral palette, subtle motion

Perfect for: renovation contractor websites, remodeling company templates, kitchen and bathroom renovation landing pages, builder portfolios, construction business sites, and home improvement lead generation.

Keywords: renovation, remodeling, contractor, construction, builder, home improvement, kitchen remodel, bathroom renovation, before after, estimate, local business, lead generation, portfolio, CMS

62:T87c,

MapQ — Multi-Location Map Plugin for Framer

Create beautiful, interactive, and fully customizable multi-location maps directly in Framer with MapQ.

MapQ is a powerful multi-location map plugin for Framer that makes it easy to create interactive, engaging, and customizable map experiences without complicated setup or custom development.

Add multiple locations to a single map and showcase each place with custom markers, titles, descriptions, addresses, and other useful information. Visitors can explore locations directly on the map and quickly find the details they need.

Key Features

Add and manage multiple locations on one interactive map
Create custom markers for different locations
Display detailed information for each location
Add addresses, descriptions, and location details
Support interactive map exploration
Add routes and location-based navigation
Customize the map to match your website design
Responsive experience across desktop, tablet, and mobile
Easy setup and configuration
Built specifically for Framer projects

Perfect For

MapQ is ideal for business websites, office directories, store locators, real estate websites, property listings, travel and tourism websites, hotels, restaurants, events, venues, local business directories, service-area businesses, and location guides.

Built for Framer

MapQ fits naturally into your Framer workflow, giving you a simple way to add professional map functionality to your projects. No need to build a map system from scratch add your locations, customize the experience, and create a polished interactive map that works seamlessly with your design.

Whether you need to showcase a few business branches or multiple locations across different areas, MapQ provides a flexible and engaging way to present location-based information.

Create interactive maps, showcase your locations, and give visitors a better way to explore your business or project with MapQ for Framer.

63:T90e,

OnScroll Testimonial turns customer proof into a moment visitors have to move through instead of past. The section pins to the viewport and a fanned deck of portrait cards rises from below, one at a time, in rhythm with the scroll. Each card lifts, scales into focus with the photo, name, role and quote, then relaxes into a clean tilted row as the next takes over. Scroll speed drives the sequence, so the pacing always feels tied to the visitor's own hand. Nothing is hardcoded, shape every part of it from Framer's property panel, no code needed.

Features

Pinned scroll section with cards that rise and focus one at a time
Three modes: On Scroll, Autoplay or Hover
Adjustable pin length, 1.2x to 8x viewport height
Autoplay interval 0.5s to 10s with optional hover to pause
Unlimited testimonials: photo, name, role, quote
Card width, height, corner radius, border colour and width
Overlap and tilt controls to shape the deck
Separate active and resting scale, resting opacity, frosted wash
Rise distance for how far cards travel on scroll
Oversized background heading, outline or filled
Optional grid pattern, corner rings, background colour or image
Caption toggles, independent name, role and quote sizes and colours
Framer Font control so typography inherits your site styles
CTA pill button with custom label, colours, size and link
Staggered entrance animation with stagger, duration, play once
Respects reduced motion preferences and disables autoplay
Renders its final state on canvas, never a blank frame
Any layout width and height, fully responsive
Built-in demo sections to preview the pinned scroll before you wire it up
React and Framer Motion only, no external dependencies

Best for: agency sites, SaaS landing pages, portfolios, creator brands, coaching and consulting pages, service businesses, product pages, case studies and about sections, anywhere social proof deserves more than a static three column grid.

64:T8d1,

Works Gallery is a scroll-pinned 3D reveal section that turns any portfolio, works page, or case-study list into a cinematic scroll experience. As visitors scroll, rounded media cards pass through a shared perspective stage: each image rises from below, grows to full-bleed at the centre, then flips and scales away as the next takes its place. A true bottom-up reveal, not a zoom, with editorial tilt, edge blur, vignette and smooth eased motion.

Built for creative agencies, design studios, photographers, videographers, architects and freelance portfolios that need their work to land in the first five seconds, and for any landing page needing a high-impact showcase section.

Everything is dynamic and controlled from the Framer properties panel. No code needed.

Unlimited slides, image or video, each with a catalogue number and project name caption
Scroll-pinned 3D stage: small window to full-bleed media, then back out
Full motion control: perspective, flip, tilt, travel, center bleed, reveal shift and zoom, edge shrink and blur, vignette, scroll length per slide, smoothness
One-click Reset animation restores the tuned defaults instantly
Editable heading with alignment, weight, size and tracking
View-all CTA button with custom label, link, new tab and colours
Card width, height, radius, fit, background and colour controls
Caption symbol, size and colour
Video support with loop, mute and image fallback
Temporary top and bottom preview sections to test the scroll in and out, hide for production
Framer native font picker
Respects reduced-motion
100% responsive on desktop, tablet and mobile

Drop it onto any Framer page, add your images or videos, tune the motion to your brand, and ship a showcase that looks custom-built.

Keywords: gallery, portfolio, works, showcase, scroll animation, 3d reveal, parallax, pinned, sticky, video gallery, carousel, case study, projects, agency, studio, photography, cinematic, motion.

65:T9db,

Scroll Services 3D Section — a scroll-driven 3D cube showcase section for Framer.

Turn your services, work or process list into a rotating 3D scroll animation. Two synchronised cubes cross-rotate as the visitor scrolls: text cards roll forward while imagery counter-rotates, sharing one vanishing point for a clean seam. Drop it on the page no extra code needed.

SCROLL ANIMATION

Scroll-driven 3D cube rotation with sticky pinning
Cross-rotate (counter-rotation) toggle
Spring stiffness & damping for smooth or snappy motion
Adjustable scroll length per card to control pacing
Progress dots indicator
Respects reduced-motion; static canvas preview

CONTENT

Unlimited items number, title, label/value rows, image
Auto-numbering (01, 02, 03…) with visibility toggle
Optional CTA face with label, image, background
Built-in intro section: eyebrow, heading, paragraph
Built-in bottom CTA section: heading and text
Both sections toggle on/off use only the cube if you want

LAYOUT & STYLE

Card size, gap, max width, corner radius, perspective
Left or centre card text alignment
Full colour control: background, heading, muted text, cards, accent
Black & white image toggle
Optional crop-mark detailing for an editorial look
Custom font control
Gradient fallback backgrounds when no image is set
Responsive with clamp-based typography and spacing

GREAT FOR

Agency services sections, portfolio and case-study showcases, product feature walkthroughs, process and steps sections, studio landing pages and dark-theme hero sections.

KEYWORDS

scroll, scroll animation, 3d scroll, scroll section, sticky scroll, services section, showcase, portfolio, case study, 3d cube, gallery, cards, agency, studio, process, steps, features, CTA, parallax, editorial, responsive

NEED HELP?

Questions about installing or customizing this component or looking for custom Framer development?

Email nirav.jivani6@gmail.com. I usually reply within 24 hours.

Thank you.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a-all:/unified/creator/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/activity/":[{"data":[{"id":"01a11507-bd71-74f4-acfa-b00c17f4e936","type":"component.created","target":{"type":"component","id":"v1AndoWUEpTbJ0aiHKBf","preview":"How It Works Steps","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a11504-ece3-76a8-bfea-84d0cb77a135.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-07T06:23:11.217Z","latestAt":"2026-10-07T06:23:11.217Z"},{"id":"01a1108e-4750-77cb-a098-14f7783876bd","type":"component.created","target":{"type":"component","id":"C2cPytLVVZD9HFAnx72A","preview":"Halftone Grid Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a1108d-f02c-71b9-ba81-a6ae9b779de2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-06T09:32:02.256Z","latestAt":"2026-10-06T09:32:02.256Z"},{"id":"01a10bb5-068e-75ef-9dce-94efaa733e47","type":"component.created","target":{"type":"component","id":"8ewWFOYTja27RK6wszgC","preview":"Feature Story Scroll","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a10bb4-62ec-7280-8dcb-6e97a53c28e0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T10:56:15.502Z","latestAt":"2026-10-05T10:56:15.502Z"},{"id":"01a0f7e1-8d36-7121-b868-ec784b5fbeb6","type":"component.created","target":{"type":"component","id":"ZThwgUPVhQDpPw6ZT569","preview":"Project Scroll Rail","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0f7df-83b3-712a-8168-6a2b361e4346.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-01T14:32:29.238Z","latestAt":"2026-10-01T14:32:29.238Z"},{"id":"01a0f1d4-f19a-749a-887d-1f20be9e6e39","type":"component.created","target":{"type":"component","id":"NVgG2Ag2QhGj7MwFKq79","preview":"Sticky Services","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0f1d4-72ba-764c-951f-a0ed4c6f9308.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-30T10:20:59.674Z","latestAt":"2026-09-30T10:20:59.674Z"},{"id":"01a0ed46-dfab-77cc-aade-8e82fa256029","type":"component.created","target":{"type":"component","id":"56D8NG86xbQmk0WMgfG6","preview":"Image Collage Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0ed40-4d32-70da-a06a-2b4249eeb331.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-29T13:07:20.107Z","latestAt":"2026-09-29T13:07:20.107Z"},{"id":"01a0e8e9-58a5-73e5-888e-56e4d8c711da","type":"creator.followed","target":{"type":"creator","id":"64ff1a0a-b412-40e2-a472-37b1f9141c95","preview":"Elliot Li","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ff1a0a-b412-40e2-a472-37b1f9141c95/2m5fauql","slug":"elliotli","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-28T16:46:41.823Z","latestAt":"2026-09-28T16:46:41.823Z"},{"id":"01a0dddc-c4ba-75bb-b1bb-cdb4ccbc6e62","type":"creator.followed","target":{"type":"creator","id":"e5e8b149-2f2a-4cd0-8568-4df402d67b79","preview":"Phoebe Lim","previewJson":null,"thumbnail":null,"slug":"phoebe-lim","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-26T13:17:08.141Z","latestAt":"2026-09-26T13:17:08.141Z"},{"id":"01a0dd68-14cb-71ae-b2c4-cb2faf1fc5de","type":"component.created","target":{"type":"component","id":"KWTX0cLSivxjfxfctcNn","preview":"Coverflow 3D Carouse","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0dd67-8a39-74bb-b391-e26b1ad8acb1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-26T11:09:40.939Z","latestAt":"2026-09-26T11:09:40.939Z"},{"id":"01a0dbdf-e294-73bd-8fb4-0c60a04fbcd0","type":"creator.followed","target":{"type":"creator","id":"5455d8ff-947f-4b55-81e7-6ef0d748241f","preview":"John Nicholson","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/zmt7adow","slug":"john-nicholson","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-26T04:01:17.962Z","latestAt":"2026-09-26T04:01:17.962Z"},{"id":"01a0c97e-39a3-7171-bace-26500bbb7628","type":"component.created","target":{"type":"component","id":"JHgPpbB8pPRBhBVhviTZ","preview":"Scroll Sections Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0c962-1eb5-72e6-8b87-521a1dcce26c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-22T14:21:27.843Z","latestAt":"2026-09-22T14:21:27.843Z"},{"id":"01a0a3eb-495c-734d-8e26-4a404a18c07a","type":"component.created","target":{"type":"component","id":"DXKcZ53uhOBcYhzOdxi2","preview":"Slat Reveal Showcase","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0a3e6-dae8-738c-89e1-2492ba3e6a5c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-15T07:15:01.084Z","latestAt":"2026-09-15T07:15:01.084Z"},{"id":"01a09f87-651c-7064-a79e-b8dcd25f2523","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T10:47:25.720Z","latestAt":"2026-09-14T10:47:25.720Z"},{"id":"01a08ec2-d80a-751e-bb65-671f51e19362","type":"creator.followed","target":{"type":"creator","id":"23702b39-dda6-4ff7-94d2-9633272a8c88","preview":"Noel Dario Andres","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/23702b39-dda6-4ff7-94d2-9633272a8c88/7xEQkh8a1","slug":"noel-dario-andres-z2ebfu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T04:38:49.093Z","latestAt":"2026-09-11T04:38:49.093Z"},{"id":"01a08b7d-f562-7265-89f6-e0ccf67ba4ab","type":"component.created","target":{"type":"component","id":"WdsJsVgSfyJ7ooZscl2l","preview":"Orbit Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a08b7b-f856-73e8-8f88-41b70519b646.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-10T13:24:42.977Z","latestAt":"2026-09-10T13:24:42.977Z"},{"id":"01a0865d-d2ec-763d-81b2-16817aaae784","type":"component.created","target":{"type":"component","id":"0ldRpoziRqL3GHAleXD5","preview":"How We Work","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a08988-3fb8-7438-afab-5d5ac910364d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-09T13:31:30.924Z","latestAt":"2026-09-09T13:31:30.924Z"},{"id":"01a0813d-18e6-746c-b899-fa71ee9e29e9","type":"component.created","target":{"type":"component","id":"4wJjVlc58NaRIfI8QtvU","preview":"Hover Reveal Service","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0813b-4635-77db-9f6f-408cb29d4cc3.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T13:37:40.070Z","latestAt":"2026-09-08T13:37:40.070Z"},{"id":"01a07bae-a0dc-761a-b3cb-4de1c8de5557","type":"component.created","target":{"type":"component","id":"4Fo5YQXE6mTHhZRlaG7F","preview":"Circle of Faces","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a07bab-6a7f-724f-96dc-db07cf390668.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-07T11:43:57.148Z","latestAt":"2026-09-07T11:43:57.148Z"},{"id":"01a066bf-0764-77a6-b3f2-e02d4c5a8a66","type":"comment.reply","target":{"type":"post","id":"01a0618b-03f6-70c4-8784-a4151bbdda5a","preview":"VSLFlow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a06189-cbbd-75b8-b179-427b5957fef2.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0618b-03f6-70c4-8784-a4151bbdda5a","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a066bf-0750-7273-ad23-dea4b8d58286","preview":"Thank you.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0618b-03f6-70c4-8784-a4151bbdda5a","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a06197-3c7f-7751-bc60-a6421407068c"},"repost":null}},"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T10:09:50.436Z","latestAt":"2026-09-03T10:09:50.436Z"},{"id":"01a066be-ee0e-7695-86ef-839bde15998a","type":"comment.liked","target":{"type":"comment","id":"01a06197-3c7f-7751-bc60-a6421407068c","preview":"The watch → apply → book sequence is the real product here. Nice to see the template built around the whole decision path, not just a dramatic VSL hero.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The watch → apply → book sequence is the real product here. Nice to see the template built around the whole decision path, not just a dramatic VSL hero."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0618b-03f6-70c4-8784-a4151bbdda5a","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a06197-3c7f-7751-bc60-a6421407068c"},"repost":null}},"context":{"type":"post","id":"01a0618b-03f6-70c4-8784-a4151bbdda5a","preview":"VSLFlow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a06189-cbbd-75b8-b179-427b5957fef2.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0618b-03f6-70c4-8784-a4151bbdda5a","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","slug":"nirav-jivani","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T10:09:43.943Z","latestAt":"2026-09-03T10:09:43.943Z"}],"pagination":{"next":"MjAyNi0wOS0wM1QxMDowOTo0My45NDNafDAxYTA2NmJlLWVlMGUtNzY5NS04NmVmLTgzOWJkZTE1OTk4YQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a:/unified/posts/?creator=6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a&with=reposts":[{"data":[{"id":"01a11507-bb2c-73fb-9b4d-86401ff03597","title":null,"body":"

New component: How It Works Steps ✨

A sticky scroll card stack for your process section. Cards slide away as you scroll, with a step progress bar on desktop and a swipeable slider on tablet & mobile.

1–8 steps, autoplay, links, custom fonts & colors. Drop it in and publish.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: How It Works Steps ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"A sticky scroll card stack for your process section. Cards slide away as you scroll, with a step progress bar on desktop and a swipeable slider on tablet & mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"1–8 steps, autoplay, links, custom fonts & colors. Drop it in and publish."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"v1AndoWUEpTbJ0aiHKBf","resolved":true,"title":"How It Works Steps","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"How It Works Steps "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"is a scroll-animated process section for Framer. Show your steps, stages or workflow as a pinned card stack that reacts to scroll, then switches to a swipeable slider on tablet and mobile. Perfect for \"how it works\", onboarding, process, timeline, features, services and product-routine sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll animation on desktop","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The section stays pinned while visitors scroll. The front card slides up and out, and the next card scales smoothly to the front, like a GSAP scrubbed timeline. A progress counter (01 / 03) with clickable segments shows the current step and jumps to any card."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive slider on tablet and mobile","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Shows 2 cards per view on tablet and 1 on mobile. Supports touch swipe and mouse drag, arrows, pagination dots, keyboard navigation, optional loop and autoplay. Autoplay pauses on hover, on focus, while dragging and when the section is off-screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add 1 to 8 steps, each with an image, badge, title, text and an optional link button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Heading text reveal animation, with accent words: wrap words in "},{"type":"text","text":"asterisks","marks":[{"type":"italic"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom fonts, colors, card radius, shadow, badge, arrows and progress colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate heading sizes for desktop, tablet and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable scroll length per card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image hover zoom"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built right","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive with container queries, so it looks correct on the Framer canvas and on first paint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible: real buttons, ARIA labels, keyboard support and reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight: no external libraries beyond Framer Motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in placeholder images, so it looks good the moment you drop it in"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional dummy sections above and below to preview the scroll effect, hidden with one toggle"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drag it onto your page, add your steps and publish.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":": how it works, steps, process, step by step, card stack, stacked cards, sticky scroll, scroll animation, scroll cards, parallax, slider, carousel, timeline, workflow, onboarding, features, services, landing page, SaaS, skincare"}]}]},"introduction":"Sticky scroll card stack & slider","slug":"how-it-works-steps","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a11504-ece3-76a8-bfea-84d0cb77a135.png","metadata":{"tint":{"h":30,"s":70,"l":49},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T06:23:09.986Z","updatedAt":"2026-10-07T06:44:48.954Z","publishedAt":"2026-10-07T06:23:09.983Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://howitworkssteps.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/ZNtTxDoW-how-it-works-steps","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"4ip2YsvzUNOpZ0eRFv1b","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T06:23:10.637Z","updatedAt":"2026-10-07T06:23:10.637Z"},{"id":"01a1108e-44d0-7188-84c3-6d9c25857b5c","title":null,"body":"

New component: Halftone Grid Footer ✨

A blueprint-style footer with an animated halftone visual, unlimited link columns and a newsletter section. Grid lines draw in on scroll, markers pop in, and text reveals line by line.

Fully customizable, responsive, and no external dependencies.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Halftone Grid Footer ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"A blueprint-style footer with an animated halftone visual, unlimited link columns and a newsletter section. Grid lines draw in on scroll, markers pop in, and text reveals line by line."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable, responsive, and no external dependencies."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"C2cPytLVVZD9HFAnx72A","resolved":true,"title":"Halftone Grid Footer","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Halftone Grid Footer "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"is a technical, blueprint-style footer for Framer. A logo and tagline sit beside link columns on top, with a newsletter call to action and an animated halftone visual below, all framed by thin grid lines and cross markers at every intersection."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited link columns with unlimited links each, plus a new-tab option per link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated halftone dot field drawn on canvas, with speed, sparsity, warp, dot size and gap controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional cursor push effect that moves the dots away from the pointer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swap the visual for your own image or video (with poster)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Large wordmark overlay with its own text, color and font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom logo upload, or a built-in icon with an editable color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 link icons: diagonal arrow, arrow, chevron, triangle, plus or none"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Roll-up text hover and soft glow on links and the button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll entrance: lines draw in, markers pop, text reveals line by line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed, delay and replay-on-scroll controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full control over colors, fonts, line color, marker color, uppercase, max width, cell padding and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive: stacks on mobile, with editable breakpoints for stacking and for side lines and markers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced-motion settings and only animates while in view"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No external fonts, scripts or dependencies"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use:"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your page and set its width to fill."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your logo and edit the brand name and tagline."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add or remove columns and links in the Columns panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the heading, description and button link."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick halftone, image or video for the visual and tune colors under Layout."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Great for SaaS, AI, dev tools, startups, agencies and portfolio sites that want a clean, modern, grid-based footer."}]},{"type":"paragraph","content":[{"type":"text","text":"Tags","marks":[{"type":"bold"}]},{"type":"text","text":": footer, grid footer, halftone, animated footer, newsletter, dot pattern, canvas animation, grid lines, blueprint, technical, monospace, dark mode, SaaS, AI, startup, developer, responsive, hover effect, scroll animation"}]}]},"introduction":"Grid footer with animated halftone","slug":"halftone-grid-footer","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a1108d-f02c-71b9-ba81-a6ae9b779de2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-06T09:32:01.035Z","updatedAt":"2026-10-06T17:05:01.866Z","publishedAt":"2026-10-06T09:32:01.026Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gridfooter.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/wV4Q2916-halftone-grid-footer","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"HQSdIrIoE2Y1N7jcUGoy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T09:32:01.616Z","updatedAt":"2026-10-06T09:32:01.616Z"},{"id":"01a10bb5-0416-7675-8bdc-1abbc7b9edec","title":null,"body":"

New component: Feature Story Scroll ✨

Turn your feature list into a scroll story. The heading and product image stay pinned, the image glides aside, and each feature scrolls in with smooth snapping.

• Per-feature images that crossfade

• Clickable progress nav

• Focus mode, 3D tilt and marquee wordmark

• Glass, Solid and Minimal card styles

Fully responsive and customizable. Try it on your next landing page!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component: Feature Story Scroll ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"Turn your feature list into a scroll story. The heading and product image stay pinned, the image glides aside, and each feature scrolls in with smooth snapping."}]},{"type":"paragraph","content":[{"type":"text","text":"• Per-feature images that crossfade"}]},{"type":"paragraph","content":[{"type":"text","text":"• Clickable progress nav"}]},{"type":"paragraph","content":[{"type":"text","text":"• Focus mode, 3D tilt and marquee wordmark"}]},{"type":"paragraph","content":[{"type":"text","text":"• Glass, Solid and Minimal card styles"}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and customizable. Try it on your next landing page!"}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8ewWFOYTja27RK6wszgC","resolved":true,"title":"Feature Story Scroll","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn your feature list into a scroll story. A bold statement heading and product image pin to the screen, then the image glides aside and your features scroll past it one by one, with smooth snapping on each. Perfect for landing pages, SaaS websites, product launches, portfolios and brand stories."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky scroll animation: the heading lifts away while the image slides left and pins to the centre"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll snap that settles cleanly on each feature"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-feature images that crossfade into the pinned frame"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress nav under the image: click to jump to any feature"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus mode: inactive cards dim so the active one stands out"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Character-by-character text reveal for numbers and titles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional link on every card, with a new tab option"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D hover tilt with a soft glare on the image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Giant background wordmark (text or logo), with an optional infinite marquee"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card styles: Glass, Solid or Minimal, with custom fill, border and radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Counter tags (01 / 03) above each feature title"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Mix muted and accent words in the heading, set fonts, sizes, weights and colors for every text style, and pick your background and accent colors. Works on light and dark themes."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive and accessible","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Full scroll animation on desktop (992px and up), a clean stacked layout on tablet and mobile. Respects reduced-motion settings and supports keyboard navigation."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop the component on a page, set its width to Fill, and edit the heading, image and features in the right panel. Preview the page to see the scroll animation; the canvas shows a static layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords:","marks":[{"type":"bold"}]},{"type":"text","text":" scroll animation, sticky scroll, scroll snap, features section, feature list, scrollytelling, parallax, landing page, SaaS, product showcase, hero section, text reveal, marquee, glassmorphism, 3D tilt, responsive, Framer component, interactive, storytelling, modern UI"}]}]},"introduction":"Sticky scroll story for features","slug":"feature-story-scroll","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a10bb4-62ec-7280-8dcb-6e97a53c28e0.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T10:56:14.173Z","updatedAt":"2026-10-05T10:56:14.173Z","publishedAt":"2026-10-05T10:56:14.171Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://featurestoryscroll.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/HuCfZmi2-feature-story-scroll","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"oLxkcO9TttHtikoT4to1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T10:56:14.870Z","updatedAt":"2026-10-05T10:56:14.870Z"},{"id":"01a0f7e1-8aa1-7070-95f0-b9225c72046a","title":null,"body":"

Just launched Project Scroll Rail 🚀

Project cards glide over full-screen parallax photos as you scroll. Built-in smooth scroll, nav dots, custom labels, left/center/right card align and full style controls. No code needed.

Perfect for interior, architecture and portfolio sites.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Project Scroll Rail "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Project cards glide over full-screen parallax photos as you scroll. Built-in smooth scroll, nav dots, custom labels, left/center/right card align and full style controls. No code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for interior, architecture and portfolio sites."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZThwgUPVhQDpPw6ZT569","resolved":true,"title":"Project Scroll Rail","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Scroll Rail is a scroll-driven portfolio section for Framer. Project cards glide over full-screen, pinned background photos, and each photo drifts with a soft parallax and brightens as it comes into view. Made for interior designers, architects, real estate, agencies, studios and creative portfolio websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-linked card rail: cards move 1:1 with the page, no lag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallax background images with a scroll brightness reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in smooth scroll (Lenis-style), no extra component needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 10 projects, each with title, card image, background, link and tag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom labels: up to 20 detail rows like Location, Services, Year, Budget or Area"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Align: left, center or right"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation dots with a 01 / 05 counter, click to jump to any project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card controls: width, radius, image radius, shadow, show or hide image, hide empty rows, H2 / H3 / H4 heading for SEO"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Backdrop controls: color overlay, parallax amount, minimum brightness, easing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover lift with image zoom, plus a focus mode that dims inactive cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional \"View Project\" link text, open in new tab, and a Tap event for Framer interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full font and color control for every text"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Performance and quality:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No GSAP, no external scripts, fonts or image links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations pause when the section is off screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion runs on desktop. Tablet and mobile get a clean stacked layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible, keyboard-friendly navigation"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]},{"type":"text","text":": drop the component on your page, add your projects, upload images, set your labels and fill in the values. Edit everything in the property panel, no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":": framer portfolio, project showcase, parallax scroll, scroll animation, sticky scroll section, case study cards, interior design website, architecture portfolio, real estate listing, smooth scroll, framer component, scroll cards"}]}]},"introduction":"Parallax portfolio scroll cards","slug":"project-scroll-rail","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0f7df-83b3-712a-8168-6a2b361e4346.png","metadata":{"tint":{"h":180,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-01T14:32:27.858Z","updatedAt":"2026-10-01T14:32:27.858Z","publishedAt":"2026-10-01T14:32:27.855Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://projectscrollrail.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/yNGgWvq6-project-scroll-rail","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"PQ98W430wseS5E0SNqI0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T14:32:28.577Z","updatedAt":"2026-10-01T14:32:28.577Z"},{"id":"01a0f1d4-ef5e-724b-b353-89a13efaa7a1","title":null,"body":"

Sticky Services is live on Framer Marketplace! 🎉

Built for agencies, studios, real estate and SaaS websites:

• Sticky panel that follows your scroll

• 3 title effects and image hover effects

• Count-up stats, badges, pricing and CTA buttons

• Dark, Light or Custom theme

• Responsive on desktop, tablet and mobile

Drag, drop, edit. Done.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky Services is live on Framer Marketplace! "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Built for agencies, studios, real estate and SaaS websites:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Sticky panel that follows your scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"• 3 title effects and image hover effects"}]},{"type":"paragraph","content":[{"type":"text","text":"• Count-up stats, badges, pricing and CTA buttons"}]},{"type":"paragraph","content":[{"type":"text","text":"• Dark, Light or Custom theme"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive on desktop, tablet and mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"Drag, drop, edit. Done."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"NVgG2Ag2QhGj7MwFKq79","resolved":true,"title":"Sticky Services","body":"$56","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Sticky Services "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"is a fully customizable, animated services section for Framer. A sticky left panel pins the active service while service cards scroll on the right. The counter, title and thumbnail change smoothly as visitors scroll. It's perfect for agency, studio, real estate, SaaS, marketing and portfolio websites."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from the properties panel, with no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky scroll layout with an active-service tracker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clickable service navigation with smooth scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rolling number counter and progress rail"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 title effects: Blur Rise, Mask Slide, 3D Flip"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image reveal with parallax zoom on scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image hover: Zoom, 3D Tilt or Grayscale to Color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cursor bubble with your own text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated count-up stats for each service"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Badge, description, feature list, price and CTA button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-service accent colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image on left, right or alternating"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark, Light or Custom theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Outline, Filled or Text Link buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show or hide every element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography and spacing controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer click interaction on the button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive for desktop, tablet and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky progress bar on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Supports reduced motion for accessibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional top and bottom demo sections"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use:"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the component onto your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set width to Fill and height to Fit."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Overflow to Visible on parent frames so the sticky effect works."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edit services, images, colors and animations in the properties panel."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Build a premium services, features or process section in minutes."}]},{"type":"paragraph","content":[{"type":"text","text":"Tags: services section, sticky scroll, scroll animation, services, agency, portfolio, real estate, landing page, features section, parallax, animated section, sticky section, scroll effect, SaaS, marketing, responsive, code component, template"}]}]},"introduction":"Sticky scroll services section","slug":"sticky-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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0f1d4-72ba-764c-951f-a0ed4c6f9308.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-30T10:20:58.480Z","updatedAt":"2026-09-30T10:33:46.848Z","publishedAt":"2026-09-30T10:20:58.477Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stickyservices.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/xr9FCw1b-sticky-services","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"UCvI1LsYw3GQ3Qn70nx7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T10:20:59.102Z","updatedAt":"2026-09-30T10:20:59.102Z"},{"id":"01a0ed46-dd67-723e-aa59-07932e42d161","title":null,"body":"

New in the Marketplace: Image Collage Slider

A looping image collage that turns into a swipeable slider on mobile. Add titles, prices and tags to each card, open any image in a full-screen lightbox, and edit every text, color and animation from the properties panel.

Great for portfolios, products, projects and more.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New in the Marketplace: Image Collage Slider"}]},{"type":"paragraph","content":[{"type":"text","text":"A looping image collage that turns into a swipeable slider on mobile. Add titles, prices and tags to each card, open any image in a full-screen lightbox, and edit every text, color and animation from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Great for portfolios, products, projects and more."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"56D8NG86xbQmk0WMgfG6","resolved":true,"title":"Image Collage Slider","body":"$57","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Showcase Collage "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"is a fully customizable gallery section for Framer. Display projects, products, photos, places or listings in an animated collage that loops smoothly across the page, then switches to a touch-friendly slider or grid on tablet and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it for portfolios, agencies, studios, architecture, interior design, travel, hotels, real estate, fashion, product launches, case studies or any visual collection."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Endless image collage with scroll-speed boost and pause on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards with title, subtitle, price or detail line and status tags (New, Featured, Sold Out)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen lightbox gallery with keyboard, swipe and a \"view more\" link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile slider with autoplay, dots or counter, or a 2-column grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll animations: word-by-word heading reveal, image wipe and dotted line draw"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover effects: zoom, grayscale to color or none"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional header button, custom dot cursor and pause button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional top and bottom sections with show/hide toggles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive at every breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every text, image, link, color, font, size, radius and timing editable from the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Click event for Framer interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accessible: alt text, keyboard navigation, focus handling and reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No extra setup: paste it in and start editing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Add as many items as you need and the layout keeps even spacing automatically. A clean, modern design that makes any showcase look premium."}]},{"type":"paragraph","content":[{"type":"text","text":"gallery, collage, slider, carousel, lightbox, marquee, portfolio, showcase, image gallery, cards, animation, scroll animation, responsive, agency, real estate, products"}]}]},"introduction":"Looping image collage and slider","slug":"image-collage-slider","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0ed40-4d32-70da-a06a-2b4249eeb331.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T13:07:18.898Z","updatedAt":"2026-09-29T13:48:31.204Z","publishedAt":"2026-09-29T13:07:18.896Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imagecollageslider.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/ruKeyQOz-image-collage-slider","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"oEcZlFNJO0cftYzEzrV4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T13:07:19.528Z","updatedAt":"2026-09-29T13:07:19.528Z"},{"id":"01a0dd68-1294-736f-91a4-ae7e9ac0ac2e","title":null,"body":"

Just launched Coverflow 3D Carousel for Framer ✨

A smooth 3D image slider with 3 effects (Arc, Coverflow, Cascade), drag & swipe, autoplay, hover tilt and ambient glow. Fully editable, with no code needed.

Perfect for portfolios, travel sites and product showcases. Try it now!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Coverflow 3D Carousel for Framer ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"A smooth 3D image slider with 3 effects (Arc, Coverflow, Cascade), drag & swipe, autoplay, hover tilt and ambient glow. Fully editable, with no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for portfolios, travel sites and product showcases. Try it now!"}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"KWTX0cLSivxjfxfctcNn","resolved":true,"title":"Coverflow 3D Carouse","body":"$58","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Coverflow 3D Carousel"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"3D image slider, fully editable"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"is a fully customizable 3D image slider for Framer. Show your photos, projects, products or case studies in a smooth coverflow gallery that feels premium on every device. No code needed: every setting lives in the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Choose from 3 motion effects: Arc (cards ride a soft curve), classic Coverflow, and Cascade (cards fade back into depth). Tune card size, spacing, rotation, depth, scale, blur and spring physics to match your brand."}]},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited slides with image upload, title, subtitle and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 effects: Arc, Coverflow, Cascade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag, swipe, trackpad and keyboard navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay with delay, direction and pause on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite loop or stop at the ends"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover tilt with light glare on the front card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient glow that takes its color from the active image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional reflection, shadow, border and title on card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Arrows: show/hide, side or bottom, size, icon, colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dots: show/hide, pill, dot or line style, autoplay progress"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slide counter and animated caption"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Top and bottom sections with show/hide toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom colors and fonts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive: cards scale down on tablet and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in placeholder images, works right away"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolios, photography sites, architecture and interior studios, travel and hotel websites, product showcases, agency case studies, landing pages and SaaS feature galleries."}]},{"type":"paragraph","content":[{"type":"text","text":"How to use","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drag the component onto your page, open Slides, upload your images and edit the text. Pick an effect, adjust colors and you are live."}]},{"type":"paragraph","content":[{"type":"text","text":"Tags","marks":[{"type":"bold"}]},{"type":"text","text":": carousel, 3D carousel, coverflow, image slider, gallery, slideshow, portfolio, photo gallery, product showcase, framer component, animated slider, swipe, responsive"}]}]},"introduction":"3D image slider, fully editable","slug":"coverflow-3d-carouse","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0dd67-8a39-74bb-b391-e26b1ad8acb1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-26T11:09:39.688Z","updatedAt":"2026-09-26T12:11:29.843Z","publishedAt":"2026-09-26T11:09:39.685Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://coverflow3d.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/UDDed6TG-coverflow-3-d-carousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"VeqvKs4Cq1RnVbL1o2ek","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T11:09:40.372Z","updatedAt":"2026-09-26T11:09:40.372Z"},{"id":"01a0c97e-3748-746c-b5e3-76ba5625b487","title":null,"body":"

Scroll Sections Pro is live.

A scroll-driven section that pins to the viewport while your slides move through it. Each slide wipes in an image or a video while the heading beside it reveals word by word.

Five wipe directions, four progress rail styles, separate tablet and mobile breakpoints, and video that plays only while its slide is on screen so a deck of clips never runs five videos at once.

Everything is a property control. Drop it in, add your slides, done.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Sections Pro is live."}]},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven section that pins to the viewport while your slides move through it. Each slide wipes in an image or a video while the heading beside it reveals word by word."}]},{"type":"paragraph","content":[{"type":"text","text":"Five wipe directions, four progress rail styles, separate tablet and mobile breakpoints, and video that plays only while its slide is on screen so a deck of clips never runs five videos at once."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is a property control. Drop it in, add your slides, done."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"JHgPpbB8pPRBhBVhviTZ","resolved":true,"title":"Scroll Sections Pro","body":"$59","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Scroll Sections Pro"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven section that pins to the viewport while your slides move through it. Each slide wipes its image or video across the media column while the heading beside it reveals word by word. Built for services lists, portfolios, case studies, process steps and feature tours. Everything is a property"}]},{"type":"paragraph","content":[{"type":"text","text":"control: no code, no CSS, no dependencies."}]},{"type":"paragraph","content":[{"type":"text","text":"MEDIA","marks":[{"type":"bold"}]},{"type":"text","text":" — Every slide takes an image or a video. Video accepts an uploaded file or a URL, with poster frame, loop and mute. A video plays only while its slide is on screen and rewinds when it leaves, so five clips never run at once. Cover or contain fit, plus a focal point per slide."}]},{"type":"paragraph","content":[{"type":"text","text":"MOTION","marks":[{"type":"bold"}]},{"type":"text","text":" — Five reveals: wipe left, right, up, down, or crossfade. Set easing, text duration, word stagger, wipe length, and how long the first and last slide hold. Add a travelling accent edge, reveal zoom, reveal blur and a slow Ken Burns drift."}]},{"type":"paragraph","content":[{"type":"text","text":"NAVIGATION","marks":[{"type":"bold"}]},{"type":"text","text":" — Progress rail in four styles: ticks, numbers, slide titles, or a bar. Either side, or off. Click any item to jump to that slide. Optional counter, scroll progress bar and arrow-key stepping."}]},{"type":"paragraph","content":[{"type":"text","text":"RESPONSIVE","marks":[{"type":"bold"}]},{"type":"text","text":" — Separate tablet and mobile breakpoints, each with its own padding, type scale and stacked media height. Breakpoints are measured from the component's own width, so it breaks correctly on the Framer canvas too. Pick svh, vh or dvh to beat the mobile URL bar."}]},{"type":"paragraph","content":[{"type":"text","text":"LAYOUT","marks":[{"type":"bold"}]},{"type":"text","text":" — Media left or right. Column width, gap, padding, radius and inset. Copy aligns top, middle or bottom and left, centre or right. Extended font controls, three CTA styles, per-slide accent and backdrop tint. Optional section header plus two filler sections with show/hide toggles. Sticky-nav offset. Respects reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"sticky scroll, scroll animation, pinned section, scrollytelling, scroll slider, image reveal, video section, sticky slider, showcase, services section, case study, portfolio, storytelling, parallax, scroll effect, responsive section, feature list, process steps"}]}]},"introduction":"Sticky slides with video support","slug":"scroll-sections-pro","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0c962-1eb5-72e6-8b87-521a1dcce26c.png","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-22T14:21:26.508Z","updatedAt":"2026-09-22T16:56:48.252Z","publishedAt":"2026-09-22T14:21:26.503Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollsectionspro.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/IT1lUCI3-sticky-scroll-sections","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"nAQjTcVsuVTUvY57ZCAe","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-22T14:21:27.240Z","updatedAt":"2026-09-22T14:21:27.240Z"},{"id":"01a0a3eb-4741-750c-bc90-d3cc668459d7","title":null,"body":"

Just published Slat Reveal Showcase.

Pin the section, scroll, and each image knits itself together strip by strip. Five reveal effects, six card layouts, and every value sits in the property panel.

Built for services, projects and packages.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published Slat Reveal Showcase."}]},{"type":"paragraph","content":[{"type":"text","text":"Pin the section, scroll, and each image knits itself together strip by strip. Five reveal effects, six card layouts, and every value sits in the property panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for services, projects and packages."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"DXKcZ53uhOBcYhzOdxi2","resolved":true,"title":"Slat Reveal Showcase","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Slat Reveal Showcase - Scroll-pinned slat image reveal"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pin the section, scroll, and watch each image knit itself together strip by strip."}]},{"type":"paragraph","content":[{"type":"text","text":"Slat Reveal Showcase turns a plain list of services, projects or packages into a scroll-driven story. No code, no dependencies, no animation library."}]},{"type":"paragraph","content":[{"type":"text","text":"HOW IT WORKS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The section sticks to the viewport while the page scrolls through it. Each slide's photo is sliced into strips that arrive one after another, and the same photo sits blurred behind the card, so the whole screen turns over with it. Scrub ties the reveal to the scrollbar; Snap plays it once per step; smoothing keeps a mouse wheel from landing it in one jump. Prefer a timer instead? Switch to Autoplay."}]},{"type":"paragraph","content":[{"type":"text","text":"FIVE REVEAL EFFECTS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Alternating Slide, Venetian Blinds, Centre Wipe, Zoom Fade and Swing In. Horizontal or vertical strips, 1 to 60 of them, in five orders: forward, reverse, centre-out, edges-in and random. Duration, stagger, easing, hold and end rest are all yours."}]},{"type":"paragraph","content":[{"type":"text","text":"SIX CARD LAYOUTS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Title over image, image first, image left, image right, text over image, or text only. Place the card left, centre or right and the split headline moves to whichever side is free, stacking and resizing itself to fit."}]},{"type":"paragraph","content":[{"type":"text","text":"EVERY SLIDE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Image, title, meta line, description, a button and an optional second button, each with its own link. The card holds one size across every slide, so nothing jumps as the copy changes."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT PROPERLY","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Works down to 390px. Honours reduced motion. Renders as a still on the canvas and in exports. Fonts, colours, spacing, blur, dots, arrows and progress bar are all property controls, plus two optional sections above and below with their own show and hide."}]},{"type":"paragraph","content":[{"type":"text","text":"scroll animation, scroll reveal, sticky section, pinned scroll, scrollytelling, image reveal, slat transition, venetian blinds, slider, carousel, showcase, services section, portfolio, agency, architecture, interior design, studio, hero section, gallery, parallax, scroll-triggered, process section, case study, landing page"}]}]},"introduction":"Scroll-pinned slat image reveal","slug":"slat-reveal-showcase","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0a3e6-dae8-738c-89e1-2492ba3e6a5c.png","metadata":{"tint":{"h":0,"s":0,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-15T07:14:59.987Z","updatedAt":"2026-09-15T07:23:48.266Z","publishedAt":"2026-09-15T07:14:59.985Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sharp-learning-667467.framer.app","price":"10","paymentUrl":"https://contra.com/payment-link/DtCYl3QE-slat-reveal-showcase-scroll-pinned-slat-image-reveal","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"kbKMNZ0CShO7oddagpPb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T07:15:00.545Z","updatedAt":"2026-09-15T07:15:00.545Z"},{"id":"01a08b7d-f326-76ff-967f-87b0e04f3080","title":null,"body":"

Orbit Hero is live.

A hero section that pins while a ring of images turns and grows behind the headline, then releases into the page. The wheel keeps drifting when the page is still and speeds up as you scroll.

Your images, copy, colours, ring geometry and pin length are all property controls, with separate sizing for desktop, tablet and phone.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit Hero is live."}]},{"type":"paragraph","content":[{"type":"text","text":"A hero section that pins while a ring of images turns and grows behind the headline, then releases into the page. The wheel keeps drifting when the page is still and speeds up as you scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Your images, copy, colours, ring geometry and pin length are all property controls, with separate sizing for desktop, tablet and phone."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"WdsJsVgSfyJ7ooZscl2l","resolved":true,"title":"Orbit Hero","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Orbit Hero - A wheel of images that turns and grows as you scroll","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Images that turn as you scroll"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Orbit Hero pins your hero section while a ring of images turns and expands behind the headline, then releases it into the rest of the page. When the page sits still the wheel keeps drifting on its own; scrolling adds to the speed."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is a property control — nothing is baked in."}]},{"type":"paragraph","content":[{"type":"text","text":"IMAGES","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Up to 30, spaced evenly however many you add. Each takes its own link, scale, ratio, tilt and offset. JPG, PNG, WebP, AVIF, SVG and GIF all work, and numbered placeholders stand in until yours are ready."}]},{"type":"paragraph","content":[{"type":"text","text":"MOTION","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Set how long the hero pins, how far the wheel spins across it, how fast it drifts, and how much the images grow with the ring. Smooth it with a spring, or turn the pin off and let it animate as the section passes."}]},{"type":"paragraph","content":[{"type":"text","text":"LAYOUT","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ring Size scales the whole wheel with one number. Radius, spread, start angle, spacing and tilt are all adjustable — a true circle or a wide ellipse, cards upright or bolted to the rim. A bottom shadow sinks the ring into the section floor."}]},{"type":"paragraph","content":[{"type":"text","text":"CONTENT","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Eyebrow, headline with a second-colour accent, description and button, each with its own font, colour and on/off switch. Two placeholder sections above and below let you preview the scroll before your own content is ready."}]},{"type":"paragraph","content":[{"type":"text","text":"RESPONSIVE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone each get their own radius, spread and card size, resolved from the component's own width rather than a media query, so it adapts wherever you place it."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT WITH CARE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The pin is a transform, not position:sticky, so it holds inside clipped and transformed layouts. Eighteen cards turning still hold 60fps. Reduced-motion is respected, and the canvas freezes on a preview frame so you can design against any point of it."}]},{"type":"paragraph","content":[{"type":"text","text":"Tags: hero, scroll animation, sticky hero, pinned section, parallax, image ring, circular gallery, carousel, showcase, portfolio, agency, ecommerce, landing page, interactive, animated hero, scroll effect"}]}]},"introduction":"Images that turn as you scroll","slug":"orbit-hero","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a08b7b-f856-73e8-8f88-41b70519b646.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2330,"height":1460}}],"post":null,"createdAt":"2026-09-10T13:24:41.803Z","updatedAt":"2026-09-11T05:29:42.439Z","publishedAt":"2026-09-10T13:24:41.795Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orbithero.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/8wv9Gp5T-featured-works-gallery","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"kWsx0W5qYjI1LUOxb9m9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T13:24:42.406Z","updatedAt":"2026-09-10T13:24:42.406Z"},{"id":"01a0865d-d0d3-734f-a236-7495244885d9","title":null,"body":"

New: How We Work — a sticky scroll section for your process.

Most process sections are a row of cards. This one pins to the viewport and cross-fades each step in place, so the sequence reads like a sequence: image, title and copy changing together as the visitor scrolls.

Built to be edited, not just installed. Steps are an array you can reorder. Every colour, font, timing and overlay is a property control, and the cross-fade overlap goes from a clean dissolve to a fade through the background.

Tablet and phone each get their own layout, type scale, padding and scroll length — the breakpoints match Framer's own, so it switches where your layouts do.

One code component. No plugins, no libraries.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New: How We Work — a sticky scroll section for your process."}]},{"type":"paragraph","content":[{"type":"text","text":"Most process sections are a row of cards. This one pins to the viewport and cross-fades each step in place, so the sequence reads like a sequence: image, title and copy changing together as the visitor scrolls."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to be edited, not just installed. Steps are an array you can reorder. Every colour, font, timing and overlay is a property control, and the cross-fade overlap goes from a clean dissolve to a fade through the background."}]},{"type":"paragraph","content":[{"type":"text","text":"Tablet and phone each get their own layout, type scale, padding and scroll length — the breakpoints match Framer's own, so it switches where your layouts do."}]},{"type":"paragraph","content":[{"type":"text","text":"One code component. No plugins, no libraries."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0ldRpoziRqL3GHAleXD5","resolved":true,"title":"How We Work","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"How We Work - Sticky scroll steps for process"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Turn your process into a pinned, scroll-driven story. How We Work is a Framer scroll section that stays fixed on screen while each step cross-fades in place image, title and description changing as the visitor scrolls."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for agencies, studios, freelancers and SaaS teams who need a How We Work, Our Process, Services or onboarding section that looks designed rather than templated."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU CONTROL ","marks":[{"type":"bold"}]},{"type":"text","text":"Nothing is hard-coded. Every value is a Framer property control."}]},{"type":"paragraph","content":[{"type":"text","text":"Steps","marks":[{"type":"bold"}]},{"type":"text","text":" — add, remove and reorder any number. Each carries its own title, description and image."}]},{"type":"paragraph","content":[{"type":"text","text":"Overlays","marks":[{"type":"bold"}]},{"type":"text","text":" — 8 built-in vector graphics (circles, rings, dots, burst, triangles, grid, arcs, plus) or your own image. Colour, size, position, rotation, stroke, opacity, blend mode and motion are set per step."}]},{"type":"paragraph","content":[{"type":"text","text":"Layout","marks":[{"type":"bold"}]},{"type":"text","text":" — image left or right, split width, section height, scroll length per step, padding, alignment, text width."}]},{"type":"paragraph","content":[{"type":"text","text":"Color","marks":[{"type":"bold"}]},{"type":"text","text":" — accent, panel and text colours, plus image grading: tint, grayscale, brightness, contrast, saturation."}]},{"type":"paragraph","content":[{"type":"text","text":"Type","marks":[{"type":"bold"}]},{"type":"text","text":" — extended font controls for label, title, body and counter."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion","marks":[{"type":"bold"}]},{"type":"text","text":" — scroll-driven or auto-play, fade length, cross-fade overlap, title slide, image zoom and parallax."}]},{"type":"paragraph","content":[{"type":"text","text":"Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" — step counter, progress bar and clickable dots."}]},{"type":"paragraph","content":[{"type":"text","text":"Two optional sections above and below, each with its own show/hide toggle."}]},{"type":"paragraph","content":[{"type":"text","text":"RESPONSIVE ","marks":[{"type":"bold"}]},{"type":"text","text":"Split layout on desktop, stacked on mobile, with a breakpoint and type scale you choose."}]},{"type":"paragraph","content":[{"type":"text","text":"NO DEPENDENCIES ","marks":[{"type":"bold"}]},{"type":"text","text":"A single code component. No plugins, no external libraries. Drop it in, set width to Fill and height to Auto."}]},{"type":"paragraph","content":[{"type":"text","text":"Tags: scroll section, sticky scroll, pinned scroll, scroll animation, scrollytelling, how we work, our process, process steps, step by step, workflow, timeline, cross fade, parallax, agency, studio, portfolio, saas, onboarding, services, dark section, storytelling, landing page, marketing site, steps section, framer component"}]}]},"introduction":"Sticky scroll steps for process","slug":"how-we-work","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a08988-3fb8-7438-afab-5d5ac910364d.png","metadata":{"tint":{"h":120,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-09T13:31:29.842Z","updatedAt":"2026-09-10T04:16:46.490Z","publishedAt":"2026-09-09T13:31:29.840Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://howwework.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/G6Rmg3hp-how-we-work-process-scroll-sticky-steps-section","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"6FhhV8v4rt4ojPs8vKw0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-09T13:31:30.388Z","updatedAt":"2026-09-09T13:31:30.388Z"},{"id":"01a0813d-13b7-70af-af64-2a8fd12533c4","title":null,"body":"

Just launched — Hover Reveal Service List.

Hover any row and its image wipes in from the side while the title and text slide across to make room. Use it for services, features, FAQs, process steps or a portfolio index.

105 property controls, three responsive tiers, and images stay visible on touch so nothing disappears on a phone.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched — Hover Reveal Service List."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover any row and its image wipes in from the side while the title and text slide across to make room. Use it for services, features, FAQs, process steps or a portfolio index."}]},{"type":"paragraph","content":[{"type":"text","text":"105 property controls, three responsive tiers, and images stay visible on touch so nothing disappears on a phone."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"4wJjVlc58NaRIfI8QtvU","resolved":true,"title":"Hover Reveal Service","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Hover Reveal Service List - Rows that reveal images on hover","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Hover any row and its image wipes in from the side while the title and text slide across to make room. It is the interaction you have seen on studio and agency sites, as a drop-in Framer component."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it for services, features, FAQs, process steps, case studies, a blog index, pricing tiers or a menu. Every row carries its own title, text, image and link, added and reordered from the Items list."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT YOU CONTROL — 105 property controls, no code:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Row height, padding, insets, alignment, max text width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image mode: on hover, always visible, or hidden"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image side, width, radius, fit, start scale, beside or stacked"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full font controls for title and body, with idle and hover colours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dividers: colour, hover colour, weight, first and last line"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Icon: arrow, chevron or plus — size, stroke, ring, fill, hover rotate and shift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Row fill, hover fill, corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover and scroll-in entrance, each with its own transition editor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-row stagger and viewport threshold"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"RESPONSIVE, PROPERLY","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Three tiers desktop, tablet and mobile each an independent override group with its own row height, insets, type sizes, max lines and icon size. Breakpoints measure the component's own width by default, so the list collapses correctly inside a narrow column, not only on a small screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Touch devices never report a hover, so the mobile tier sets images to always visible. Your photography still reads on a phone instead of quietly vanishing."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT WITH CARE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Rows with links are real anchors keyboard accessible, and focus reveals the image"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"prefers-reduced-motion collapses every transition"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No sticky hover left behind on touch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"First measurement runs before paint, so phones never flash the desktop layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Preview Row control styles the hover state on the canvas"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"services list, hover reveal, image reveal, interactive list, responsive list, hover animation, portfolio, agency, features, FAQ, process steps, link list, editorial, accessible"}]}]},"introduction":"Rows that reveal images on hover","slug":"hover-reveal-service","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a0813b-4635-77db-9f6f-408cb29d4cc3.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-08T13:37:38.183Z","updatedAt":"2026-09-08T13:49:15.720Z","publishedAt":"2026-09-08T13:37:38.180Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hoverrevealservicelist.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/JqCOZtiz-hover-reveal-service-list","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"oWUXNuqb1UkBy7ZV5wfz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T13:37:38.743Z","updatedAt":"2026-09-08T13:37:38.743Z"},{"id":"01a07bae-9ec0-7592-979a-06ea48455c25","title":null,"body":"

Just published Circle of Faces — a scroll-driven photo ring.

Cards fly in from a scatter, gather together, then wrap into a circle around your headline. One continuous animation, no code.

• Scroll, in-view or manual playback

• Any number of cards — image, name, role, link

• Ring size, oval, stagger, easing, idle spin

• Fits phones on its own, no per-breakpoint setup

• Optional placeholder sections to test the scroll

Drop it on the page, set the width to Fill, add your photos.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published Circle of Faces — a scroll-driven photo ring."}]},{"type":"paragraph","content":[{"type":"text","text":"Cards fly in from a scatter, gather together, then wrap into a circle around your headline. One continuous animation, no code."}]},{"type":"paragraph","content":[{"type":"text","text":"• Scroll, in-view or manual playback"}]},{"type":"paragraph","content":[{"type":"text","text":"• Any number of cards — image, name, role, link"}]},{"type":"paragraph","content":[{"type":"text","text":"• Ring size, oval, stagger, easing, idle spin"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fits phones on its own, no per-breakpoint setup"}]},{"type":"paragraph","content":[{"type":"text","text":"• Optional placeholder sections to test the scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on the page, set the width to Fill, add your photos."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"4Fo5YQXE6mTHhZRlaG7F","resolved":true,"title":"Circle of Faces","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"A scroll-driven circular photo gallery that turns a set of portraits into the centrepiece of your page. "}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"As the visitor scrolls, the cards fly in from a scatter, gather together, then wrap into a ring around your headline one continuous animation built on Framer Motion."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every part of it is a property control, so you never touch code."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CONTENT","marks":[{"type":"bold"}]},{"type":"text","text":" — Any number of cards with an image, name, role and link, or paste a list of image URLs. Separate Title and Highlight fields set part of the headline in an accent font and colour. Optional eyebrow, subtitle and button."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"MOTION","marks":[{"type":"bold"}]},{"type":"text","text":" — Play it on scroll, on entering the viewport, or drive the progress yourself. Set the scroll length, the three phase boundaries, stagger, easing, spring smoothing and a slow idle spin. Reduced-motion visitors go straight to the finished ring."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"LAYOUT","marks":[{"type":"bold"}]},{"type":"text","text":" — A Ring size percentage and an Oval value shape the circle; card size, corner radius, start angle, direction, tangential rotation and the scatter are all adjustable."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"STYLE ","marks":[{"type":"bold"}]},{"type":"text","text":"— Card background, border, shadow, image fit, grayscale, hover lift, tooltips, a fixed or cycling spotlight card, font controls for every text role, and a centre glow."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"RESPONSIVE","marks":[{"type":"bold"}]},{"type":"text","text":" — The ring fits the screen's shorter side at any width and the copy stays inside it. Where a line of cards will not fit a phone, they gather into a block instead. Nothing to set per breakpoint."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SETUP","marks":[{"type":"bold"}]},{"type":"text","text":" — Drop it on the page, set the width to Fill, add your photos. No libraries, no API keys, no config."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Made for team and about pages, community sites, testimonial walls, portfolios, client logos, event speakers, award nominees, podcast guests and careers sections","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Placeholder sections above and below let you test the scroll before the page exists."}]},{"type":"paragraph","content":[{"type":"text","text":"scroll animation circular gallery photo ring team section about page testimonials avatars portraits image gallery hero section scroll effect framer motion community speakers carousel marquee alternative people parallax sticky section animated gallery"}]}]},"introduction":"Scroll turns photos into a ring","slug":"circle-of-faces","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a07bab-6a7f-724f-96dc-db07cf390668.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-07T11:43:56.046Z","updatedAt":"2026-09-07T12:59:13.642Z","publishedAt":"2026-09-07T11:43:56.042Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://circleoffaces.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/iO52txfI-circle-of-faces","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"7ZIvoY6s3UsCYba4z1k1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T11:43:56.609Z","updatedAt":"2026-09-07T11:43:56.609Z"},{"id":"01a0618b-03f6-70c4-8784-a4151bbdda5a","title":null,"body":"

New template: VSLFlow 🖤

A complete VSL sales funnel landing page, qualifying application, interactive booking calendar, and thank-you flow. Built for coaches, consultants, and agencies running high-ticket, video-first offers.

Dark editorial aesthetic (Cormorant Garamond + Jost), fully responsive, zero external scheduling embeds needed.

If you're running a "watch → apply → book" funnel, this is your starting point.

👉 Check it out on the Marketplace.

#VSL #SalesFunnel #Framer #FramerTemplate #Coaching #Consulting

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template: "},{"type":"text","text":"VSLFlow","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"black_heart","emoji":"🖤"}}]},{"type":"paragraph","content":[{"type":"text","text":"A complete VSL sales funnel landing page, qualifying application, interactive booking calendar, and thank-you flow. Built for coaches, consultants, and agencies running high-ticket, video-first offers."}]},{"type":"paragraph","content":[{"type":"text","text":"Dark editorial aesthetic (Cormorant Garamond + Jost), fully responsive, zero external scheduling embeds needed."}]},{"type":"paragraph","content":[{"type":"text","text":"If you're running a \"watch → apply → book\" funnel, this is your starting point."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Check it out on the Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"#VSL #SalesFunnel #Framer #FramerTemplate #Coaching #Consulting"}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72326","resolved":true,"title":"VSLFlow","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"VSLFlow - VSL Funnel for Coaches & Agencies","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"VSLFlow is a premium VSL (Video Sales Letter) funnel template built for high-ticket coaching, consulting, and agency offers. It's a complete video sales funnel system "},{"type":"text","text":"landing page, application form, booking calendar, and thank-you page","marks":[{"type":"bold"}]},{"type":"text","text":" designed to turn cold traffic into qualified, booked sales calls."}]},{"type":"paragraph","content":[{"type":"text","text":"This VSL funnel template is ideal for businesses that rely on a video-first sales process: "},{"type":"text","text":"coaching programs, consulting agencies, marketing agencies, B2B service providers, SaaS onboarding calls, financial advisors, real estate coaches, fitness and health coaches, course creators","marks":[{"type":"bold"}]},{"type":"text","text":", and high-ticket info-product sellers. Any brand running a \"watch the video → apply → book a call\" funnel can use this template as-is."}]},{"type":"paragraph","content":[{"type":"text","text":"Key sections included in the VSL funnel: hero with embedded VSL video player, social proof and client logos, problem/agitation section, process breakdown (Audit–Build–Scale style),"},{"type":"text","text":" case study proof section, testimonials, fit/qualification criteria, comparison table, founder/authority bio, FAQ accordion","marks":[{"type":"bold"}]},{"type":"text","text":", and a strong CTA to apply. The application page uses a multi-step qualifying form to pre-screen leads before they reach the calendar. The booking page includes a fully interactive calendar with live date and time-slot selection no external scheduling embed required. The thank-you page confirms the booking and delivers a bonus VSL primer video to keep leads engaged before the call."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with a refined black-and-gold editorial aesthetic (Cormorant Garamond serif + Jost sans-serif), VSLFlow stands apart from typical SaaS-style funnel templates, giving high-ticket VSL funnels and application-based sales funnels a premium, conversion-focused, trust-building look."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyword focus:","marks":[{"type":"bold"}]},{"type":"text","text":" VSL template, VSL funnel, video sales letter, application funnel, sales funnel template, high-ticket funnel, coaching funnel, consulting funnel, agency funnel, booking funnel, lead qualification funnel, discovery call funnel, Framer VSL template."}]}]},"introduction":"VSL And Sales Funnel Template","slug":"vslflow","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a06189-cbbd-75b8-b179-427b5957fef2.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a06189-d423-73f9-952f-8e84f821db83.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a06189-dd43-71fd-a03b-a0c60fcd0f27.jpg","metadata":{"tint":{"h":30,"s":13,"l":27},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a06189-e595-7383-9d71-dded71bc32fb.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-02T09:54:55.049Z","updatedAt":"2026-09-07T09:36:24.498Z","publishedAt":"2026-09-02T09:54:55.046Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"29","paymentUrl":"https://contra.com/payment-link/0Huzwbsx-vsl-flow","remixUrl":null,"previewUrl":"https://vslflow.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":205,"name":"Consulting","slug":"consulting"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":237,"name":"Marketing","slug":"marketing"},"features":[{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T09:54:55.606Z","updatedAt":"2026-09-02T09:54:55.606Z"},{"id":"01a057a2-ae3f-74e9-80e6-dbc5299ae453","title":null,"body":"

Mosaic Index is live.

Hover any service and its image assembles out of pixel tiles landing just past where that row's name ends, so it moves with your wording instead of sitting in a fixed slot.

Five reveal styles, a tile grid up to 40×40, and cursor physics that bank, stretch, blur and trail as you move. Every part of it is a property control.

Point it at your services and it's done.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mosaic Index is live."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover any service and its image assembles out of pixel tiles landing just past where that row's name ends, so it moves with your wording instead of sitting in a fixed slot."}]},{"type":"paragraph","content":[{"type":"text","text":"Five reveal styles, a tile grid up to 40×40, and cursor physics that bank, stretch, blur and trail as you move. Every part of it is a property control."}]},{"type":"paragraph","content":[{"type":"text","text":"Point it at your services and it's done."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"jRt8fKRe5WEBYZADRiGw","resolved":true,"title":"Mosaic Index","body":"$60","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Mosaic Index - Big-type services list with a pixel-mosaic image reveal."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A services list for Framer with a hover image reveal built from pixel tiles. Mosaic Index turns a plain services section into the part of the page people stop on and doubles as a projects, portfolio or case study index."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover a row and its image assembles out of tiles, landing just past where that row's name ends. It lands somewhere different on every row and moves with your wording instead of parking in a fixed slot."}]},{"type":"paragraph","content":[{"type":"text","text":"Every part is a property control."}]},{"type":"paragraph","content":[{"type":"text","text":"REVEAL","marks":[{"type":"bold"}]},{"type":"text","text":" — Mosaic, fade, scale, wipe or blur. Tile grid up to 40×40, assembly order (random, centre-out, edges-in, or any direction), plus jitter, duration, spread, exit ratio and easing."}]},{"type":"paragraph","content":[{"type":"text","text":"PLACEMENT","marks":[{"type":"bold"}]},{"type":"text","text":" — Hug Name drops the image past each service name. Alternate swings between there and the far edge, Scatter gives every row its own spot, Edge Peek crops against the section edge. Or pin it left, centre or right, with tilt and slide-in."}]},{"type":"paragraph","content":[{"type":"text","text":"CURSOR","marks":[{"type":"bold"}]},{"type":"text","text":" — Following the pointer, the image banks into your direction of travel, stretches with speed, drags the photo inside its frame, blurs as you sweep, and trails up to three ghost copies on softer springs. The mosaic even assembles from the side you arrived from, and everything settles to rest when you stop."}]},{"type":"paragraph","content":[{"type":"text","text":"CONTENT ","marks":[{"type":"bold"}]},{"type":"text","text":"— Number, name, summary, body and tag chips per row, each optional. Body and tags open on hover, stay open, or stay off. Independent fonts and colours, inline or stacked rows, hairline rules, per-row image size overrides, and links with custom CTA labels."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive by default","marks":[{"type":"bold"}]},{"type":"text","text":" — fluid type, flexible columns and built on Framer Motion. It honours prefers-reduced-motion, skips coarse pointers by default, and pins a row as hovered on the canvas so you can style the reveal while you design."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for agency, studio and freelance sites: services sections, project indexes, portfolio lists, case study menus, interactive big-type navigation and animated hover gallery layouts."}]}]},"introduction":"Services list, mosaic hover reveal","slug":"mosaic-index","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a057a0-44a0-72be-ab4a-37e184466f96.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-31T11:44:33.820Z","updatedAt":"2026-09-21T13:08:21.650Z","publishedAt":"2026-08-31T11:44:33.816Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mosaicindex.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/H8ZHYM6C-mosaic-index","workshop":false,"categories":[{"id":"cf876fb8-579b-4a79-8604-b7feed61bcb0","name":"Accordions","slug":"accordions"}],"lastSaveId":"4241TeVVo8cc6OwGy6tR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-31T11:44:34.367Z","updatedAt":"2026-08-31T11:44:34.367Z"},{"id":"01a02879-52a0-777e-a294-bdaee4f7dc08","title":null,"body":"

New template: RenovateHub — a conversion-focused site for renovation & remodeling businesses.

24 ready pages, a signature drag before/after slider, estimate-first funnel, CMS-ready services & projects, and local SEO structure baked in. Swap the copy for your market (renovation / remodel / reno), drop in your photos and license number, and ship the same day.

Built to do one job: turn homeowners into free-estimate leads.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template: RenovateHub — a conversion-focused site for renovation & remodeling businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"24 ready pages, a signature drag before/after slider, estimate-first funnel, CMS-ready services & projects, and local SEO structure baked in. Swap the copy for your market (renovation / remodel / reno), drop in your photos and license number, and ship the same day."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to do one job: turn homeowners into free-estimate leads."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71696","resolved":true,"title":"RenovateHub","body":"$61","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"RenovateHub — Renovation & Remodeling Template"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"A conversion-focused template for renovation, remodeling & contractor businesses with before/after sliders, estimate funnel, and 24 ready pages."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"RenovateHub","marks":[{"type":"bold"}]},{"type":"text","text":" is a complete, conversion focused Framer template for renovation contractors, remodeling companies, builders, and home improvement businesses. Every section is designed to do one job: turn homeowners into free estimate leads."}]},{"type":"paragraph","content":[{"type":"text","text":"The signature before/after slider puts your transformations front and center on the "},{"type":"text","text":"home page, portfolio, service pages, and project case studies","marks":[{"type":"bold"}]},{"type":"text","text":". Paired with trust badges, Google reviews, and a warranty band, it builds the proof big-ticket buyers need before they call."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ready-to-publish pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, Services, 10 service detail pages (kitchen, bathroom, whole-home, additions, exterior, flooring, painting, outdoor living, garage conversion, design), Portfolio, 6 project case studies, About, Contact, Process, Financing, and Service Areas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Signature drag before/after slider","marks":[{"type":"bold"}]},{"type":"text","text":" reused across the whole funnel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Estimate","marks":[{"type":"bold"}]},{"type":"text","text":"-focused contact page with reassurance column and direct contact details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-ready structure","marks":[{"type":"bold"}]},{"type":"text","text":": services, projects, testimonials, FAQs, and service areas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Local SEO structure","marks":[{"type":"bold"}]},{"type":"text","text":": service area pages, city grids, and per-service SEO pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky \"Get Free Estimate\" CTAs, click-to-call phone, and clear pricing notes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Financing and Service Areas pages hide or duplicate as needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, modern design","marks":[{"type":"bold"}]},{"type":"text","text":": Inter typography, warm neutral palette, subtle motion"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]},{"type":"text","text":": renovation contractor websites, remodeling company templates, kitchen and bathroom renovation landing pages, builder portfolios, construction business sites, and home improvement lead generation."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords: ","marks":[{"type":"bold"}]},{"type":"text","text":"renovation, remodeling, contractor, construction, builder, home improvement, kitchen remodel, bathroom renovation, before after, estimate, local business, lead generation, portfolio, CMS"}]}]},"introduction":"Renovation & Remodeling Template","slug":"renovatehub","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a02873-221b-7499-a76f-4dca43ce129f.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a02873-3456-750b-a1b6-943c96405555.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a02873-3db0-704a-b87a-7d2b436c6f4e.jpg","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a02873-4d15-776c-a52e-aef1c7cdaba3.jpg","metadata":{"tint":{"h":30,"s":27,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-22T07:57:14.233Z","updatedAt":"2026-08-22T07:57:14.233Z","publishedAt":"2026-08-22T07:57:14.231Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"29","paymentUrl":"https://contra.com/payment-link/nRzEuIjW-renovate-hub-framer-renovation-and-remodeling-template","remixUrl":null,"previewUrl":"https://renovatehub.framer.website/","categories":[{"id":204,"name":"Construction","slug":"construction"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":230,"name":"Interior Design","slug":"interior-design"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":236,"name":"Light","slug":"light"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":204,"name":"Construction","slug":"construction"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-22T07:57:14.784Z","updatedAt":"2026-08-22T07:57:14.784Z"},{"id":"01a00f7a-7749-7042-b99b-ba8cdff4f44f","title":null,"body":"

Meet MapQ — a powerful multi-location map plugin for Framer

Create interactive maps, showcase multiple locations, add custom markers, display location details, and help visitors explore your locations with ease.

Perfect for business websites, store locators, real estate, travel, events, offices, and more.

Built to make adding interactive maps to Framer projects simple, flexible, and beautiful.

Now available for Framer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"MapQ","marks":[{"type":"bold"}]},{"type":"text","text":" — a powerful multi-location map plugin for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"Create interactive maps, showcase multiple locations, add custom markers, display location details, and help visitors explore your locations with ease."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for business websites, store locators, real estate, travel, events, offices, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to make adding interactive maps to Framer projects simple, flexible, and beautiful."}]},{"type":"paragraph","content":[{"type":"text","text":"Now available for Framer.","marks":[{"type":"bold"}]}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1489","resolved":true,"title":"MapQ","body":"$62","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"MapQ — Multi-Location Map Plugin for Framer"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Create beautiful, interactive, and fully customizable multi-location maps directly in Framer with MapQ."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"MapQ is a powerful multi-location map plugin for Framer that makes it easy to create interactive, engaging, and customizable map experiences without complicated setup or custom development."}]},{"type":"paragraph","content":[{"type":"text","text":"Add multiple locations to a single map and showcase each place with custom markers, titles, descriptions, addresses, and other useful information. Visitors can explore locations directly on the map and quickly find the details they need."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add and manage multiple locations on one interactive map "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create custom markers for different locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Display detailed information for each location"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add addresses, descriptions, and location details"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support interactive map exploration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add routes and location-based navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the map to match your website design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive experience across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy setup and configuration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built specifically for Framer projects"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"MapQ is ideal for business websites, office directories, store locators, real estate websites, property listings, travel and tourism websites, hotels, restaurants, events, venues, local business directories, service-area businesses, and location guides."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Framer"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"MapQ fits naturally into your Framer workflow, giving you a simple way to add professional map functionality to your projects. No need to build a map system from scratch add your locations, customize the experience, and create a polished interactive map that works seamlessly with your design."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you need to showcase a few business branches or multiple locations across different areas, MapQ provides a flexible and engaging way to present location-based information."}]},{"type":"paragraph","content":[{"type":"text","text":"Create interactive maps, showcase your locations, and give visitors a better way to explore your business or project with MapQ for Framer."}]}]},"introduction":"Multi-location maps made simple","slug":"mapq","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a01ed1-9444-76df-a3c2-4592604a509d.jpg","metadata":{"tint":{"h":240,"s":17,"l":64},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a00f79-a4a2-72e0-9395-9d8cf4a12805.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a00f79-b2c4-7273-94c0-19b128b8a2f9.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a00f79-bbb2-7251-81dc-cd7b326a4191.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-17T11:27:58.698Z","updatedAt":"2026-08-27T06:12:27.039Z","publishedAt":"2026-08-27T06:12:27.029Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"llsbfiyauq5fezhoub57r5zk9","paid":true,"categories":[{"id":"f6795017-0256-4955-b31a-c81a28ef20ff","name":"Integrations","slug":"integrations"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-17T11:27:59.305Z","updatedAt":"2026-08-17T11:27:59.305Z"},{"id":"01a0007f-b156-77f9-8128-e5c2cecb07e3","title":null,"body":"

Most testimonial sections get scrolled past in half a second.

Scroll Testimonials pins the section and reveals your reviews one card at a time, so visitors actually stop and read them.

Live on the Marketplace now.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most testimonial sections get scrolled past in half a second."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Testimonials pins the section and reveals your reviews one card at a time, so visitors actually stop and read them."}]},{"type":"paragraph","content":[{"type":"text","text":"Live on the Marketplace now."}]}]},"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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Z6M67wL5K41NalB1fnIf","resolved":true,"title":"OnScroll Testimonial","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"OnScroll Testimonial","marks":[{"type":"bold"}]},{"type":"text","text":" turns customer proof into a moment visitors have to move through instead of past. The section pins to the viewport and a fanned deck of portrait cards rises from below, one at a time, in rhythm with the scroll. Each card lifts, scales into focus with the photo, name, role and quote, then relaxes into a clean tilted row as the next takes over. Scroll speed drives the sequence, so the pacing always feels tied to the visitor's own hand. Nothing is hardcoded, shape every part of it from Framer's property panel, no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pinned scroll section with cards that rise and focus one at a time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three modes: On Scroll, Autoplay or Hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable pin length, 1.2x to 8x viewport height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay interval 0.5s to 10s with optional hover to pause"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited testimonials: photo, name, role, quote"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card width, height, corner radius, border colour and width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlap and tilt controls to shape the deck"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate active and resting scale, resting opacity, frosted wash"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rise distance for how far cards travel on scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Oversized background heading, outline or filled"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional grid pattern, corner rings, background colour or image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Caption toggles, independent name, role and quote sizes and colours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Font control so typography inherits your site styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA pill button with custom label, colours, size and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered entrance animation with stagger, duration, play once"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion preferences and disables autoplay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Renders its final state on canvas, never a blank frame"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any layout width and height, fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in demo sections to preview the pinned scroll before you wire it up"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"React and Framer Motion only, no external dependencies"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Best for:","marks":[{"type":"bold"}]},{"type":"text","text":" agency sites, SaaS landing pages, portfolios, creator brands, coaching and consulting pages, service businesses, product pages, case studies and about sections, anywhere social proof deserves more than a static three column grid."}]}]},"introduction":"Scroll-reveal testimonial cards","slug":"onscroll-testimonial","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a00073-d59a-75c4-93aa-5cb7bb726d72.png","metadata":{"tint":{"h":200,"s":50,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-14T13:39:23.046Z","updatedAt":"2026-08-21T11:44:40.644Z","publishedAt":"2026-08-14T13:39:23.038Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrolltestimonial.framer.website","price":"10","paymentUrl":"https://contra.com/payment-link/drB3KrtQ-scroll-testimonials","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"SDcEQTXZgxsYOdPM6kNu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-14T13:39:23.606Z","updatedAt":"2026-08-14T13:39:23.606Z"},{"id":"019fb30c-ad3e-74c2-aad5-483d66c83aaf","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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sYQdPvWYob8emTBiiYyJ","resolved":true,"title":"Works Gallery","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Works Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is a scroll-pinned 3D reveal section that turns any portfolio, works page, or case-study list into a cinematic scroll experience. As visitors scroll, rounded media cards pass through a shared perspective stage: each image rises from below, grows to full-bleed at the centre, then flips and scales away as the next takes its place. A true bottom-up reveal, not a zoom, with editorial tilt, edge blur, vignette and smooth eased motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for creative agencies, design studios, photographers, videographers, architects and freelance portfolios that need their work to land in the first five seconds, and for any landing page needing a high-impact showcase section."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is dynamic and controlled from the Framer properties panel. No code needed."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited slides, image or video","marks":[{"type":"bold"}]},{"type":"text","text":", each with a catalogue number and project name caption"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-pinned 3D stage:","marks":[{"type":"bold"}]},{"type":"text","text":" small window to full-bleed media, then back out"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full motion control:","marks":[{"type":"bold"}]},{"type":"text","text":" perspective, flip, tilt, travel, center bleed, reveal shift and zoom, edge shrink and blur, vignette, scroll length per slide, smoothness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-click Reset animation restores the tuned defaults instantly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable heading with alignment, weight, size and tracking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"View-all CTA button with custom label, link, new tab and colours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card width, height, radius, fit, background and colour controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Caption symbol, size and colour"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video support with loop, mute and image fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Temporary top and bottom preview sections to test the scroll in and out, hide for production"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer native font picker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced-motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% responsive on desktop, tablet and mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it onto any Framer page, add your images or videos, tune the motion to your brand, and ship a showcase that looks custom-built."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":": gallery, portfolio, works, showcase, scroll animation, 3d reveal, parallax, pinned, sticky, video gallery, carousel, case study, projects, agency, studio, photography, cinematic, motion."}]}]},"introduction":"A scroll-pinned 3D reveal gallery","slug":"works-gallery","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019fb30c-8c1b-7429-b956-c7d215692953.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-30T12:42:59.766Z","updatedAt":"2026-08-21T12:22:39.614Z","publishedAt":"2026-07-30T12:42:59.761Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://featuredworksgallery.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/8wv9Gp5T-featured-works-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"cHDJ4tZh9lfP3TPVdNsx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T12:43:00.286Z","updatedAt":"2026-07-30T12:43:00.286Z"},{"id":"019fa2a0-de55-711d-9e04-36b64139c99c","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","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"dYxJhSpXf91qUabCgmuS","resolved":true,"title":"Scroll Services 3D","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Services 3D Section — a scroll-driven 3D cube showcase section for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn your services, work or process list into a rotating 3D scroll animation. Two synchronised cubes cross-rotate as the visitor scrolls: text cards roll forward while imagery counter-rotates, sharing one vanishing point for a clean seam. Drop it on the page no extra code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"SCROLL ANIMATION","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven 3D cube rotation with sticky pinning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cross-rotate (counter-rotation) toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring stiffness & damping for smooth or snappy motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable scroll length per card to control pacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress dots indicator"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced-motion; static canvas preview"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"CONTENT","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited items number, title, label/value rows, image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-numbering (01, 02, 03…) with visibility toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional CTA face with label, image, background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in intro section: eyebrow, heading, paragraph"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in bottom CTA section: heading and text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Both sections toggle on/off use only the cube if you want"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"LAYOUT & STYLE","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card size, gap, max width, corner radius, perspective"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left or centre card text alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full colour control: background, heading, muted text, cards, accent"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Black & white image toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional crop-mark detailing for an editorial look"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom font control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gradient fallback backgrounds when no image is set"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive with clamp-based typography and spacing"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"GREAT FOR","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Agency services sections, portfolio and case-study showcases, product feature walkthroughs, process and steps sections, studio landing pages and dark-theme hero sections."}]},{"type":"paragraph","content":[{"type":"text","text":"KEYWORDS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"scroll, scroll animation, 3d scroll, scroll section, sticky scroll, services section, showcase, portfolio, case study, 3d cube, gallery, cards, agency, studio, process, steps, features, CTA, parallax, editorial, responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"NEED HELP?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Questions about installing or customizing this component or looking for custom Framer development? "}]},{"type":"paragraph","content":[{"type":"text","text":"Email "},{"type":"text","text":"nirav.jivani6@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:nirav.jivani6@gmail.com","target":"_blank"}}]},{"type":"text","text":". I usually reply within 24 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Thank you."}]}]},"introduction":"A scroll driven 3D cube showcase","slug":"scroll-services-3d","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","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019fa2a0-c3d5-77fb-8413-4fb8101627b2.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-27T08:11:18.947Z","updatedAt":"2026-07-27T13:38:14.666Z","publishedAt":"2026-07-27T08:11:18.939Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollservices3dsection.framer.website","price":"10","paymentUrl":"https://contra.com/payment-link/6WasAGrl-scroll-services-3-d-section","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"72ve5r2CFwFHBnXxpeF1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T08:11:19.509Z","updatedAt":"2026-07-27T08:11:19.509Z"}],"pagination":{"next":"MDE5ZmEyYTAtZGU1NS03MTFkLTllMDQtMzZiNjQxMzljOTlj","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]