61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62: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

63: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

64: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

65: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

66: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

67: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.

68: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.

69: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

6a: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.

6b: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.

6c: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.

6d: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.

6e:T582,

Scroll Story Reveal is a premium Framer component that transforms a fullscreen video into an engaging storytelling experience.

As visitors scroll, the video smoothly transitions from fullscreen into a focused media frame while content sections animate into view. Each step can include an eyebrow label, title, and description, making it ideal for presenting processes, services, timelines, case studies, or product journeys.

Built with flexible content management, users can add as many content blocks as needed and customize spacing, typography, media sizing, animations, and layout directly from the Framer properties panel.

Features

Fullscreen video intro
Smooth scroll-based video reveal
Left content panel (eyebrow + title)
Right content panel (description)
Unlimited content items
Fade-in content animations
Responsive design
Fully customizable properties
No code required
Optimized for Framer

Perfect For

Agency process sections
Service walkthroughs
Case studies
Product storytelling
Company timelines
Brand presentations
Portfolio showcases

6f:T542,

✨ Just launched MedSpa Glow - a premium Framer template built for medical spas, aesthetic clinics, Botox studios, laser clinics, and skincare brands.

Designed to do one thing:

➡ Turn visitors into booked consultations.

✔ 10 conversion-focused sections

✔ 6 CMS Collections

✔ Before & After Gallery

✔ Membership Pricing

✔ Testimonials

✔ Fully Responsive

✔ SEO Optimized

✔ Easy to Customize

Perfect for:

• Med Spas

• Botox Clinics

• Aesthetic Clinics

• Dermatologists

• Laser Clinics

• Wellness Centers

Built with ❤ in Framer.

70:T93f,

MedSpa Glow is a premium, conversion-focused Framer template built specifically for medical spas, aesthetic clinics, injectable studios, and skincare professionals. Every section is designed to build trust and drive one action: booking a consultation.

From a striking hero to a full treatments showcase, before-and-after results gallery, provider bios, membership tiers, and a friction-free booking section MedSpa Glow gives aesthetic businesses a website that looks as premium as the care they provide.

Fully responsive, CMS-ready, and easy to customize drop in your logo, colors, photos, and copy, then publish. No code required.

What's inside:

10 conversion-optimized sections — Navbar, Hero, Trust Bar, Treatments, Why Choose Us, Before & After, Meet the Team, Memberships, Testimonials, and FAQ + Booking.

6 CMS collections — Treatment Category, Blogs Category, Treatments, Results, Blogs, Author Details

Booking-first layout — a sticky "Book a Consultation" CTA and a dedicated contact/booking section engineered to convert.

Membership tiers section — showcase recurring-revenue packages (Essential / Plus / Elite) with a clear "Most Popular" highlight.

Trust-building throughout — star ratings, review counts, licensing badges, and social proof woven into every scroll.

Fully responsive — pixel-perfect on desktop, tablet, and mobile.

Easy customization — clean structure, organized layers, and placeholder-driven copy you can swap in minutes.

Perfect for:

Med spas
Aesthetic & cosmetic clinics
Botox & filler studios
Laser skin clinics
Dermatology practices
Skincare & facial studios
Wellness & IV therapy centers

Launch a website your clients will trust and that turns browsers into booked consultations.

For any questions, please do not hesitate to contact us at nirav.jivani6@gmail.com

71:T836,

🚀 Introducing VSL Elevate

a premium Framer template built for businesses, agencies, consultants, coaches, SaaS companies, and service providers who want to turn visitors into qualified leads and paying customers.

✅ High-Converting Video Sales Letter (VSL) Layout

✅ Sales Funnel & Lead Generation Funnel Structure

✅ Conversion-Focused User Journey

✅ Fully Responsive & SEO Optimized

✅ Modern Animations & Premium Design

✅ Easy Framer Customization

✅ Built for Bookings, Leads & Sales

Whether you're launching a new offer, running paid ads, promoting a SaaS product, selling a course, or growing a consulting business, VSL Elevate helps you create a seamless path from visitor to customer.

Perfect for:

• Marketing Agencies

• SaaS Startups

• Coaches & Consultants

• Freelancers

• Course Creators

• Service Businesses

• Digital Products

If you're looking for a Framer template designed around conversion funnels, video sales marketing, lead generation, customer acquisition, and sales growth, VSL Elevate is built for exactly that.

Live Preview: https://vslelevate.framer.website/

#Framer #FramerTemplate #SalesFunnel #LeadGeneration #VSL #VideoSalesLetter #ConversionRateOptimization #MarketingFunnel #LandingPage #SaaSMarketing #AgencyGrowth #CustomerAcquisition #DigitalMarketing #FramerCommunity #StartupMarketing

72:Ta8d,

A production-ready, no-code masonry grid for portfolios, galleries and case-study walls. Cards of any height pack tightly with true shortest-column-first logic, then reflow with smooth animation as visitors filter and sort.

Masonry

Per-item aspect ratio for varying heights
Adjustable gap

Responsive

Auto (min column width) or Breakpoints mode
Separate Desktop / Tablet / Mobile column counts
Custom breakpoints; adapts to any width

Filtering

Toggle the filter bar
Multi-category tags an item can live in several filters
Add, remove and reorder filter buttons
Editable Filter / All labels
Default: Branding, Web, Photography, Illustration, 3D

Sorting

Toggle the sort bar
Add, remove and reorder sort buttons
Presets: Featured, Name A–Z, Name Z–A, Newest, Oldest, Category
Per-item Number powers Newest / Oldest

Animation

FLIP-style reflow on every filter and sort
Adjustable duration
Six easings: Ease Out, In-Out, Spring, Linear, Circ Out, Back Out
Stagger for a cascade

Lightbox

Click action: Lightbox / Open Link / None
Fullscreen viewer, prev/next scoped to filtered items
Keyboard nav (arrows + Esc)
Toggle arrows, counter, caption; loop
Custom backdrop, control, caption colors and radius

Per item

Responsive image (srcSet), title, subtitle
Multi-select categories, number, aspect ratio, background, link

Card styling

Radius, background, optional shadow
Text on image or below
Show/hide title and subtitle
Title/subtitle color, size and font; text padding
Hover scale and lift

Toolbar styling

Alignment: Left / Center / Right / Spread
Bar gap and gap to grid
Label color; button radius, padding, font size
Active and idle colors
Filterable, sortable masonry with true column packing, animated reflow, a fullscreen lightbox and full styling control responsive and no-code.
masonry, gallery, portfolio, grid, lightbox, sortable, responsive, photography, animated

73:T594,

Just launched:

Scroll Services a scroll animated services section for Framer.

A sticky scroll-stack layout where each service card reveals one by one as you scroll turning a plain services list into an engaging, motion-first experience that keeps visitors scrolling.

Built as a clean, lightweight component that drops straight into any Framer project.

✅ Sticky scroll-stack reveal

✅ Smooth, performance optimized animations

✅ Numbered items with title + description

✅ Add, remove or reorder from the property panel

✅ Fully responsive desktop, tablet, mobile

✅ Light + dark ready, live canvas preview

Every part is editable from the property panel headings, titles, descriptions, fonts, accent color, spacing, corner radius, and animation behavior. Style it to any brand in seconds, no code needed.

Perfect for agency, portfolio, studio, SaaS, and freelancer sites.

Live now on the Framer Marketplace

74:T6de,

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

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

FEATURES

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

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

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

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

Keywords

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

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a-all:/unified/creator/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/activity/":[{"data":[{"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"},{"id":"01a0618b-0609-75fd-9175-d45837fa10cb","type":"template.created","target":{"type":"template","id":"72326","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":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":"template","visibility":"public","startedAt":"2026-09-02T09:54:56.137Z","latestAt":"2026-09-02T09:54:56.137Z"},{"id":"01a057a2-b08a-762f-abee-bbf1789d9c47","type":"component.created","target":{"type":"component","id":"jRt8fKRe5WEBYZADRiGw","preview":"Mosaic Index","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a057a0-44a0-72be-ab4a-37e184466f96.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-08-31T11:44:34.954Z","latestAt":"2026-08-31T11:44:34.954Z"},{"id":"01a02879-5498-770c-9ee1-81b0bec6b26b","type":"template.created","target":{"type":"template","id":"71696","preview":"RenovateHub","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a02873-221b-7499-a76f-4dca43ce129f.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":"template","visibility":"public","startedAt":"2026-08-22T07:57:15.288Z","latestAt":"2026-08-22T07:57:15.288Z"},{"id":"01a00f7a-7a06-71e4-b8b7-b7630b21c3b4","type":"plugin.created","target":{"type":"plugin","id":"1489","preview":"MapQ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a01ed1-9444-76df-a3c2-4592604a509d.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":"plugin","visibility":"public","startedAt":"2026-08-17T11:28:00.006Z","latestAt":"2026-08-17T11:28:00.006Z"},{"id":"01a003a5-fba4-726a-8cc2-2c49d4cf80be","type":"comment.created","target":{"type":"post","id":"019ff5e0-414b-7272-8084-787abdacdf67","preview":"VSL Launch","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ec9f8b6-f252-4c6d-8f6b-aa79cb5e1c86/019ff5df-be6b-72ba-9966-53d0cf6fc06b.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019ff5e0-414b-7272-8084-787abdacdf67","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a003a5-fb8d-732f-b7b5-41f855a14358","preview":"Very Clean","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Very Clean"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ff5e0-414b-7272-8084-787abdacdf67","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a003a5-fb8d-732f-b7b5-41f855a14358"},"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-08-15T04:20:04.644Z","latestAt":"2026-08-15T04:20:04.644Z"},{"id":"01a0007f-b48e-72a9-81bd-df2ee232a61a","type":"component.created","target":{"type":"component","id":"Z6M67wL5K41NalB1fnIf","preview":"OnScroll Testimonial","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a00073-d59a-75c4-93aa-5cb7bb726d72.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-08-14T13:39:24.430Z","latestAt":"2026-08-14T13:39:24.430Z"},{"id":"019ff1dc-f997-70d9-af3c-1f18aa2de295","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","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-08-11T17:26:58.706Z","latestAt":"2026-08-11T17:26:58.706Z"},{"id":"019fef43-77d6-730b-afb5-edaab1727506","type":"creator.followed","target":{"type":"creator","id":"f239daab-35f6-49d2-be26-4592b567a8f5","preview":"Template Devs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f239daab-35f6-49d2-be26-4592b567a8f5/zjp5sag7","slug":"template-devs","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-08-11T05:20:04.035Z","latestAt":"2026-08-11T05:20:04.035Z"},{"id":"019fd73a-56cd-716c-ab49-25e5f5fff322","type":"creator.followed","target":{"type":"creator","id":"0b5f3db5-8a37-49f0-9f50-4e8944ed9183","preview":"Kamil Łuszczyk","previewJson":null,"thumbnail":null,"slug":"kamil-uszczyk","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-08-06T13:19:12.586Z","latestAt":"2026-08-06T13:19:12.586Z"},{"id":"019fd738-b180-7429-8f8a-be6fbebd56a4","type":"creator.followed","target":{"type":"creator","id":"83652b84-ad87-4375-a9d3-f212b0fabc79","preview":"Daniel Sinewe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/156851/wsNWQcYu--L7f8vrmYma46XNeXdrwpGjGHiaM4xR","slug":"danielsinewe","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-08-06T13:17:24.724Z","latestAt":"2026-08-06T13:17:24.724Z"},{"id":"019fd232-f9e0-7565-8e88-7f588f2279e6","type":"component.liked","target":{"type":"component","id":"LsSqfIaonq675xPnnSmE","preview":"MapFlow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e345ab55-2332-4208-93c3-60dfe7e719ff/019fd691-1695-72c0-8e42-994ba7f4e9db.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-08-05T13:53:03.964Z","latestAt":"2026-08-05T13:53:03.964Z"}],"pagination":{"next":"MjAyNi0wOC0wNVQxMzo1MzowMy45NjRafDAxOWZkMjMyLWY5ZTAtNzU2NS04ZTg4LTdmNTg4ZjIyNzllNg","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":"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"DXKcZ53uhOBcYhzOdxi2","resolved":true,"title":"Slat Reveal Showcase","body":"$62","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"WdsJsVgSfyJ7ooZscl2l","resolved":true,"title":"Orbit Hero","body":"$63","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0ldRpoziRqL3GHAleXD5","resolved":true,"title":"How We Work","body":"$64","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"4wJjVlc58NaRIfI8QtvU","resolved":true,"title":"Hover Reveal Service","body":"$65","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"4Fo5YQXE6mTHhZRlaG7F","resolved":true,"title":"Circle of Faces","body":"$66","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"72326","resolved":true,"title":"VSLFlow","body":"$67","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","expert"],"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":208,"name":"Dark","slug":"dark"},{"id":247,"name":"Professional","slug":"professional"}],"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":[]}}],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"jRt8fKRe5WEBYZADRiGw","resolved":true,"title":"Mosaic Index","body":"$68","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","expert"],"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-08-31T12:15:44.006Z","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":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71696","resolved":true,"title":"RenovateHub","body":"$69","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","expert"],"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":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"},{"id":236,"name":"Light","slug":"light"},{"id":247,"name":"Professional","slug":"professional"}],"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":[]}}],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1489","resolved":true,"title":"MapQ","body":"$6a","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Z6M67wL5K41NalB1fnIf","resolved":true,"title":"OnScroll Testimonial","body":"$6b","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sYQdPvWYob8emTBiiYyJ","resolved":true,"title":"Works Gallery","body":"$6c","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","expert"],"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","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"dYxJhSpXf91qUabCgmuS","resolved":true,"title":"Scroll Services 3D","body":"$6d","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","expert"],"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"},{"id":"019f93b9-2e40-7248-973e-bbc8c04ec580","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"oKieFsBkQqI7pSkLSNub","resolved":true,"title":"Scroll Story Reveal","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Story Reveal ","marks":[{"type":"bold"}]},{"type":"text","text":"is a premium Framer component that transforms a fullscreen video into an engaging storytelling experience."}]},{"type":"paragraph","content":[{"type":"text","text":"As visitors scroll, the video smoothly transitions from fullscreen into a focused media frame while content sections animate into view. Each step can include an eyebrow label, title, and description, making it ideal for presenting processes, services, timelines, case studies, or product journeys."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with flexible content management, users can add as many content blocks as needed and customize spacing, typography, media sizing, animations, and layout directly from the Framer properties panel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen video intro"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scroll-based video reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left content panel (eyebrow + title)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Right content panel (description)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited content items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fade-in content animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable properties"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No code required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for Framer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency process sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Service walkthroughs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product storytelling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company timelines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand presentations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio showcases"}]}]}]}]},"introduction":"Scroll driven video storytelling","slug":"scroll-story-reveal","author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019f93b7-5d25-7564-adcd-ea92000e8589.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T10:43:34.117Z","updatedAt":"2026-07-24T14:02:33.801Z","publishedAt":"2026-07-24T10:43:34.096Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollstoryreveal.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/3WPzIxyi-scroll-story-reveal","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"kSaSWzmXgOL2R0dq8kjn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T10:43:34.592Z","updatedAt":"2026-07-24T10:43:34.592Z"},{"id":"019f7b93-5415-7650-8826-9e12a841be19","title":null,"body":"$6f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Just launched "},{"type":"text","text":"MedSpa Glow - a premium Framer template built for medical spas, aesthetic clinics, Botox studios, laser clinics, and skincare brands.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to do one thing:"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"arrow_right","emoji":"➡"}},{"type":"text","text":" Turn visitors into booked consultations."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" 10 conversion-focused sections"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" 6 CMS Collections"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Before & After Gallery"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Membership Pricing"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Testimonials"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Fully Responsive"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" SEO Optimized"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heavy_check_mark","emoji":"✔"}},{"type":"text","text":" Easy to Customize"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Med Spas"}]},{"type":"paragraph","content":[{"type":"text","text":"• Botox Clinics"}]},{"type":"paragraph","content":[{"type":"text","text":"• Aesthetic Clinics"}]},{"type":"paragraph","content":[{"type":"text","text":"• Dermatologists"}]},{"type":"paragraph","content":[{"type":"text","text":"• Laser Clinics"}]},{"type":"paragraph","content":[{"type":"text","text":"• Wellness Centers"}]},{"type":"paragraph","content":[{"type":"text","text":"Built with "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" in "},{"type":"text","text":"Framer","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/eBfAZLp","metadata":{"title":"MedSpa Glow: Responsive Health Website Template by Nirav Jivani","description":"Med Spa, Botox, Aesthetics Clinic — MedSpa Glow by Nirav Jivani — explore this Framer Template on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/3ed96c2c6691d8c8/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-19T18:11:20.729Z","updatedAt":"2026-07-19T18:11:20.729Z"},{"id":"019f6fdd-c87c-7092-813f-3600360d60a1","title":null,"body":"

✨ MedSpa Glow is live.

A conversion-focused Framer template built for med spas, aesthetic clinics, and injectable studios.

Booking-first layout · 6 CMS collections · Before/After results gallery · Full blog system · Membership tiers · Fully responsive.

Built for clinics that want a site as premium as the care they give.

→ https://medspaglow.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"MedSpa Glow is live.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A conversion-focused Framer template built for med spas, aesthetic clinics, and injectable studios."}]},{"type":"paragraph","content":[{"type":"text","text":"Booking-first layout · 6 CMS collections · Before/After results gallery · Full blog system · Membership tiers · Fully responsive.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for clinics that want a site as premium as the care they give."}]},{"type":"paragraph","content":[{"type":"text","text":"→ "},{"type":"text","text":"https://medspaglow.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://medspaglow.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"69682","resolved":true,"title":"MedSpa Glow","body":"$70","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MedSpa Glow","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium, conversion-focused Framer template built specifically for "},{"type":"text","text":"medical spas, aesthetic clinics, injectable studios, and skincare professionals","marks":[{"type":"bold"}]},{"type":"text","text":". Every section is designed to build trust and drive one action: booking a consultation."}]},{"type":"paragraph","content":[{"type":"text","text":"From a striking hero to a full treatments showcase, before-and-after results "},{"type":"text","text":"gallery, provider bios, membership tiers, and a friction-free booking section","marks":[{"type":"bold"}]},{"type":"text","text":" MedSpa Glow gives aesthetic businesses a website that looks as premium as the care they provide."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, CMS-ready, and easy to customize drop in your logo, colors, photos, and copy, then publish. No code required.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"10 conversion-optimized sections — ","marks":[{"type":"bold"}]},{"type":"text","text":"Navbar, Hero, Trust Bar, Treatments, Why Choose Us, Before & After, Meet the Team, Memberships, Testimonials, and FAQ + Booking."}]},{"type":"paragraph","content":[{"type":"text","text":"6 CMS collections —","marks":[{"type":"bold"}]},{"type":"text","text":" Treatment Category, Blogs Category, Treatments, Results, Blogs, Author Details"}]},{"type":"paragraph","content":[{"type":"text","text":"Booking-first layout —","marks":[{"type":"bold"}]},{"type":"text","text":" a sticky \"Book a Consultation\" CTA and a dedicated contact/booking section engineered to convert."}]},{"type":"paragraph","content":[{"type":"text","text":"Membership tiers section — ","marks":[{"type":"bold"}]},{"type":"text","text":"showcase recurring-revenue packages (Essential / Plus / Elite) with a clear \"Most Popular\" highlight."}]},{"type":"paragraph","content":[{"type":"text","text":"Trust-building throughout —","marks":[{"type":"bold"}]},{"type":"text","text":" star ratings, review counts, licensing badges, and social proof woven into every scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive —","marks":[{"type":"bold"}]},{"type":"text","text":" pixel-perfect on desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy customization —","marks":[{"type":"bold"}]},{"type":"text","text":" clean structure, organized layers, and placeholder-driven copy you can swap in minutes."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Med spas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Aesthetic & cosmetic clinics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Botox & filler studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Laser skin clinics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dermatology practices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Skincare & facial studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wellness & IV therapy centers"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Launch a website your clients will trust and that turns browsers into booked consultations."}]},{"type":"paragraph","content":[{"type":"text","text":"For any questions, please do not hesitate to contact us at ","marks":[{"type":"bold"}]},{"type":"text","text":"nirav.jivani6@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:nirav.jivani6@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Med Spa, Botox, Aesthetics Clinic","slug":"medspa-glow","author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019f6fd7-f1e2-729e-ba98-c4b558841cfc.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/019f6fd8-00b9-74d2-beb7-d11a333c2b35.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019f6fd8-0fb6-7787-8372-4fcb9fcf8356.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019f6fd8-188e-773b-b9ea-5a213498673c.jpg","metadata":{"tint":{"h":40,"s":38,"l":50},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-17T11:37:13.267Z","updatedAt":"2026-07-21T05:07:10.863Z","publishedAt":"2026-07-17T11:37:13.263Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://contra.com/payment-link/RoVGpc3Q-med-spa-glow-med-spa-botox-and-aesthetics-clinic-framer-template","remixUrl":null,"previewUrl":"https://medspaglow.framer.website/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":238,"name":"Medical","slug":"medical"},{"id":224,"name":"Hair & Beauty","slug":"hair-and-beauty"},{"id":257,"name":"Therapy","slug":"therapy"}],"styles":[{"id":208,"name":"Dark","slug":"dark"},{"id":236,"name":"Light","slug":"light"},{"id":243,"name":"Pastel","slug":"pastel"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":13,"name":"Health","slug":"health"},"features":[{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-17T11:37:13.596Z","updatedAt":"2026-07-17T11:37:13.596Z"},{"id":"019f668d-bece-7518-ba93-7dae2415d2b1","title":null,"body":"$71","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Introducing "},{"type":"text","text":"VSL Elevate ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"a premium Framer template built for businesses, agencies, consultants, coaches, SaaS companies, and service providers who want to turn visitors into qualified leads and paying customers."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" High-Converting Video Sales Letter (VSL) Layout"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Sales Funnel & Lead Generation Funnel Structure"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Conversion-Focused User Journey"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Fully Responsive & SEO Optimized"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Modern Animations & Premium Design"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Easy Framer Customization"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Built for Bookings, Leads & Sales"}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're launching a new offer, running paid ads, promoting a SaaS product, selling a course, or growing a consulting business, VSL Elevate helps you create a seamless path from visitor to customer."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Marketing Agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"• SaaS Startups"}]},{"type":"paragraph","content":[{"type":"text","text":"• Coaches & Consultants"}]},{"type":"paragraph","content":[{"type":"text","text":"• Freelancers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Course Creators"}]},{"type":"paragraph","content":[{"type":"text","text":"• Service Businesses"}]},{"type":"paragraph","content":[{"type":"text","text":"• Digital Products"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you're looking for a Framer template designed around conversion funnels, video sales marketing, lead generation, customer acquisition, and sales growth, VSL Elevate is built for exactly that."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: "},{"type":"text","text":"https://vslelevate.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://vslelevate.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #SalesFunnel #LeadGeneration #VSL #VideoSalesLetter #ConversionRateOptimization #MarketingFunnel #LandingPage #SaaSMarketing #AgencyGrowth #CustomerAcquisition #DigitalMarketing #FramerCommunity #StartupMarketing"}]},{"type":"paragraph"}]},"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://vslelevate.framer.website/","metadata":{"title":"VSLElevate – Premium VSL Framer Template for Consultants, Coaches & Agencies | By Nirav Jivani","description":"VSL Elevate is a premium Framer template designed for agencies, coaches, SaaS, freelancers, and service businesses to build modern, high-converting VSL landing pages.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/c493a99ba9036a78/image.svg","siteName":"","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/c493a99ba9036a78/favicon.svg"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"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-15T16:13:13.301Z","updatedAt":"2026-07-15T16:13:13.301Z"},{"id":"019f60dd-52a7-755a-96d5-04ff68b42bbf","title":null,"body":"

MasonFilter is now live on the Framer Marketplace 🎉

A filterable, sortable masonry grid with a built-in lightbox. Cards of any height pack tightly using true shortest-column-first logic no gaps then reflow with smooth animation as visitors filter and sort. Click any item to open a fullscreen lightbox.

What's inside:

• True JS masonry packing no gaps

• Filter by category + sort (Featured, A–Z, Newest…)

• Animated FLIP-style reflow

• Built-in fullscreen lightbox with keyboard nav

• Responsive auto / breakpoint columns

• Deep styling: cards, hover, fonts, toolbar

Fully responsive and fully styleable no code.

Get it here →

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MasonFilter is now live on the Framer Marketplace ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"A filterable, sortable masonry grid with a built-in lightbox. Cards of any height pack tightly using true shortest-column-first logic no gaps then reflow with smooth animation as visitors filter and sort. Click any item to open a fullscreen lightbox."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• True JS masonry packing no gaps"}]},{"type":"paragraph","content":[{"type":"text","text":"• Filter by category + sort (Featured, A–Z, Newest…)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Animated FLIP-style reflow"}]},{"type":"paragraph","content":[{"type":"text","text":"• Built-in fullscreen lightbox with keyboard nav"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive auto / breakpoint columns"}]},{"type":"paragraph","content":[{"type":"text","text":"• Deep styling: cards, hover, fonts, toolbar"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and fully styleable no code.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get it here → ","marks":[{"type":"bold"},{"type":"italic"}]}]}]},"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/36ZMFcN","metadata":{"title":"MasonFilter: Premium Layout Component by Nirav Jivani","description":"Filterable masonry with lightbox — MasonFilter by Nirav Jivani — explore this Framer Component on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/33a017c9fbca6a6d/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-14T13:42:25.203Z","updatedAt":"2026-07-14T13:42:25.203Z"},{"id":"019f5f26-4b87-751b-90cb-011b5a217ff7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"D4ESNcFygh2AhfJtZh2S","resolved":true,"title":"MasonFilter","body":"$72","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A production-ready, no-code masonry grid for portfolios, galleries and case-study walls. Cards of any height pack tightly with true shortest-column-first logic, then reflow with smooth animation as visitors filter and sort."}]},{"type":"paragraph","content":[{"type":"text","text":"Masonry","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-item aspect ratio for varying heights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable gap"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto (min column width) or Breakpoints mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate Desktop / Tablet / Mobile column counts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom breakpoints; adapts to any width"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Filtering","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle the filter bar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-category tags an item can live in several filters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add, remove and reorder filter buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable Filter / All labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Default: Branding, Web, Photography, Illustration, 3D"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Sorting","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle the sort bar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add, remove and reorder sort buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Presets: Featured, Name A–Z, Name Z–A, Newest, Oldest, Category"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-item Number powers Newest / Oldest"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Animation","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"FLIP-style reflow on every filter and sort"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six easings: Ease Out, In-Out, Spring, Linear, Circ Out, Back Out"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stagger for a cascade"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Lightbox","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click action: Lightbox / Open Link / None"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fullscreen viewer, prev/next scoped to filtered items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard nav (arrows + Esc)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle arrows, counter, caption; loop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom backdrop, control, caption colors and radius"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Per item","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive image (srcSet), title, subtitle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-select categories, number, aspect ratio, background, link"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Card styling","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Radius, background, optional shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text on image or below"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show/hide title and subtitle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title/subtitle color, size and font; text padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover scale and lift"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Toolbar styling","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Alignment: Left / Center / Right / Spread"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bar gap and gap to grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Label color; button radius, padding, font size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Active and idle colors"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Filterable, sortable masonry with true column packing, animated reflow, a fullscreen lightbox and full styling control responsive and no-code."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"masonry, gallery, portfolio, grid, lightbox, sortable, responsive, photography, animated"}]}]}]}]},"introduction":"Filterable masonry with lightbox","slug":"masonfilter","author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/01a027e2-fa3e-740c-9ba3-d4257458425d.png","metadata":{"tint":{"h":240,"s":26,"l":65},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-14T05:42:52.742Z","updatedAt":"2026-09-16T13:24:26.716Z","publishedAt":"2026-07-14T05:42:52.739Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://masonfilter.framer.website","price":"10","paymentUrl":"https://contra.com/payment-link/6ZrsA9XR-mason-filter","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"zGSgO9Te10QQs5OOkafv","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-07-14T05:42:53.064Z","updatedAt":"2026-07-14T05:42:53.064Z"},{"id":"019f5bbe-de74-759e-aaf9-f8dffb4eaad1","title":null,"body":"$73","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched: ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Services a scroll animated services section for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A sticky scroll-stack layout where each service card reveals one by one as you scroll turning a plain services list into an engaging, motion-first experience that keeps visitors scrolling."}]},{"type":"paragraph","content":[{"type":"text","text":"Built as a clean, lightweight component that drops straight into any Framer project."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Sticky scroll-stack reveal"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Smooth, performance optimized animations"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Numbered items with title + description"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Add, remove or reorder from the property panel"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Fully responsive desktop, tablet, mobile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Light + dark ready, live canvas preview"}]},{"type":"paragraph","content":[{"type":"text","text":"Every part is editable from the property panel headings, titles, descriptions, fonts, accent color, spacing, corner radius, and animation behavior. Style it to any brand in seconds, no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for agency, portfolio, studio, SaaS, and freelancer sites.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live now on the Framer Marketplace","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","expert"],"followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/vEV5KTS","metadata":{"title":"Scroll Services: Premium Sections Component by Nirav Jivani","description":"Sticky scroll services showcase — Scroll Services by Nirav Jivani — explore this Framer Component on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/ce30ac2decea8874/image.jpg","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T13:51:03.288Z","updatedAt":"2026-07-13T13:51:03.288Z"},{"id":"019f5a26-9821-71e0-97e3-bdaadbc30bb5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"QGUv8EyTaPjdOkEJuZpi","resolved":true,"title":"Scroll Services","body":"$74","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll Services","marks":[{"type":"bold"}]},{"type":"text","text":" is a scroll-animated services section that showcases your offerings with a smooth, sticky-scroll reveal effect all in a single, beautifully designed block."}]},{"type":"paragraph","content":[{"type":"text","text":"As visitors scroll down the page, each service card animates into view one by one, turning a plain services list into an engaging, motion-first experience that keeps users scrolling. Built as a clean, lightweight TSX code component that drops straight into any Framer project."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"FEATURES","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky scroll-stack layout services reveal one by one as you scroll","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, performance optimized scroll animations (no jank, no lag)","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Numbered service items with title and description for each entry"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add, remove or reorder services directly from the property panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive adapts cleanly across desktop, tablet and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live canvas preview see your changes instantly, no page reload"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"FULLY CUSTOMIZABLE","marks":[{"type":"bold"}]},{"type":"text","text":" Every part is editable from the property panel headings, service titles and descriptions, fonts, accent color, background, text colors, spacing, corner radius and scroll/animation behavior. Style it to match any brand in seconds, no code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to Framer standards, so it looks perfect in canvas, previews and exports. Works great on any breakpoint and in both light and dark designs."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it into agency, portfolio, studio, SaaS or freelancer sites and give your services section real motion in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"services, scroll, animation, sticky, section, agency, portfolio, reveal, motion, showcase, landing page"}]}]},"introduction":"Sticky scroll services showcase","slug":"scroll-services","author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019f5a26-72a3-73ad-bd25-fff8f3778e29.jpg","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-13T06:25:06.272Z","updatedAt":"2026-07-24T12:41:30.490Z","publishedAt":"2026-07-13T06:25:06.267Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollservices.framer.website","price":"10","paymentUrl":"https://contra.com/payment-link/GHFnHV3R-scroll-services","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"Yqpa5hgpOBH6P0GEHilL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":49,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T06:25:06.595Z","updatedAt":"2026-07-13T06:25:06.595Z"}],"pagination":{"next":"MDE5ZjVhMjYtOTgyMS03MWUwLTk3ZTMtYmRhYWRiYzMwYmI1","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L75"}]