51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T4d5,No Framer, pôr o app numa subpasta do site em vez de num subdomínio custa US$ 200 por mês sobre o plano Pro. Antes de assinar, vale saber o que o Google diz sobre a diferença. O Multi Site junta vários projetos e sites externos sob um único domínio, por regras de rewrite: o endereço que o visitante digitou fica, e o conteúdo vem de outro lugar. Segundo a ajuda do Framer sobre Multi Site, atualizada em 15 de setembro de 2026, as regras agora ficam em Site Settings, Hosting, Multi Site, e só valem depois de publicar o projeto. O recurso vem no Advanced Hosting. A página de preços do Framer mostra o add-on com no máximo seis rewrites. Com subdomínio, basta apontar o DNS. E o SEO? Em maio de 2018, John Mueller, analista do Google, afirmou que subdomínio e subdiretório são vistos igual, segundo o Search Engine Journal. O critério é de conteúdo: blog e central de ajuda são o mesmo site e apontam para a subpasta. O painel logado ninguém procura no Google. No artigo estão o que quebra quando o app vai para a subpasta (caminho base, cookies, senha, medição), a migração página por página com uma única regra curinga e as quatro situações para decidir entre subdomínio, Multi Site e um projeto só.53:Tae4,

It runs on MapLibre GL with OpenFreeMap tiles, so there is no API key, no account, no billing and no usage quota to set up.

An interactive store locator that pairs a scrollable location list with a responsive map, letting visitors select, explore, and navigate between locations

Features

Interactive location cards and map
Click, tap, or hover to select locations
Smooth map fly-to animations
Automatic address geocoding
Custom latitude and longitude support
Interactive map markers
Click markers to select locations
Static-render optimized for Framer

How it works

Add your locations. Each one has a tag, a name, an address, an optional photo, a link label and a link URL.
Choose how each pin is placed.
- From address: type the address and the component finds the pin automatically.
- Coordinates: enter latitude and longitude yourself for exact, instant pins with no lookup.
The map frames everything. On load, the map zooms to fit all your pins in one view.
Visitors explore.
- Click or tap a card and the map flies to that location, the marker gets a highlight ring, and the card turns active.

Customize

Locations, images, names, tags, and addresses
Location links and link labels
Address or coordinate-based positioning
Map style and custom style URL
Selection mode: click or hover
Map zoom, fly duration, and fit padding
List width, spacing, padding, and card layout
Card and map radius
Marker size and colors
Light, dark, or custom color themes
Heading and typography

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 1600+ users.

Browse Library

54:T8f5,

Hover Project List – Interactive Portfolio Index with Modal for Framer

Live Preview

Showcase your work with a clean, interactive project list built for Framer. Hover over any row and a smooth highlight pill glides between projects. Click a row to open a detail modal with the project image, title, category, year, description and link.

Each row shows a thumbnail, title, category and year, with an optional divider between them. The layout is easy to tune from the property panel: row height, gap, padding, thumbnail size and radius, all grouped into simple controls. Style the fonts, colors, dividers, highlight and spring motion, and customize the modal's layout, typography, close button and link to match your brand.

Key features

Gliding hover highlight with adjustable color, radius, overflow, shadow and spring
Click-to-open detail modal with image, meta, description and link
Keyboard accessible, with focus support, Escape to close and page scroll lock while open
Responsive modal that stacks on mobile
Vertically centered rows that work at any height, including full viewport
Static-renderer safe for fast canvas previews and exports
Fully editable project list with image, title, category, year, description and link
Clean, grouped controls and sensible defaults

Perfect for: designer and developer portfolios, agency and studio websites, case study indexes, work pages, and creative project showcases.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users.

Browse Library

55:Tb97,

Animated testimonial card for Framer with logo reveals, smooth fades, autoplay, drag-to-swipe (mobile), and six color themes.

Live Preview

When the slide changes, the old content fades out and the new content enters one piece at a time, with the logo sliding up from behind a mask.

Features

Animation

Staggered entrance: quote first, then logo, name and role
Logo reveal that slides up through a mask
The active dot stretches into a pill and the others shrink back
One Anim Speed control (0.25x–3x) scales every timing together
Respects the visitor's reduced-motion setting

Navigation

Autoplay with an adjustable interval (on by default, 2.5s)
Click any dot to jump to that testimonial, which also restarts the autoplay timer
Optional drag/swipe to change slides (off by default)
Left and right arrow keys work from the keyboard
Autoplay pauses when the card is off screen and resumes when it comes back

Content

Up to 12 testimonials in one editable list
Each has a logo, quote, name and role

Design

Six themes: Sunset, Noir, Midnight, Forest, Lavender and Paper
A Custom theme that unlocks the color controls
Adjustable radius, padding, content gap and the gap above the dots

Typography

Separate Framer font controls for the logo, quote, name and role, so you can use any font in your project
Logo icon size follows the logo font size

Dots

Size, active width, gap and alignment (left, center or right)
Custom colors for the dots and the active pill

How it works

Add it.
Write your testimonials.
Pick a look.
Set the size.
Tune the behavior.
Style the text and dots.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users.

Browse Library

56:Ta53,

Live Preview

An interactive 3D circular image gallery that brings cards forward with hover effects, parallax movement, and smooth full-screen previews — fully responsive and customizable.

Features

Interactive circular image layout
3D hover rotation and scale effects
Cursor-based parallax movement
Click-to-open large image preview
Smooth gallery rotation and zoom animation
Animated title and CTA reveal
Custom CTA links for each image
Adjustable circle radius and gallery size
Multiple image aspect ratios
Custom card roundness and perspective
Responsive hover breakpoint
Keyboard focus support
Static-render optimized for Framer

Fully Customizable

Everything can be adjusted directly from Framer’s property panel, from your gallery content and card layout to hover behavior, preview animations, typography, colors, and CTA settings.

Customize

Images, titles, and CTA links
Circle radius and gallery size
Card aspect ratio and roundness
Perspective and responsive settings
Hover scale and parallax strength
Hover breakpoint
Preview duration and zoom
Title font, alignment, color, and spacing
CTA typography, colors, and position
Gallery background

How It Works

Images are arranged automatically around a circular layout. Hovering over a card rotates and scales it forward while the gallery responds to your cursor with subtle parallax. Click a card to bring it forward into a large preview, where its title and CTA reveal with a smooth masked animation. Click outside or press Escape to return to the gallery.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 1500+ users.

Browse Library

57:T97c,

Live Preview

A scroll-driven text animation that reveals lines from a soft, melted blur into sharp, readable text, with a fluid gooey effect that follows the scroll — fully customizable.

Features

Scroll-driven text reveal
Line-by-line text animation
Gooey liquid blur effect
Adjustable blur amount
Custom gooey strength and threshold
Adjustable line stagger
Optional repeat animation
Reveal-once mode
Optional smooth scrolling
Custom font, color, and alignment
CMS and variable text support
Responsive text layout
Static-render optimized for Framer

Fully Customizable

Everything can be adjusted directly from Framer’s property panel, from the text styling and gooey effect to line timing, reveal behavior, alignment, and smooth scrolling.

Customize

Text content and paragraph spacing
Font, size, weight, and line height
Text color and alignment
Blur amount
Gooey strength and threshold
Line-by-line reveal and stagger
Repeat or reveal-once behavior
Smooth scrolling
CMS or variable text binding

How It Works

As the text enters the viewport, each line begins as a soft, melted blur and gradually sharpens into focus as you scroll. Lines reveal one after another with an overlapping gooey transition, creating a fluid hand-off between each line. Scroll back up to melt the text again when repeat mode is enabled.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com.

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users.

Browse Library

58:Taa3,

Live Preview

A circular image gallery that continuously rotates images around an adjustable oval orbit, with scroll-controlled acceleration, interactive hover scaling, and an optional centered logo — fully customizable.

Features

Circular image orbit with adjustable oval shape
Automatic continuous rotation
Clockwise or counterclockwise rotation
Scroll-controlled rotation acceleration
Adjustable maximum rotation speed
Smooth speed easing
Interactive hover scaling
Optional dimming of inactive images
Adjustable hover scale and idle zoom
Custom hover duration and easing
Optional centered logo
Keyboard-focus support for interactive images
Static-render optimized for Framer

Fully Customizable

Everything can be adjusted directly from Framer’s property panel, from the image gallery and orbit layout to rotation behavior, hover interactions, logo positioning, colors, and animation settings.

Customize

Image width, height, and border radius
Oval orbit width and height
Orbit tilt
Background color
Auto-rotation and rotation speed
Clockwise or counterclockwise direction
Scroll acceleration and maximum speed
Speed easing
Hover scale and idle zoom
Dim inactive images and brightness
Hover animation duration and easing

How It Works

Add your images and they are arranged automatically around an adjustable oval orbit. When auto-rotation is enabled, the gallery continuously moves around the orbit. Scrolling accelerates the rotation and changes its direction based on the scroll movement. Hovering or focusing an image brings it forward with a scale effect while the other images can dim into the background. An optional logo stays centered over the gallery.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Tags and keywords

image gallery, carousel, circular gallery, rotating gallery, orbit, portfolio, hero section, showcase, scroll animation, hover effect, GSAP

59:Tb39,

A scroll-triggered image grid for Framer with zoom-in reveals, sliding captions, smooth Lenis scrolling and custom column layouts.

Live Preview

Scroll Reveal Image Grid is a responsive, scroll-animated image gallery for Framer that turns a standard image grid into a more dynamic visual experience.

Features

Scroll-driven image reveal animation
Smooth GSAP ScrollTrigger motion
Lenis-powered smooth scrolling
Scroll-scrubbed animation
Subtle, normal, and strong reveal intensity
Automatic reveal origin detection
Left or right reveal direction
Custom image captions
Title and year/meta information
Flexible CSS grid-based layout
Custom column and row positioning
Adjustable column spans for individual images
Desktop and mobile column controls
Responsive mobile layout
Custom image aspect ratio
Adjustable image border radius
Adjustable row and column gaps
Optional column guide lines
Custom caption typography and colors
Image hover caption color
Clickable image links
Optional new-tab links
Custom mobile breakpoint
Adjustable section spacing
Reduced-motion support
Framer static-render support

Scroll Reveal Animation

The main interaction is driven by scroll position. As each image enters the reveal area, its outer image and inner content smoothly scale toward their final size while the caption moves in from the corresponding side.

Customize

Add up to 40 images
Set image alt text
Add project titles
Add years or metadata
Add custom links
Open links in a new tab
Set desktop column count
Set mobile column count
Adjust column and row gaps
Set individual image column placement
Set individual image spans
Adjust image aspect ratio
Set image corner radius
Enable or disable animation
Choose reveal intensity
and more

How It Works

Add your images through the Framer property panel, assign titles and metadata, then arrange each image using its column and span settings. When visitors scroll through the gallery, GSAP ScrollTrigger connects the reveal animation directly to the scroll position.

5a:T9d6,

Live Preview

A compact menu button that expands into a large, polished navigation panel with smooth motion, animated links, and customizable footer links — fully responsive and customizable.

Features

Smooth expanding panel animation
Menu icon morphs into an X
Animated navigation link reveal
3D-style link entrance motion
Custom navigation and footer links
Optional new-tab links
Custom panel size, radius, and spacing
Custom typography and text transform
Separate open/closed button and icon colors
Adjustable animation duration, stagger, delay, and easing
Responsive sizing based on the available space
Static-render optimized for Framer

Fully Customizable

Everything can be adjusted directly from Framer’s property panel, from the menu button and panel layout to navigation, footer links, typography, colors, spacing, and animation behavior.

Customize

Menu icon size, padding, radius, and panel dimensions
Panel and button colors
Navigation and footer links
Typography, case, and spacing
Link hover colors
Panel animation timing
Link reveal movement, rotation, perspective, and stagger
Footer reveal timing and easing

How It Works

Click the menu button to expand the panel. The button moves into position while the icon transforms into an X, followed by the navigation links revealing with a smooth 3D motion. Footer links then appear underneath. Clicking outside or pressing Escape closes the menu with the reverse animation.

Need help setting it up?

If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at support@russetsupply.com

Explore More

Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users.

Browse Library

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-d84b3af4-cf3a-4f8c-a330-137560bb6207-all:/unified/creator/d84b3af4-cf3a-4f8c-a330-137560bb6207/activity/":[{"data":[{"id":"01a111d0-71ca-768c-8925-0efc18f1a9f0","type":"creator.followed","target":{"type":"creator","id":"d1af273a-8679-4815-ad73-52de2d41e649","preview":"Julian Vogelsang","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d1af273a-8679-4815-ad73-52de2d41e649/u2t23f0f","slug":"julianvogelsang","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T15:23:55.701Z","latestAt":"2026-10-06T15:23:55.701Z"},{"id":"01a111cf-8ec7-7013-a02e-e62f76b81748","type":"creator.followed","target":{"type":"creator","id":"7adbc810-fb6d-488b-86fe-e018224298a7","preview":"justyna","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/0u9fmrbp","slug":"justyna","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T15:22:57.583Z","latestAt":"2026-10-06T15:22:57.583Z"},{"id":"01a10d04-83db-77cf-ad21-6b3438584667","type":"component.created","target":{"type":"component","id":"yVFPG1S5Oh6QIrOaufJV","preview":"Store Locator Map","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a10d03-1fd6-767a-9b5e-81c38d3996ff.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-05T17:02:42.139Z","latestAt":"2026-10-05T17:02:42.139Z"},{"id":"01a10835-e888-74c8-b534-2974c1b17781","type":"creator.followed","target":{"type":"creator","id":"a1e0c773-d1ab-4dc1-86de-645157218a97","preview":"BuiltByKern","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:38:33.063Z","latestAt":"2026-10-04T18:38:33.063Z"},{"id":"01a1082f-eb7d-77ea-bfee-b879417eb25a","type":"creator.followed","target":{"type":"creator","id":"b3864b67-a817-459c-ae56-7ac225ef90fb","preview":"WicoLux","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b3864b67-a817-459c-ae56-7ac225ef90fb/zllmsj6u","slug":"wicolux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:32:00.631Z","latestAt":"2026-10-04T18:32:00.631Z"},{"id":"01a10822-3f26-7199-b449-e8637100a1a3","type":"site.liked","target":{"type":"site","id":"17967","preview":"Axed Media","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/788027ec-a403-40a6-8afb-026f3c6e78b9/01a10795-0113-7120-a32f-50aee583a9d2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-04T18:17:04.546Z","latestAt":"2026-10-04T18:17:04.546Z"},{"id":"01a10822-2acf-7528-8adc-8c6f7f9aeabc","type":"post.liked","target":{"type":"post","id":"01a10673-4d4d-7017-8d62-588bd4ef23a0","preview":"Automation isn’t valuable just because it saves clicks.\nIt’s valuable when your business can finally stop depending on people to repeat the same work every day.\nAoutive is designed around that idea: connect your tools, build reliable workflows, and let the system keep running as you scale.\nBuilt by Gr8r Studio.\nFree to Remix in Framer → https://aoutive.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Automation","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/GeksdVl","target":"_blank"}}]},{"type":"text","text":" isn’t valuable just because it saves clicks."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s valuable when your business can finally stop depending on people to repeat the same work every day."}]},{"type":"paragraph","content":[{"type":"text","text":"Aoutive is designed around that idea: connect your tools, build reliable workflows, and let the system keep running as you scale.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/GeksdVl","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built by Gr8r Studio."}]},{"type":"paragraph","content":[{"type":"text","text":"Free","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/GeksdVl","target":"_blank"}}]},{"type":"text","text":" to "},{"type":"text","text":"Remix","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/GeksdVl","target":"_blank"}}]},{"type":"text","text":" in Framer → "},{"type":"text","text":"https://aoutive.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://aoutive.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b2e693cc-f59c-4f8e-bde0-94300933232f/01a10671-5e10-77de-aee7-32905acc8274.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a10673-4d4d-7017-8d62-588bd4ef23a0","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:16:59.337Z","latestAt":"2026-10-04T18:16:59.337Z"},{"id":"01a10821-c205-76cc-8d05-b6bd1aa86d51","type":"post.liked","target":{"type":"post","id":"01a107ad-49bd-72e8-a523-8eb449aba3ed","preview":"Been working on this for a while my new real estate template drops\n tomorrow. Curious what you 'll think.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been working on this for a while my new real estate template drops"}]},{"type":"paragraph","content":[{"type":"text","text":" tomorrow. Curious what you 'll think."}]}]},"thumbnail":"https://image.mux.com/02xZj2f6GyJOYOAjleq8u5O151Nv6xtgWf00yTqp02GI01A/thumbnail.webp?time=26.5","targetDeleted":false,"owned":false,"actions":{"postId":"01a107ad-49bd-72e8-a523-8eb449aba3ed","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:16:32.513Z","latestAt":"2026-10-04T18:16:32.513Z"},{"id":"01a10821-bbcc-743b-9575-cd429fc67d35","type":"post.liked","target":{"type":"post","id":"01a107af-b5cf-701d-a6b1-1aeecdc4c216","preview":"Been working on this for a while my new real estate template drops tomorrow. \nCurious what you 'll think.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Been working on this for a while my new real estate template drops tomorrow. "}]},{"type":"paragraph","content":[{"type":"text","text":"Curious what you 'll think."}]}]},"thumbnail":"https://image.mux.com/J9cVvJ1028lkLUZMfWZJEX2upYvML7IDZkvQpKNttzGU/thumbnail.webp?time=26.5","targetDeleted":false,"owned":false,"actions":{"postId":"01a107af-b5cf-701d-a6b1-1aeecdc4c216","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:16:30.919Z","latestAt":"2026-10-04T18:16:30.919Z"},{"id":"01a10821-8c4c-7062-9eb5-fd989d973daa","type":"template.liked","target":{"type":"template","id":"74684","preview":"NOIRÉ Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0b558ae9-659c-48b6-aad4-213b69082ddf/01a107b4-1cba-77ca-8bfe-677cf4c2c6e6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T18:16:18.761Z","latestAt":"2026-10-04T18:16:18.761Z"},{"id":"01a10821-8338-70ec-945f-ab20e957319e","type":"component.liked","target":{"type":"component","id":"mKf4BzcGLMeIPNm644yJ","preview":"Burn Text Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cdbd7ebc-86d4-4b64-baea-421f236c7c35/01a107ba-ab0a-7740-a580-b5d4d9271c99.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:16:16.436Z","latestAt":"2026-10-04T18:16:16.436Z"},{"id":"01a1081b-f0b4-7373-9d5b-2c83161a3dfc","type":"template.liked","target":{"type":"template","id":"74682","preview":"Makeupy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/79f76133-1971-4b5c-b7e9-023aa640dc1c/01a107a4-8604-74a4-ab39-fe1e72d3d62f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T18:10:11.248Z","latestAt":"2026-10-04T18:10:11.248Z"},{"id":"01a1081b-ea8c-772f-a627-01ac4fb32f47","type":"site.liked","target":{"type":"site","id":"17969","preview":"Zimmerei Patrick Lev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e8a9dbb-f8bf-4170-80d7-b336974c40cf/01a107c8-4c7b-731b-8d61-8b946d3688c6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-04T18:10:09.673Z","latestAt":"2026-10-04T18:10:09.673Z"},{"id":"01a1081b-e2c7-70e3-b679-1c0147ea307e","type":"post.liked","target":{"type":"post","id":"01a10727-0e5f-7538-ad34-acbf07f3d085","preview":"Coming soon - new framer template\npreviously have showed dark version. now check its light version\nCurrently polishing the final details before submitting it to the Framer Marketplace.\nComing soon.\n#Framer #FramerTemplate #FramerMarketplace #WebDesign #UIDesign #PortfolioWebsite #FramerDesigner #WebDesigner #MadeInFramer #ComingSoon","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Coming soon - new framer template"}]},{"type":"paragraph","content":[{"type":"text","text":"previously have showed dark version. now check its light version"}]},{"type":"paragraph","content":[{"type":"text","text":"Currently polishing the final details before submitting it to the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #FramerMarketplace #WebDesign #UIDesign #PortfolioWebsite #FramerDesigner #WebDesigner #MadeInFramer #ComingSoon","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/226dab51-5f0f-40d8-bdff-97325b9a5324/01a10726-c9a3-715f-888c-c97812c29de8.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a10727-0e5f-7538-ad34-acbf07f3d085","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:10:07.684Z","latestAt":"2026-10-04T18:10:07.684Z"},{"id":"01a1081b-dacd-7113-a60a-365157f90ba9","type":"post.liked","target":{"type":"post","id":"01a1073b-bf5b-77a6-b71d-762de2b422d0","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"No "},{"type":"text","text":"Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/framer-brazil","target":"_blank"}}]},{"type":"text","text":", pôr o app numa subpasta do site em vez de num subdomínio custa US$ 200 por mês sobre o plano Pro. Antes de assinar, vale saber o que o Google diz sobre a diferença."}]},{"type":"paragraph","content":[{"type":"text","text":"O Multi Site junta vários projetos e sites externos sob um único domínio, por regras de rewrite: o endereço que o visitante digitou fica, e o conteúdo vem de outro lugar. Segundo a "},{"type":"text","text":"ajuda do Framer sobre Multi Site","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/help/articles/how-to-use-multi-site-with-rewrite-rules/?via=framer-brazil","target":"_blank"}}]},{"type":"text","text":", atualizada em 15 de setembro de 2026, as regras agora ficam em Site Settings, Hosting, Multi Site, e só valem depois de publicar o projeto."}]},{"type":"paragraph","content":[{"type":"text","text":"O recurso vem no Advanced Hosting. A "},{"type":"text","text":"página de preços do Framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/pricing?via=framer-brazil","target":"_blank"}}]},{"type":"text","text":" mostra o add-on com no máximo seis rewrites. Com subdomínio, basta apontar o DNS."}]},{"type":"paragraph","content":[{"type":"text","text":"E o SEO? Em maio de 2018, John Mueller, analista do Google, afirmou que subdomínio e subdiretório são vistos igual, "},{"type":"text","text":"segundo o Search Engine Journal","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.searchenginejournal.com/google-treats-subdomains-subdirectories-john-mueller-says/254687/","target":"_blank"}}]},{"type":"text","text":". O critério é de conteúdo: blog e central de ajuda são o mesmo site e apontam para a subpasta. O painel logado ninguém procura no Google."}]},{"type":"paragraph","content":[{"type":"text","text":"No artigo estão o que quebra quando o app vai para a subpasta (caminho base, cookies, senha, medição), a migração página por página com uma única regra curinga e as quatro situações para decidir entre subdomínio, Multi Site e um projeto só."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1073b-bf5b-77a6-b71d-762de2b422d0","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:10:05.642Z","latestAt":"2026-10-04T18:10:05.642Z"},{"id":"01a1081b-d394-7218-92d9-f81ad693592e","type":"post.liked","target":{"type":"post","id":"01a107e8-727a-7446-ad85-088b4946496d","preview":"Hero section of the about page✨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero section of the about page✨"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54b0c8d8-4add-461b-a2b6-1afd5d9c2194/01a107e7-f038-7355-b762-c20f7a79f9d0.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a107e8-727a-7446-ad85-088b4946496d","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:10:03.792Z","latestAt":"2026-10-04T18:10:03.792Z"},{"id":"01a1081b-b85f-736d-8918-c9e6047344fe","type":"component.liked","target":{"type":"component","id":"gZkd9basTMAXeywrsfSq","preview":"Comparison Table Kit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ef2bb5d0-8e59-43b7-be65-c14c5f941c99/01a107e9-712b-7299-967d-da53a6605fd9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T18:09:56.827Z","latestAt":"2026-10-04T18:09:56.827Z"},{"id":"01a1081b-b24c-70fa-9b10-15d8074534bf","type":"post.liked","target":{"type":"post","id":"01a1074b-9d63-71ab-a050-576669726295","preview":"Custom Filters for CMS...","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Filters for CMS..."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/00cf125a-dbc3-4782-a103-13e4ac791996/01a1074b-319d-732c-a753-590f88e00a0f.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a1074b-9d63-71ab-a050-576669726295","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:09:55.270Z","latestAt":"2026-10-04T18:09:55.270Z"},{"id":"01a1081b-9917-77ae-a3e9-1d126d996e3b","type":"template.liked","target":{"type":"template","id":"74687","preview":"Nover","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/894fa37e-76bf-4d21-80c4-61b0d7a2cd83/01a107ed-1f15-76de-a685-c33ad8132fc2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-04T18:09:48.819Z","latestAt":"2026-10-04T18:09:48.819Z"},{"id":"01a1081b-930b-7178-b5bf-2f174e407511","type":"post.liked","target":{"type":"post","id":"01a10719-e12d-73dc-8e2a-01c7fbcfea75","preview":"Snapdesk\nLanding page desktop apps by Pixels","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Snapdesk","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Landing page desktop apps by "},{"type":"text","text":"Pixels","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/@pixels/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ff121138-ac98-4c86-a230-12c0d7db0e59/01a10719-c259-7289-b1fb-6fa78f17add0.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a10719-e12d-73dc-8e2a-01c7fbcfea75","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-04T18:09:47.271Z","latestAt":"2026-10-04T18:09:47.271Z"}],"pagination":{"next":"MjAyNi0xMC0wNFQxODowOTo0Ny4yNzFafDAxYTEwODFiLTkzMGItNzE3OC1iNWJmLTJmMTc0ZTQwNzUxMQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d84b3af4-cf3a-4f8c-a330-137560bb6207:/unified/posts/?creator=d84b3af4-cf3a-4f8c-a330-137560bb6207&with=reposts":[{"data":[{"id":"01a10d12-da69-7699-b590-5642c7e897b1","title":null,"body":"

60/100 - Store Locator Map

An interactive store locator that pairs a scrollable location cards list with a responsive map

runs on MapLibre GL with OpenFreeMap tiles, so there is no API key and no usage quota.

Live preview

Interactive location finder by Russet Supply

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"60/100 - "},{"type":"text","text":"Store Locator Map","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/1WhB8jR","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"An interactive store locator that pairs a scrollable location cards list with a responsive map"}]},{"type":"paragraph","content":[{"type":"text","text":"runs on "},{"type":"text","text":"MapLibre GL","marks":[{"type":"bold"}]},{"type":"text","text":" with "},{"type":"text","text":"OpenFreeMap","marks":[{"type":"bold"}]},{"type":"text","text":" tiles, so there is no API key and no usage quota."}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://storelocatormap.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive location finder by Russet Supply"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/UTw8QrtC1oMq2B0202GDc8C00OeNbVDXzpkS02EMag5btXQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/UTw8QrtC1oMq2B0202GDc8C00OeNbVDXzpkS02EMag5btXQ/thumbnail.webp?time=4.333","aspectRatio":"16:9","duration":10.909333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T17:18:21.805Z","updatedAt":"2026-10-05T17:18:21.805Z"},{"id":"01a10d04-8123-7738-85e3-7e18b2c70f6c","title":null,"body":"

Store locator map turns a list of places into an interactive location finder.

It runs on MapLibre GL with OpenFreeMap tiles, so there is no API key, no account, no billing and no usage quota to set up.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Store locator map turns a list of places into an interactive location finder."}]},{"type":"paragraph","content":[{"type":"text","text":"It runs on "},{"type":"text","text":"MapLibre GL","marks":[{"type":"bold"}]},{"type":"text","text":" with "},{"type":"text","text":"OpenFreeMap","marks":[{"type":"bold"}]},{"type":"text","text":" tiles, so there is "},{"type":"text","text":"no API key, no account, no billing and no usage quota","marks":[{"type":"bold"}]},{"type":"text","text":" to set up."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"yVFPG1S5Oh6QIrOaufJV","resolved":true,"title":"Store Locator Map","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It runs on "},{"type":"text","text":"MapLibre GL","marks":[{"type":"bold"}]},{"type":"text","text":" with "},{"type":"text","text":"OpenFreeMap","marks":[{"type":"bold"}]},{"type":"text","text":" tiles, so there is "},{"type":"text","text":"no API key, no account, no billing and no usage quota","marks":[{"type":"bold"}]},{"type":"text","text":" to set up."}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://storelocatormap.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"An interactive store locator that pairs a scrollable location list with a responsive map, letting visitors select, explore, and navigate between locations"}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive location cards and map"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click, tap, or hover to select locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth map fly-to animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic address geocoding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom latitude and longitude support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive map markers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click markers to select locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your locations.","marks":[{"type":"bold"}]},{"type":"text","text":" Each one has a tag, a name, an address, an optional photo, a link label and a link URL."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose how each pin is placed.","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"From address:","marks":[{"type":"bold"}]},{"type":"text","text":" type the address and the component finds the pin automatically. "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Coordinates:","marks":[{"type":"bold"}]},{"type":"text","text":" enter latitude and longitude yourself for exact, instant pins with no lookup."}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The map frames everything.","marks":[{"type":"bold"}]},{"type":"text","text":" On load, the map zooms to fit all your pins in one view."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visitors explore.","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click or tap a card and the map flies to that location, the marker gets a highlight ring, and the card turns active."}]}]}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Locations, images, names, tags, and addresses"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Location links and link labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Address or coordinate-based positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Map style and custom style URL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Selection mode: click or hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Map zoom, fly duration, and fit padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"List width, spacing, padding, and card layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card and map radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marker size and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, dark, or custom color themes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Heading and typography"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.co","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]},{"type":"text","text":"m"}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 1600+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Scrollable location cards list","slug":"store-locator-map","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a10d03-1fd6-767a-9b5e-81c38d3996ff.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T17:02:40.685Z","updatedAt":"2026-10-05T17:02:40.685Z","publishedAt":"2026-10-05T17:02:40.678Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://storelocatormap.framer.website/","price":"7","paymentUrl":"https://russetsupply.gumroad.com/l/storelocatormap?wanted=true","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"mmnSnLnDjldZfFc7Oghk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-05T17:02:41.445Z","updatedAt":"2026-10-05T17:02:41.445Z"},{"id":"01a10819-00ab-770a-be51-ccb232a909be","title":null,"body":"

59/100 - Hover Project List with Modal

A minimal project list with a smooth gliding highlight and a built-in detail modal.

Hover to explore, click to dive deeper.

Live Preview

Interactive Portfolio Index with Modal on Russet Supply

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"59/100 -"},{"type":"text","text":" Hover Project List with Modal","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/7LFzC4i","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A minimal project list with a smooth gliding highlight and a built-in detail modal."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover to explore, click to dive deeper."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://hoverprojectlist.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive Portfolio Index with Modal on Russet Supply"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/cQS7jspkiMaJYMTHwAkqnx2Gumphcky2ckQ2txbTrR4.m3u8","metadata":{"posterUrl":"https://image.mux.com/cQS7jspkiMaJYMTHwAkqnx2Gumphcky2ckQ2txbTrR4/thumbnail.webp?time=7.033","aspectRatio":"16:9","duration":8.309333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T18:06:58.744Z","updatedAt":"2026-10-04T18:06:58.744Z"},{"id":"01a1080a-0361-7448-92eb-392ea9848b85","title":null,"body":"

A minimal project list with a smooth gliding highlight and a built-in detail modal. Fully customizable, and ideal for portfolios and agency sites

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A minimal project list with a smooth gliding highlight and a built-in detail modal. Fully customizable, and ideal for portfolios and agency sites"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"F7M047t8253rW16wP4gC","resolved":true,"title":"Hover Project List","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Project List – Interactive Portfolio Index with Modal for Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://hoverprojectlist.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Showcase your work with a clean, interactive project list built for Framer. Hover over any row and a smooth highlight pill glides between projects. Click a row to open a detail modal with the project image, title, category, year, description and link."}]},{"type":"paragraph","content":[{"type":"text","text":"Each row shows a thumbnail, title, category and year, with an optional divider between them. The layout is easy to tune from the property panel: row height, gap, padding, thumbnail size and radius, all grouped into simple controls. Style the fonts, colors, dividers, highlight and spring motion, and customize the modal's layout, typography, close button and link to match your brand."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gliding hover highlight with adjustable color, radius, overflow, shadow and spring"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-to-open detail modal with image, meta, description and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard accessible, with focus support, Escape to close and page scroll lock while open"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive modal that stacks on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertically centered rows that work at any height, including full viewport"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-renderer safe for fast canvas previews and exports"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully editable project list with image, title, category, year, description and link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, grouped controls and sensible defaults"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" designer and developer portfolios, agency and studio websites, case study indexes, work pages, and creative project showcases."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.co","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]},{"type":"text","text":"m"}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Hover Portfolio Index with Modal","slug":"hover-project-list","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a10809-a8c4-731f-923c-e1534f0e527a.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-04T17:50:35.667Z","updatedAt":"2026-10-04T17:50:35.667Z","publishedAt":"2026-10-04T17:50:35.664Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hoverprojectlist.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/hoverprojectlist?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"I1O4PF2HHf48b4d7Ah45","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-10-04T17:50:36.385Z","updatedAt":"2026-10-04T17:50:36.385Z"},{"id":"01a1076a-71ff-7356-9a4d-51a67cf11f25","title":null,"body":"

58/100 - Testimonials Slider Card (Free)

Animated card with logo reveals, smooth fades, autoplay, drag-to-swipe, and six color themes. No code needed.

Live Preview

Proof Card Component by Russet Supply

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"58/100 - "},{"type":"text","text":"Testimonials Slider Card","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/NeTVY4Q","target":"_blank"}}]},{"type":"text","text":" (Free)"}]},{"type":"paragraph","content":[{"type":"text","text":"Animated card with logo reveals, smooth fades, autoplay, drag-to-swipe, and six color themes. No code needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://testimonialsliderpro.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Proof Card Component by Russet Supply"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/xtDg6I01MruRzihwB8RDRhZXsdSOPjbIRic00h2xtYnJo.m3u8","metadata":{"posterUrl":"https://image.mux.com/xtDg6I01MruRzihwB8RDRhZXsdSOPjbIRic00h2xtYnJo/thumbnail.webp?time=2.233","aspectRatio":"16:9","duration":7.909333}}],"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":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T14:56:18.951Z","updatedAt":"2026-10-04T14:56:18.951Z"},{"id":"01a1075c-a276-72a9-9d35-5a8ecb0d5b9f","title":null,"body":"

Animated testimonial card for Framer with logo reveals, smooth fades, autoplay, drag-to-swipe, and six color themes. No code needed.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated testimonial card for Framer with logo reveals, smooth fades, autoplay, drag-to-swipe, and six color themes. No code needed."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"RCzOkg70BcOt5wSrUonB","resolved":true,"title":"Testimonials Slider","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated testimonial card for Framer with logo reveals, smooth fades, autoplay, drag-to-swipe (mobile), and six color themes. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://testimonialsliderpro.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"When the slide changes, the old content fades out and the new content enters one piece at a time, with the logo sliding up from behind a mask."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Animation","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered entrance: quote first, then logo, name and role"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo reveal that slides up through a mask"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The active dot stretches into a pill and the others shrink back"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One Anim Speed control (0.25x–3x) scales every timing together"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects the visitor's reduced-motion setting"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Navigation","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay with an adjustable interval (on by default, 2.5s)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click any dot to jump to that testimonial, which also restarts the autoplay timer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional drag/swipe to change slides (off by default)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left and right arrow keys work from the keyboard"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay pauses when the card is off screen and resumes when it comes back"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Content","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 12 testimonials in one editable list"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each has a logo, quote, name and role"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Design","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Six themes: Sunset, Noir, Midnight, Forest, Lavender and Paper"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Custom theme that unlocks the color controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable radius, padding, content gap and the gap above the dots"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Typography","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate Framer font controls for the logo, quote, name and role, so you can use any font in your project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo icon size follows the logo font size"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dots","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Size, active width, gap and alignment (left, center or right)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom colors for the dots and the active pill"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How it works"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add it.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Write your testimonials.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a look.","marks":[{"type":"bold"}]},{"type":"text","text":" "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set the size.","marks":[{"type":"bold"}]},{"type":"text","text":" "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune the behavior.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style the text and dots.","marks":[{"type":"bold"}]}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Animated testimonials Proof card","slug":"testimonials-slider","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a1075b-c28e-7435-b48d-e1d1e224d629.png","metadata":{"tint":{"h":30,"s":29,"l":55},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-04T14:41:13.170Z","updatedAt":"2026-10-04T14:41:13.170Z","publishedAt":"2026-10-04T14:41:13.165Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/testimonialsliderpro-xfuZC2.js@n4WInFnHQNSYJW14AgoY","previewUrl":"https://testimonialsliderpro.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"n4WInFnHQNSYJW14AgoY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T14:41:13.846Z","updatedAt":"2026-10-04T14:41:13.846Z"},{"id":"01a100f3-f7de-71ef-a72e-3e89629b269c","title":null,"body":"

One week later, we checked the numbers again on Russet Supply

We went from 1,428 → 1,618 installs.

That’s 190 new installs in just one week.

And now we’re at 36K unique visitors and 54.9K total views (only components)

Still early, but the numbers keep moving.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One week later, we checked the numbers again on "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/components/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"We went from "},{"type":"text","text":"1,428 → 1,618 installs","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"That’s "},{"type":"text","text":"190 new installs in just one week","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"And now we’re at "},{"type":"text","text":"36K unique visitors","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"54.9K total views","marks":[{"type":"bold"}]},{"type":"text","text":" (only components)"}]},{"type":"paragraph","content":[{"type":"text","text":"Still early, but the numbers keep moving."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a100f1-ab49-7532-8934-e4ba2f321c3b.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1170,"height":391}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-03T08:50:17.638Z","createdAt":"2026-10-03T08:49:11.138Z","updatedAt":"2026-10-03T08:50:17.638Z"},{"id":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","title":null,"body":"

DID I COOK?

Built this 3D Image Gallery for Russet Supply

Been experimenting with a different way to showcase images

Live preview

What do you think?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DID I COOK?"}]},{"type":"paragraph","content":[{"type":"text","text":"Built this "},{"type":"text","text":"3D Image Gallery ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aqaPyNR","target":"_blank"}}]},{"type":"text","text":"for "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/components/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Been experimenting with a different way to showcase images"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"author":{"framerUserId":"8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58","name":"Zeeshan","slug":"designsbyzeeshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/4g5i90l4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/HoW9DIkNASWBHg00r18xs01LcIH6R6gJj2TAXDpoSAAWU.m3u8","metadata":{"posterUrl":"https://image.mux.com/HoW9DIkNASWBHg00r18xs01LcIH6R6gJj2TAXDpoSAAWU/thumbnail.webp?time=4.733","aspectRatio":"16:9","duration":8.876}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":8},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T17:28:37.867Z","updatedAt":"2026-10-02T17:28:37.867Z","repostedBy":{"creator":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u"},"repostId":"01a0fda9-8eca-76fd-a1f5-0224e3547b4f","repostedAt":"2026-10-02T17:29:02.924Z"}},{"id":"01a0fd9f-e7f0-723a-8b60-65c01967e2be","title":null,"body":"

57/100 - 3D image Gallery (hover + Preview)

Cards orbit around a circle, react to your cursor with subtle parallax, and flip forward on hover.

Click any card to bring it into focus with a smooth zoom, title reveal, and CTA.

Live Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"57/100 - "},{"type":"text","text":"3D image Gallery ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aqaPyNR","target":"_blank"}}]},{"type":"text","text":"(hover + Preview) "}]},{"type":"paragraph","content":[{"type":"text","text":"Cards orbit around a circle, react to your cursor with subtle parallax, and flip forward on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"Click any card to bring it into focus with a smooth zoom, title reveal, and CTA."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/029L00P024mWQCq02X01sBK0031ESFL6XGpIagf245CoT79Nc.m3u8","metadata":{"posterUrl":"https://image.mux.com/029L00P024mWQCq02X01sBK0031ESFL6XGpIagf245CoT79Nc/thumbnail.webp?time=7","aspectRatio":"16:9","duration":8.876}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T17:18:30.387Z","updatedAt":"2026-10-02T17:18:30.387Z"},{"id":"01a0fd9d-7a85-776b-85e1-40f8c86b9c2c","title":null,"body":"

56/100 - Gooey Text Reveal (free)

A scroll-driven text animation that reveals lines from a soft, melted blur into sharp, readable text, with a fluid gooey effect that follows the scroll

Live Preview

Everything can be adjusted directly from Framer’s property panel

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"56/100 - "},{"type":"text","text":"Gooey Text Reveal","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/sLjWsuX","target":"_blank"}}]},{"type":"text","text":" (free) "}]},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven text animation that reveals lines from a soft, melted blur into sharp, readable text, with a fluid gooey effect that follows the scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://gooeytextreveal.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from Framer’s property panel"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Mp7cKKJxLi5MSce2L48jFcpXZ8aQQucT5A6wcc7YCVQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/Mp7cKKJxLi5MSce2L48jFcpXZ8aQQucT5A6wcc7YCVQ/thumbnail.webp?time=5.767","aspectRatio":"16:9","duration":10.776}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T17:15:51.305Z","updatedAt":"2026-10-02T17:15:51.305Z"},{"id":"01a0fd90-c00e-770c-a336-c09c3680e97a","title":null,"body":"

An interactive 3D circular image gallery that brings cards forward with hover effects, parallax movement, and smooth full-screen previews

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive 3D circular image gallery that brings cards forward with hover effects, parallax movement, and smooth full-screen previews"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"o7d8ej9e0zEgH9HKZBLG","resolved":true,"title":"3D image gallery","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"An interactive 3D circular image gallery that brings cards forward with hover effects, parallax movement, and smooth full-screen previews — fully responsive and customizable."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive circular image layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D hover rotation and scale effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor-based parallax movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-to-open large image preview"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth gallery rotation and zoom animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated title and CTA reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom CTA links for each image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable circle radius and gallery size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple image aspect ratios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom card roundness and perspective"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive hover breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard focus support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Customizable","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from Framer’s property panel, from your gallery content and card layout to hover behavior, preview animations, typography, colors, and CTA settings."}]},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images, titles, and CTA links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circle radius and gallery size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card aspect ratio and roundness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perspective and responsive settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover scale and parallax strength"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview duration and zoom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title font, alignment, color, and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA typography, colors, and position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gallery background"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Images are arranged automatically around a circular layout. Hovering over a card rotates and scales it forward while the gallery responds to your cursor with subtle parallax. Click a card to bring it forward into a large preview, where its title and CTA reveal with a smooth masked animation. Click outside or press Escape to return to the gallery."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.co","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]},{"type":"text","text":"m"}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 1500+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Interactive hover and preview","slug":"3d-image-gallery","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0fd8e-5e60-76d1-a42e-4858c73ea748.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-02T17:01:56.395Z","updatedAt":"2026-10-02T17:01:56.395Z","publishedAt":"2026-10-02T17:01:56.392Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dimagegallery.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/3dimagegallery?wanted=true","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"mfYV4bPA8dIhN6z1r1CG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T17:01:57.134Z","updatedAt":"2026-10-02T17:01:57.134Z"},{"id":"01a0f7a4-9c91-70da-9c6d-dab555a7f45f","title":null,"body":"

A scroll-driven gooey text reveal animation

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven gooey text reveal animation"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KSyS4dVrrQrn5tyKmCpF","resolved":true,"title":"Gooey Text Reveal","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://gooeytextreveal.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven text animation that reveals lines from a soft, melted blur into sharp, readable text, with a fluid gooey effect that follows the scroll — fully customizable."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven text reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line-by-line text animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gooey liquid blur effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable blur amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom gooey strength and threshold"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable line stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional repeat animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal-once mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom font, color, and alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS and variable text support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive text layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Customizable","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from Framer’s property panel, from the text styling and gooey effect to line timing, reveal behavior, alignment, and smooth scrolling."}]},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text content and paragraph spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font, size, weight, and line height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text color and alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gooey strength and threshold"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line-by-line reveal and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Repeat or reveal-once behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS or variable text binding"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"As the text enters the viewport, each line begins as a soft, melted blur and gradually sharpens into focus as you scroll. Lines reveal one after another with an overlapping gooey transition, creating a fluid hand-off between each line. Scroll back up to melt the text again when repeat mode is enabled."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Scroll-driven text animation","slug":"gooey-text-reveal","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0f7a4-7e4d-726b-8393-ede373e064cd.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-10-01T13:25:54.725Z","updatedAt":"2026-10-01T13:55:45.007Z","publishedAt":"2026-10-01T13:25:54.720Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/gooeytextreveal-24Mwod.js@5HEuZuKA0e8ZGBSSepjp","previewUrl":"https://gooeytextreveal.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"5HEuZuKA0e8ZGBSSepjp","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T13:25:55.475Z","updatedAt":"2026-10-01T13:25:55.475Z"},{"id":"01a0f219-2380-7368-9838-8aa2c5c3f4ea","title":null,"body":"

Guys, just added 2 new components today

Both are built around smooth scroll interactions and dynamic image layouts.

Orbit Scroll Gallery An scroll triggered image gallery with a rotating orbital layout.

Scroll Reveal Grid A scroll-driven portfolio grid with smooth image reveal animations.

Explore both on Russet Supply

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guys, just added 2 new components today"}]},{"type":"paragraph","content":[{"type":"text","text":"Both are built around smooth scroll interactions and dynamic image layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Orbit Scroll Gallery","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/s8EVwvu","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" An scroll triggered image gallery with a rotating orbital layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Reveal Grid","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/iVfuZKb","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/iVfuZKb","target":"_blank"}}]},{"type":"text","text":"A scroll-driven portfolio grid with smooth image reveal animations."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore both on "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"author":{"framerUserId":"8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58","name":"Zeeshan","slug":"designsbyzeeshan","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/4g5i90l4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/01a0f218-6f20-7048-b8d5-6123139c7885.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1002,"height":405}}],"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":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-30T11:36:49.161Z","createdAt":"2026-09-30T11:35:28.900Z","updatedAt":"2026-09-30T11:36:49.161Z","repostedBy":{"creator":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u"},"repostId":"01a0f219-9e26-75cd-a180-8dd6c8525181","repostedAt":"2026-09-30T11:36:00.298Z"}},{"id":"01a0f211-ea1f-7193-b38e-890ed2a764dd","title":null,"body":"

55/100 - Orbit Scroll image Gallery

A rotating image orbit that reacts to scroll, speeds up with movement, brings each image forward on hover and an optional centered logo.

Live Preview

Customize the orbit, rotation, hover effects, logo, image sizes, and more...

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"55/100 - "},{"type":"text","text":"Orbit Scroll image Gallery","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/s8EVwvu","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A rotating image orbit that reacts to scroll, speeds up with movement, brings each image forward on hover and an optional centered logo."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://orbitscrollgallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the orbit, rotation, hover effects, logo, image sizes, and more..."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/UKkC501uR00DwrVFWkTl4kdxZBnsRneoLYL1fWi1FfIpY.m3u8","metadata":{"posterUrl":"https://image.mux.com/UKkC501uR00DwrVFWkTl4kdxZBnsRneoLYL1fWi1FfIpY/thumbnail.webp?time=3.833","aspectRatio":"16:9","duration":9.542667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":13},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T11:27:35.459Z","updatedAt":"2026-09-30T11:27:35.459Z"},{"id":"01a0f20f-68a8-723f-8e4f-1c3b6101c462","title":null,"body":"

54/100 - Scroll Reveal Portfolio grid

images smoothly reveal into place as you scroll, with subtle movement and captions that follow the animation.

Live Preview

Customize the grid layout, columns, image placement, reveal intensity, spacing, captions, and more...

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"54/100 - "},{"type":"text","text":"Scroll Reveal Portfolio grid","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/iVfuZKb","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"images smoothly reveal into place as you scroll, with subtle movement and captions that follow the animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://scrollrevealgrid.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the grid layout, columns, image placement, reveal intensity, spacing, captions, and more..."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ZHmDtEdU01q00jfa2Hn36tgAP1012KyByh6yLvx7NgzPho.m3u8","metadata":{"posterUrl":"https://image.mux.com/ZHmDtEdU01q00jfa2Hn36tgAP1012KyByh6yLvx7NgzPho/thumbnail.webp?time=3.833","aspectRatio":"16:9","duration":15.576}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T11:24:51.244Z","updatedAt":"2026-09-30T11:24:51.244Z"},{"id":"01a0f1ea-339b-76af-a6b5-7a084ae0e188","title":null,"body":"

Rotating oval image gallery with scroll-speed and hover effects, and an optional logo stays centered over the gallery.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating oval image gallery with scroll-speed and hover effects, and an optional logo stays centered over the gallery."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tkIqxCRoiuGxyZs3oMzR","resolved":true,"title":"Orbit Scroll Gallery","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://orbitscrollgallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A circular image gallery that continuously rotates images around an adjustable oval orbit, with scroll-controlled acceleration, interactive hover scaling, and"},{"type":"text","text":" an optional centered logo ","marks":[{"type":"bold"}]},{"type":"text","text":"— fully customizable."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circular image orbit with adjustable oval shape"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic continuous rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clockwise or counterclockwise rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-controlled rotation acceleration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable maximum rotation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth speed easing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hover scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional dimming of inactive images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable hover scale and idle zoom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom hover duration and easing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional centered logo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard-focus support for interactive images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Customizable","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from Framer’s property panel, from the image gallery and orbit layout to rotation behavior, hover interactions, logo positioning, colors, and animation settings."}]},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image width, height, and border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Oval orbit width and height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Orbit tilt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-rotation and rotation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clockwise or counterclockwise direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll acceleration and maximum speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speed easing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover scale and idle zoom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dim inactive images and brightness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover animation duration and easing"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add your images and they are arranged automatically around an adjustable oval orbit. When auto-rotation is enabled, the gallery continuously moves around the orbit. Scrolling accelerates the rotation and changes its direction based on the scroll movement. Hovering or focusing an image brings it forward with a scale effect while the other images can dim into the background. An optional logo stays centered over the gallery."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Tags and keywords","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"image gallery, carousel, circular gallery, rotating gallery, orbit, portfolio, hero section, showcase, scroll animation, hover effect, GSAP"}]}]},"introduction":"Rotating oval image gallery","slug":"orbit-scroll-gallery","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0f1e8-9155-733b-8adc-f17029b32b44.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-30T10:44:12.134Z","updatedAt":"2026-09-30T11:16:11.093Z","publishedAt":"2026-09-30T10:44:12.131Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orbitscrollgallery.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/orbitscrollgallery?wanted=true","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"atr2QJo3k9aUKLoD3uB6","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-30T10:44:12.828Z","updatedAt":"2026-09-30T10:44:12.828Z"},{"id":"01a0f1b4-58f3-7159-aa38-17b39170176e","title":null,"body":"

Framer Animated Image Grid with Scroll Zoom & Smooth Scroll

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Animated Image Grid with Scroll Zoom & Smooth Scroll"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jY7Qe1N0eebSXQ5NNeZH","resolved":true,"title":"Scroll Reveal Grid","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A scroll-triggered image grid for Framer with zoom-in reveals, sliding captions, smooth Lenis scrolling and custom column layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://scrollrevealgrid.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Reveal Image Grid is a responsive, scroll-animated image gallery for Framer that turns a standard image grid into a more dynamic visual experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven image reveal animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth GSAP ScrollTrigger motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lenis-powered smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-scrubbed animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle, normal, and strong reveal intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic reveal origin detection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Left or right reveal direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image captions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title and year/meta information"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible CSS grid-based layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom column and row positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable column spans for individual images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop and mobile column controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive mobile layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable image border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable row and column gaps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional column guide lines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom caption typography and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image hover caption color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clickable image links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional new-tab links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom mobile breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable section spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer static-render support"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Scroll Reveal Animation","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The main interaction is driven by scroll position. As each image enters the reveal area, its outer image and inner content smoothly scale toward their final size while the caption moves in from the corresponding side."}]},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add up to 40 images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set image alt text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add project titles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add years or metadata"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add custom links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open links in a new tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set desktop column count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set mobile column count"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust column and row gaps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set individual image column placement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set individual image spans"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust image aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set image corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable or disable animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose reveal intensity"}]},{"type":"paragraph","content":[{"type":"text","text":"and more"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add your images through the Framer property panel, assign titles and metadata, then arrange each image using its column and span settings. When visitors scroll through the gallery, GSAP ScrollTrigger connects the reveal animation directly to the scroll position."}]}]},"introduction":"Scroll parallax portfolio grid","slug":"scroll-reveal-grid","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0f1b3-e43f-7118-955b-e80568b163ef.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-30T09:45:22.780Z","updatedAt":"2026-09-30T17:38:01.293Z","publishedAt":"2026-09-30T09:45:22.776Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollrevealgrid.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/scrollrevealgrid?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"eYNdOsWaWrKzsiISs9Fe","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-09-30T09:45:23.443Z","updatedAt":"2026-09-30T09:45:23.443Z"},{"id":"01a0ec48-913f-7372-936f-2169c5e7469c","title":null,"body":"

53/100 - Expanding side menu

A compact menu button that smoothly expands into a full navigation panel, with the icon morphing into an X and the links revealing with a subtle 3D motion.

Live Preview

Fully customizable from the Framer panel.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"53/100 -"},{"type":"text","text":" Expanding side menu","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/SblAwo5","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A compact menu button that smoothly expands into a full navigation panel, with the icon morphing into an X and the links revealing with a subtle 3D motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://expandingsidemenu.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully customizable from the Framer panel."}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/sqJDuq9g5e1VkWXF66KYkALFgrCthsML1m02URyk1fCI.m3u8","metadata":{"posterUrl":"https://image.mux.com/sqJDuq9g5e1VkWXF66KYkALFgrCthsML1m02URyk1fCI/thumbnail.webp?time=4.5","aspectRatio":"16:9","duration":6.942667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T08:29:33.890Z","updatedAt":"2026-09-29T08:29:33.890Z"},{"id":"01a0e899-4cbd-740c-a646-02a2804efa9d","title":null,"body":"

A compact menu button that expands into a large, polished navigation panel with smooth motion, animated links, and customizable footer links

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A compact menu button that expands into a large, polished navigation panel with smooth motion, animated links, and customizable footer links"}]}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1SKhXDvuTUgXSxzsAMWr","resolved":true,"title":"Expanding Side Menu","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://expandingsidemenu.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A compact menu button that expands into a large, polished navigation panel with smooth motion, animated links, and customizable footer links — fully responsive and customizable."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth expanding panel animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Menu icon morphs into an X"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated navigation link reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D-style link entrance motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom navigation and footer links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional new-tab links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom panel size, radius, and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom typography and text transform"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate open/closed button and icon colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable animation duration, stagger, delay, and easing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive sizing based on the available space"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Customizable","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from Framer’s property panel, from the menu button and panel layout to navigation, footer links, typography, colors, spacing, and animation behavior."}]},{"type":"customHeading","content":[{"type":"text","text":"Customize","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Menu icon size, padding, radius, and panel dimensions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel and button colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation and footer links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography, case, and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link hover colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel animation timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link reveal movement, rotation, perspective, and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Footer reveal timing and easing"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Click the menu button to expand the panel. The button moves into position while the icon transforms into an X, followed by the navigation links revealing with a smooth 3D motion. Footer links then appear underneath. Clicking outside or pressing Escape closes the menu with the reverse animation."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re not sure how to use the component or want us to set it up directly in your Framer project, contact us at "},{"type":"text","text":"support@russetsupply.co","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]},{"type":"text","text":"m"}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Russet Supply is a growing collection of ready-to-use Framer components and templates trusted by 500+ users."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse Library","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Animated Framer Navigation","slug":"expanding-side-menu","author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0e898-d7f1-71c7-b793-bc965d2275f7.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-28T15:19:15.165Z","updatedAt":"2026-09-30T11:43:29.501Z","publishedAt":"2026-09-28T15:19:15.161Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://expandingsidemenu.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/expandingsidemenu?wanted=true","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"B5VfrnmOTmNaeBlPTP9U","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-28T15:19:15.902Z","updatedAt":"2026-09-28T15:19:15.902Z"},{"id":"01a0e44e-6204-72ff-84f4-ef04bed52a10","title":null,"body":"

52/100 - Split Shift Menu

A full-screen navigation that tears open from the center, with rotating panels, masked link reveals, and a rolling text hover effect.

Another one built with the same attention to the little details we care about at Russet Supply.

Live Preview

Would you use this on your next project?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"52/100 - "},{"type":"text","text":"Split Shift Menu ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/4HhS1hF","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"A full-screen navigation that tears open from the center, with rotating panels, masked link reveals, and a rolling text hover effect."}]},{"type":"paragraph","content":[{"type":"text","text":"Another one built with the same attention to the little details we care about at Russet Supply."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://splitshiftmenu.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would you use this on your next project?"}]},{"type":"paragraph"}]},"author":{"framerUserId":"d84b3af4-cf3a-4f8c-a330-137560bb6207","name":"Russet Supply","slug":"russetsupply","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/c00h4Kl2V9AVyngkZ3a9KFd8gcKt41TE00wJzH8e00Unzc.m3u8","metadata":{"posterUrl":"https://image.mux.com/c00h4Kl2V9AVyngkZ3a9KFd8gcKt41TE00wJzH8e00Unzc/thumbnail.webp?time=4.6","aspectRatio":"16:9","duration":7.742667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-27T19:19:51.049Z","createdAt":"2026-09-27T19:18:57.290Z","updatedAt":"2026-09-27T19:19:51.049Z"}],"pagination":{"next":"MDFhMGU0NGUtNjIwNC03MmZmLTg0ZjQtZWYwNGJlZDUyYTEw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5b"}]