54:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0xit-z5qwqul7.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/32cfyvu36_37j.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/1czq4md204jhl.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3ym52__dqzver.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1yafild1hsc0a.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 55:Taa3,

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

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

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

58:Tb9a,

A cinematic full-screen navigation that tears open from the center with two rotating panels, masked link reveals, and a responsive layout

Live Preview

Split Shift Menu turns a simple menu into a full-screen transition. Open the menu and two panels rotate into place from the center, revealing your navigation with a smooth, symmetric motion.

The menu can sit directly over your existing Framer background, with optional blend modes that keep the logo and menu icon readable across changing backgrounds.

No code required. Everything is controlled directly through Framer's property panel.

Features

Full-screen navigation overlay
Center-out split panel animation
Rotating left and right panels
Masked link reveal animation
Rolling text hover effect
Animated menu-to-close icon
1–3 navigation columns
Custom navigation links
Optional new-tab links
Text or image logo
Background-aware logo blending
Custom menu button
Responsive mobile layout
Static renderer support

Customize

Logo text or image
Logo font and size
Logo color
Background blending
Logo link
Menu icon size and colors
Button padding
Button background
Border and radius
Navigation links
Link columns
Column and row spacing
Link typography
Text transformation
Menu background
Link and hover colors
Panel rotation
Panel scale
Panel animation duration
Text reveal duration
Stagger and delay
Hover animation speed
Responsive breakpoint

How It Works

Add your navigation items, logo, and styling through the Framer property panel. When visitors open the menu, the two panels rotate into place from opposite sides of the screen, creating a symmetrical center-out reveal.

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

59:Tb6f,

A smooth elastic column-scroll gallery with spring-based lag for Framer.

Live Preview

A responsive image grid where each column catches up to your scroll position with smooth and elastic motion.

Elastic Grid Scroll turns a standard image grid into a dynamic scrolling gallery. As visitors scroll, each column moves with its own spring-based lag, creating a subtle parallax and elastic catch-up effect.

No code required. Everything is controlled directly through Framer's property panel.

Features

Elastic column-based scroll effect
Smooth spring-driven lag
Adjustable scroll intensity
Custom elasticity and smoothness
Optional reversed scroll direction
Responsive image grid
Custom image aspect ratio
Hover image zoom
Cover or contain image fit
Optional grayscale images
Captions below or overlaid on images
Custom caption typography
Optional image links
Reduced-motion support
Static renderer support

Customize

Images
Captions
Alt text
Image links
Number of columns
Image aspect ratio
Column and row gaps
Container padding
Lag intensity
Elasticity
Scroll smoothness
Scroll direction
Reduced-motion behavior
Image fit
Border radius
Grayscale
Hover zoom
Caption position
Caption typography
Caption color
Background color

How It Works

Add your images, captions, and optional links through the Framer property panel. The grid automatically distributes the items across columns.

Adjust the lag, elasticity, and smoothness to control how quickly each column catches up. You can also add hover zoom, captions, grayscale treatment, and custom image fitting to match your design.

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

5a:Te29,

A full-height, cross-wipe product preview grid with auto-cycling detail shots — fully responsive, fully customizable.

Live Preview:

Product Grid Preview turns a standard product grid into an interactive browsing experience. Hover over a product on desktop or tap on touch devices to reveal a large preview on the opposite side, with a smooth cross-shaped clip-path transition.

No code required. Everything is controlled directly through Framer's property panel.

Features

Interactive product grid
Hover preview on desktop
Tap interaction on touch devices
Large opposite-side product preview
Cross-shaped clip-path reveal
Animated grid fade and movement
Main image + up to 3 detail images per product
Automatic detail-image cycling
Instant or fade image transitions
Custom product names and prices
Custom CTA text
Responsive tablet and mobile layouts
Image object-fit controls
Static renderer support

Customize

Products
Product names
Prices
Main images
Detail images
Image alt text
CTA text
Grid columns
Horizontal and vertical gaps
Grid padding
Image aspect ratio
Image fit
Border radius
Preview background
Preview scale
Cross reveal width
Preview image fit
Title and price visibility
Currency symbol
Typography and colors
Hover delay
Reveal and animation speeds
Detail cycling interval
Transition style
Responsive breakpoints and spacing

How It Works

Add your products and images through the Framer property panel. On desktop, hover over a product to reveal its large preview on the opposite side of the grid. On touch devices, simply tap a product to open its preview.

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

5b:T9df,

A WebGL-powered 3D scrolling image gallery for Framer.

Live Preview

Scroll Flow Gallery turns a collection of images into an immersive 3D space where images continuously move through depth as visitors scroll or drag.

Add your images, adjust the movement and depth settings, and build anything from a calm editorial gallery to a more dynamic 3D experience.

No code required. Everything is controlled directly through Framer's property panel.

Features

WebGL-powered 3D image gallery
Three.js + custom GLSL shaders
Scroll-driven depth movement
Drag interaction with smooth inertia
Optional horizontal auto-drift
Continuous depth-based image flow
Image atlas rendering
Adjustable number of image planes
Cover or Fill image fitting
Depth blur and fade
Adjustable image opacity and radius
Separate desktop and mobile layouts
Responsive image sizing and spacing
Static renderer support

Customize

Images
Number of planes
Image fit mode
Depth range
Scroll speed
Scroll inertia
Drag sensitivity
Drag inertia
Horizontal auto-drift
Image width, height and gap
Border radius
Image opacity
Depth fade
Depth blur
Background color

How It Works

Add your images to the component and adjust the gallery settings from the Framer property panel.

Desktop and mobile layouts have separate controls, allowing you to define the image dimensions and spacing for different screen sizes.

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

5c:Ta87,

Live Preview

Grab More components for free

Portfolio Marquee is a project showcase built around a continuously moving image strip. Each project gets its own title, category, description, image gallery, and CTA, while the images move horizontally in an infinite loop to create a more editorial and immersive way to browse work.

You can use it for portfolios, case studies, photography, architecture, branding, products, agencies, or any visual collection where the work should remain the focus.

On Mobile, the layout automatically reorganizes into a mobile-friendly flow with Back at the top, project information below the image strip, and Next at the bottom.

Features:

Infinite horizontal image marquee
Multiple images for every project
Automatic scrolling
Adjustable scroll and hover speeds
Hover-to-enlarge images
Project title and category switching
Animated project information changes
Back and Next navigation
Current project counter
Previous/next image previews
Custom project CTA and links
Responsive mobile layout
Fully customizable typography, colors and spacing
Static-render optimized for Framer

Customize:

Project names and categories
Multiple images per project
Project descriptions
CTA labels and links
Starting project
Auto-scroll on/off
Scroll speed
Hover speed
Image gap
Thumbnail and hover image height
Background and placeholder colors
Title, category and description colors
CTA and navigation colors
Typography for every text element
Container padding
Title positioning
Description width
Navigation thumbnail size
Category/title spacing
Gallery/footer spacing

How It Works:

Choose a project and its content becomes the active showcase. Its image collection is repeated into a seamless horizontal marquee, allowing the gallery to continuously move without reaching a visible end.

When auto-scroll is enabled, the strip moves continuously.

53:["$","$L54",null,{"value":{"fallback":{"$inf$activity-creator-d84b3af4-cf3a-4f8c-a330-137560bb6207-all:/unified/creator/d84b3af4-cf3a-4f8c-a330-137560bb6207/activity/":[{"data":[{"id":"01a0f22c-3330-711a-a76c-d6ba31888809","type":"comment.liked","target":{"type":"comment","id":"01a0f22b-56a0-77d4-9dae-fc22401fafb6","preview":"Sounds great, happy to be following! 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sounds great, happy to be following! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f211-ea1f-7193-b38e-890ed2a764dd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f213-4d9e-72d6-8932-9223f97fdee3"},"repost":null}},"context":{"type":"post","id":"01a0f211-ea1f-7193-b38e-890ed2a764dd","preview":"55/100 - Orbit Scroll image Gallery\nA rotating image orbit that reacts to scroll, speeds up with movement, brings each image forward on hover and an optional centered logo.\nLive Preview\nCustomize the orbit, rotation, hover effects, logo, image sizes, and more...","previewJson":{"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..."}]}]},"thumbnail":"https://image.mux.com/UKkC501uR00DwrVFWkTl4kdxZBnsRneoLYL1fWi1FfIpY/thumbnail.webp?time=3.833","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f211-ea1f-7193-b38e-890ed2a764dd","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":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-09-30T11:56:18.093Z","latestAt":"2026-09-30T11:56:18.093Z"},{"id":"01a0f21c-fde7-77c9-8503-3e1f9983072c","type":"comment.reply","target":{"type":"post","id":"01a0f211-ea1f-7193-b38e-890ed2a764dd","preview":"55/100 - Orbit Scroll image Gallery\nA rotating image orbit that reacts to scroll, speeds up with movement, brings each image forward on hover and an optional centered logo.\nLive Preview\nCustomize the orbit, rotation, hover effects, logo, image sizes, and more...","previewJson":{"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..."}]}]},"thumbnail":"https://image.mux.com/UKkC501uR00DwrVFWkTl4kdxZBnsRneoLYL1fWi1FfIpY/thumbnail.webp?time=3.833","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f211-ea1f-7193-b38e-890ed2a764dd","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0f21c-fdc8-721d-9665-479e3454cda4","preview":"Yes, aiming to build 100 components across all categories","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes, aiming to build 100 components across all categories"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0f211-ea1f-7193-b38e-890ed2a764dd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f213-4d9e-72d6-8932-9223f97fdee3"},"repost":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-09-30T11:39:41.415Z","latestAt":"2026-09-30T11:39:41.415Z"},{"id":"01a0f21b-6eb9-759b-841b-2f280e689cec","type":"comment.liked","target":{"type":"comment","id":"01a0f213-4d9e-72d6-8932-9223f97fdee3","preview":"Awesome! Hmm are you on a 100 day design/build challenge, cool! 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Awesome! Hmm are you on a 100 day design/build challenge, cool! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f211-ea1f-7193-b38e-890ed2a764dd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f213-4d9e-72d6-8932-9223f97fdee3"},"repost":null}},"context":{"type":"post","id":"01a0f211-ea1f-7193-b38e-890ed2a764dd","preview":"55/100 - Orbit Scroll image Gallery\nA rotating image orbit that reacts to scroll, speeds up with movement, brings each image forward on hover and an optional centered logo.\nLive Preview\nCustomize the orbit, rotation, hover effects, logo, image sizes, and more...","previewJson":{"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..."}]}]},"thumbnail":"https://image.mux.com/UKkC501uR00DwrVFWkTl4kdxZBnsRneoLYL1fWi1FfIpY/thumbnail.webp?time=3.833","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f211-ea1f-7193-b38e-890ed2a764dd","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":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-09-30T11:37:59.204Z","latestAt":"2026-09-30T11:37:59.204Z"},{"id":"01a0f219-9e40-75c9-bda5-6eef83084e57","type":"post.reposted","target":{"type":"post","id":"01a0f219-2380-7368-9838-8aa2c5c3f4ea","preview":"Guys, just added 2 new components today\nBoth are built around smooth scroll interactions and dynamic image layouts.\nOrbit Scroll Gallery An scroll triggered image gallery with a rotating orbital layout.\nScroll Reveal Grid A scroll-driven portfolio grid with smooth image reveal animations.\nExplore both on Russet Supply","previewJson":{"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"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/01a0f218-6f20-7048-b8d5-6123139c7885.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f219-2380-7368-9838-8aa2c5c3f4ea","like":{"count":5,"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-09-30T11:36:00.308Z","latestAt":"2026-09-30T11:36:00.308Z"},{"id":"01a0f219-9b27-7432-b704-78485bb01c9c","type":"post.liked","target":{"type":"post","id":"01a0f219-2380-7368-9838-8aa2c5c3f4ea","preview":"Guys, just added 2 new components today\nBoth are built around smooth scroll interactions and dynamic image layouts.\nOrbit Scroll Gallery An scroll triggered image gallery with a rotating orbital layout.\nScroll Reveal Grid A scroll-driven portfolio grid with smooth image reveal animations.\nExplore both on Russet Supply","previewJson":{"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"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/01a0f218-6f20-7048-b8d5-6123139c7885.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f219-2380-7368-9838-8aa2c5c3f4ea","like":{"count":5,"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-09-30T11:35:59.522Z","latestAt":"2026-09-30T11:35:59.522Z"},{"id":"01a0f208-92e7-77fe-813a-bd4f14d0a551","type":"post.liked","target":{"type":"post","id":"01a0f1fd-466e-70fd-a826-6441ef6731e6","preview":"🔥 Have you explored MARKETIZE yet?\nA modern Framer template crafted for marketing agencies, creative teams, and growing brands.\nIf you haven’t checked it out yet, now’s the time!\nhttps://marketize.framer.website/\n#Framer #FramerTemplates #Marketize #MarketingAgency #AgencyWebsite #WebDesign #NoCode #UIDesign #WebsiteTemplate #DesignMonks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" Have you explored "},{"type":"text","text":"MARKETIZE","marks":[{"type":"bold"}]},{"type":"text","text":" yet?"}]},{"type":"paragraph","content":[{"type":"text","text":"A modern Framer template crafted for marketing agencies, creative teams, and growing brands."}]},{"type":"paragraph","content":[{"type":"text","text":"If you haven’t checked it out yet, now’s the time!"}]},{"type":"paragraph","content":[{"type":"text","text":"https://marketize.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://marketize.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplates #Marketize #MarketingAgency #AgencyWebsite #WebDesign #NoCode #UIDesign #WebsiteTemplate #DesignMonks"}]}]},"thumbnail":"https://image.mux.com/39Pe2PxWf3uc5o4e9zNBJAggJVZbXsA8ci5fynFUXvU/thumbnail.webp?time=19.883","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f1fd-466e-70fd-a826-6441ef6731e6","like":{"count":3,"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-09-30T11:17:23.298Z","latestAt":"2026-09-30T11:17:23.298Z"},{"id":"01a0f208-8dee-74b7-be95-0028afe33658","type":"component.liked","target":{"type":"component","id":"AwUwKQR2v1z6i9YOVwmo","preview":"Peel Off Stickers","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e17f23e2-a374-4908-9f81-15238497466d/01a0f1df-1715-7090-a25d-a1e1801fa6a0.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-09-30T11:17:22.026Z","latestAt":"2026-09-30T11:17:22.026Z"},{"id":"01a0f208-882e-759f-9613-d9a022cc59de","type":"post.liked","target":{"type":"post","id":"01a0f16e-4071-76ef-b287-381052c9aecd","preview":"Tektūra anchors every section to columns 1, 4, 7 and 10, every third column.\nSwap any layout variant, in any order. Nothing shifts.\nFree until Oct 3 with code TEKTURA100\nGet Tektura","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tektūra anchors every section to columns 1, 4, 7 and 10, every third column."}]},{"type":"paragraph","content":[{"type":"text","text":"Swap any layout variant, in any order. Nothing shifts."}]},{"type":"paragraph","content":[{"type":"text","text":"Free until Oct 3 with code "},{"type":"text","text":"TEKTURA100","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get Tektura","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://buy.polar.sh/polar_cl_rJk6FWj449EzXYx0fO2BjV3XOEEMMfgGyC3DX1NacdL","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/Han02djjwWJOzcJ1luofTh8sxJ15P27qOKfP6ou2N7jg/thumbnail.webp?time=19.833","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f16e-4071-76ef-b287-381052c9aecd","like":{"count":12,"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-09-30T11:17:20.553Z","latestAt":"2026-09-30T11:17:20.553Z"},{"id":"01a0f208-83a4-760a-8f16-1fb1643709f2","type":"post.liked","target":{"type":"post","id":"01a0f145-6086-7613-aec3-e3d2a6ca6823","preview":"About Section — Marketing that builds trust, drives attention, and delivers results. ✦\n#Marketing #Framer #WebDesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About Section — Marketing that builds trust, drives attention, and delivers results. ✦","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Marketing #Framer #WebDesign"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1c3f8c0e-9a84-4398-b943-070b6a20c51a/01a0f145-0c18-70d7-a782-af6ebab5af46.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f145-6086-7613-aec3-e3d2a6ca6823","like":{"count":19,"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-09-30T11:17:19.392Z","latestAt":"2026-09-30T11:17:19.392Z"},{"id":"01a0f208-7e97-71ce-a2c7-0487a1642ae7","type":"post.liked","target":{"type":"post","id":"01a0f1fe-6520-75e6-a473-6e2d2c292e47","preview":"Brand guidline for Playvox. one of my recent project.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand guidline for Playvox. one of my recent project."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/07dca8b4-dadc-4906-81c0-04c7bf65dcb1/01a0f1fe-5402-73bf-9500-032ca972c2e4.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f1fe-6520-75e6-a473-6e2d2c292e47","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-09-30T11:17:18.098Z","latestAt":"2026-09-30T11:17:18.098Z"},{"id":"01a0f208-10d2-7519-88c5-02f49b663890","type":"post.liked","target":{"type":"post","id":"01a0f201-193e-70a4-a5ba-6c7ecaf7a0e3","preview":"Navigation 🏡 🔍 🙎🏾‍♂️","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation "},{"type":"emoji","attrs":{"name":"house_with_garden","emoji":"🏡"}},{"type":"text","text":" 🔍 🙎🏾‍♂️"}]}]},"thumbnail":"https://image.mux.com/NdQD4vVl19pwLceclJn4xYZ402oRuVbhIMPC02EMwrIwc/thumbnail.webp?time=12.259","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f201-193e-70a4-a5ba-6c7ecaf7a0e3","like":{"count":4,"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-09-30T11:16:49.994Z","latestAt":"2026-09-30T11:16:49.994Z"},{"id":"01a0f208-0c17-7165-be84-4783578b2091","type":"post.liked","target":{"type":"post","id":"01a0f17f-7c57-730e-9a8a-a75befa54870","preview":"We wanted the hero to do more than introduce the studio.\nFeatured projects are immediately accessible through an interactive preview, giving visitors a quick feel for the quality of work from the very first screen.\nComplete with seamless light and dark mode support.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We wanted the hero to do more than introduce the studio."}]},{"type":"paragraph","content":[{"type":"text","text":"Featured projects are immediately accessible through an interactive preview, giving visitors a quick feel for the quality of work from the very first screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Complete with seamless light and dark mode support."}]}]},"thumbnail":"https://image.mux.com/eB02prlFJyXaRXG01kRaYj8XZAnq2G346wF5nVU6rVaz4/thumbnail.webp?time=5.801","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f17f-7c57-730e-9a8a-a75befa54870","like":{"count":11,"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-09-30T11:16:48.787Z","latestAt":"2026-09-30T11:16:48.787Z"},{"id":"01a0f208-0a63-76dc-8d1f-ed1cf34767ee","type":"post.liked","target":{"type":"post","id":"01a0f1da-54b7-7194-957c-ba6b77f37523","preview":"For the next 24 hours, every template on my Framer profile is FREE ⚡\nI’ve made my full collection 10+ Framer templates for SaaS, startups, agencies, portfolios, products, and businesses available at $0 for one day only.\nNo discount code. No limited demo.\nJust choose the template you want, remix it in Framer, and keep it.\nFree for 24 hours only. After that, they go back to paid.\nIf you’ve had one saved for later, now’s the time 👀\n👉 Check out my Framer profile and grab your favorites.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For the next "},{"type":"text","text":"24 hours, every template on my Framer profile is FREE","marks":[{"type":"bold"}]},{"type":"text","text":" ⚡"}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve made my full collection "},{"type":"text","text":"10+ Framer templates","marks":[{"type":"bold"}]},{"type":"text","text":" for SaaS, startups, agencies, portfolios, products, and businesses available at "},{"type":"text","text":"$$0 for one day only","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"No discount code. No limited demo."}]},{"type":"paragraph","content":[{"type":"text","text":"Just choose the template you want, remix it in Framer, and keep it."}]},{"type":"paragraph","content":[{"type":"text","text":"Free for 24 hours only. After that, they go back to paid.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"If you’ve had one saved for later, now’s the time "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"👉 Check out my Framer profile and grab your favorites."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f1da-54b7-7194-957c-ba6b77f37523","like":{"count":4,"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-09-30T11:16:48.348Z","latestAt":"2026-09-30T11:16:48.348Z"},{"id":"01a0f208-0558-7428-82df-d762fc04c9be","type":"template.liked","target":{"type":"template","id":"74341","preview":"Tourvia Website","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1364828a-b355-487e-b32f-02641033b191/01a0f1e8-eebc-71ec-8971-5846a5d743bb.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-09-30T11:16:47.060Z","latestAt":"2026-09-30T11:16:47.060Z"},{"id":"01a0f207-fe4d-70d1-9691-5b0546250178","type":"template.liked","target":{"type":"template","id":"74343","preview":"Reader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6aac6cfd-15f5-451e-beed-7051975f59a2/01a0f200-7cdc-701e-823d-0163cdf7e042.jpg","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-09-30T11:16:45.250Z","latestAt":"2026-09-30T11:16:45.250Z"},{"id":"01a0f207-fa5c-7118-a37d-a4fd0aba83dc","type":"template.liked","target":{"type":"template","id":"74344","preview":"Velia","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/16d21852-c42a-46a9-9795-1c1c3809753e/01a0f202-d8f6-7427-b007-a1cd928538cb.jpg","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-09-30T11:16:44.248Z","latestAt":"2026-09-30T11:16:44.248Z"},{"id":"01a0f207-f55a-7288-bc59-71c5ba696590","type":"post.liked","target":{"type":"post","id":"01a0f203-5524-72ea-b121-ee9a777ceed2","preview":"Booking a first therapy session is the hardest click on any health site, and most bury it under a services menu.\nTherapistz leads with a mission — compassionate, evidence-based support tailored to the individual — a 'let's talk with us' button, and a rating drawn from nearly three hundred reviews.\nLive preview → https://calvio-template.framer.website/\nMake it yours →\n#framer #framertemplate #framerexpert #webdesign #nocode #therapy #mentalhealth #psychology #wellbeing","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Booking a first therapy session is the hardest click on any health site, and most bury it under a services menu."}]},{"type":"paragraph","content":[{"type":"text","text":"Therapistz leads with a mission — compassionate, evidence-based support tailored to the individual — a 'let's talk with us' button, and a rating drawn from nearly three hundred reviews."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Live preview → "},{"type":"text","text":"https://calvio-template.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://calvio-template.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Make it yours →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/eVq5kF3VVeqC8Jb30Jc3m23","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#framer #framertemplate #framerexpert #webdesign #nocode #therapy #mentalhealth #psychology #wellbeing"}]}]},"thumbnail":"https://image.mux.com/fLtP2TN01zz2iCJilfprIufrDfEPg9uuFpaa8qWDrJt4/thumbnail.webp?time=3.3","targetDeleted":false,"owned":false,"actions":{"postId":"01a0f203-5524-72ea-b121-ee9a777ceed2","like":{"count":1,"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-09-30T11:16:42.965Z","latestAt":"2026-09-30T11:16:42.965Z"},{"id":"01a0f1ea-3615-7480-9d8a-768f9c1402cd","type":"component.created","target":{"type":"component","id":"tkIqxCRoiuGxyZs3oMzR","preview":"Orbit Scroll Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0f1e8-9155-733b-8adc-f17029b32b44.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-09-30T10:44:13.461Z","latestAt":"2026-09-30T10:44:13.461Z"},{"id":"01a0f1b4-5b72-7664-99fd-0ba65f1ff9d1","type":"component.created","target":{"type":"component","id":"jY7Qe1N0eebSXQ5NNeZH","preview":"Scroll Reveal Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0f1b3-e43f-7118-955b-e80568b163ef.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-09-30T09:45:24.082Z","latestAt":"2026-09-30T09:45:24.082Z"},{"id":"01a0ec4d-c2f5-7721-bde0-729bf21fb951","type":"creator.followed","target":{"type":"creator","id":"300b3a94-48ea-4347-9758-5ab6ca2618ff","preview":"N!nh™ Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/300b3a94-48ea-4347-9758-5ab6ca2618ff/bginqadn","slug":"ninhstudio","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-09-29T08:35:14.277Z","latestAt":"2026-09-29T08:35:14.277Z"}],"pagination":{"next":"MjAyNi0wOS0yOVQwODozNToxNC4yNzdafDAxYTBlYzRkLWMyZjUtNzcyMS1iZGUwLTcyOWJmMjFmYjk1MQ","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":"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":5,"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":11,"liked":false},"comments":{"count":6},"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":"$55","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":"$56","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-30T10:00:49.189Z","publishedAt":"2026-09-30T09:45:22.776Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollrevealgrid.framer.website/","price":"7","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":"$57","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"},{"id":"01a0e433-873f-774e-ae6d-4bc62d977c6e","title":null,"body":"

A cinematic full-screen navigation that tears open from the center with two rotating panels, masked link reveals, and a responsive layout.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A cinematic full-screen navigation that tears open from the center with two rotating panels, masked link reveals, and a responsive layout."}]}]},"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":"0Go0fRWwh3O6CzyH1gsx","resolved":true,"title":"Split Shift Menu","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A cinematic full-screen navigation that tears open from the center with two rotating panels, masked link reveals, and a responsive layout"}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://splitshiftmenu.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Split Shift Menu turns a simple menu into a full-screen transition. Open the menu and two panels rotate into place from the center, revealing your navigation with a smooth, symmetric motion."}]},{"type":"paragraph","content":[{"type":"text","text":"The menu can sit directly over your existing Framer background, with optional blend modes that keep the logo and menu icon readable across changing backgrounds. "}]},{"type":"paragraph","content":[{"type":"text","text":"No code required. Everything is controlled directly through Framer's property panel."}]},{"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":"Full-screen navigation overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Center-out split panel animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating left and right panels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Masked link reveal animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rolling text hover effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated menu-to-close icon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"1–3 navigation columns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom navigation links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional new-tab links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text or image logo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background-aware logo blending"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom menu button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive mobile layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer support"}]}]}]},{"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":"Logo text or image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo font and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background blending"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Menu icon size and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Button background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border and radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link columns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Column and row spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text transformation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Menu background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link and hover colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel animation duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text reveal duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stagger and delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive breakpoint"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add your navigation items, logo, and styling through the Framer property panel. When visitors open the menu, the two panels rotate into place from opposite sides of the screen, creating a symmetrical center-out reveal."}]},{"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","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}}]}]}]},"introduction":"Full-screen split navigation","slug":"split-shift-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/01a0e432-e586-74e9-a54f-7c78eee455b0.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-09-27T18:49:36.667Z","updatedAt":"2026-09-30T11:43:59.498Z","publishedAt":"2026-09-27T18:49:36.665Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://splitshiftmenu.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/splitshiftmenu?wanted=true","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"iLOjix6cAvvXahVZkfMr","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-27T18:49:37.343Z","updatedAt":"2026-09-27T18:49:37.343Z"},{"id":"01a0dcd1-78a0-72fe-851d-76a14ed5850b","title":null,"body":"

Elastic Grid Scroll — Now available for free ↓

A responsive image grid where each column gently catches up to the scroll with its own elastic spring motion.

Lag, elasticity, smoothness, image treatment, captions, spacing, image bg link.

Live Preview

Built with the kind of details we care about at Russet Supply.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elastic Grid Scroll","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/v0DaLhU","target":"_blank"}}]},{"type":"text","text":" — Now available for free ↓"}]},{"type":"paragraph","content":[{"type":"text","text":"A responsive image grid where each column gently catches up to the scroll with its own elastic spring motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Lag, elasticity, smoothness, image treatment, captions, spacing, image bg link. "}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://elasticgridscroll.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with the kind of details we care about at 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/N6018c8uUPD1UYZcKZ4Uj57013r00n02o8DyuqAPBtCSZMo.m3u8","metadata":{"posterUrl":"https://image.mux.com/N6018c8uUPD1UYZcKZ4Uj57013r00n02o8DyuqAPBtCSZMo/thumbnail.webp?time=1.333","aspectRatio":"16:9","duration":9.642667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":4},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T08:25:10.564Z","updatedAt":"2026-09-26T08:25:10.564Z"},{"id":"01a0dcc4-7562-7559-907f-c078510bef1c","title":null,"body":"

A responsive image grid where each column catches up to your scroll position with smooth, elastic motion

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A responsive image grid where each column catches up to your scroll position with smooth, elastic motion"}]}]},"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":"yYDFdXeDIDDMJWLnSwnF","resolved":true,"title":"Elastic Grid Scroll","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A smooth elastic column-scroll gallery with spring-based lag for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://elasticgridscroll.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A responsive image grid where each column catches up to your scroll position with smooth and elastic motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Elastic Grid Scroll turns a standard image grid into a dynamic scrolling gallery. As visitors scroll, each column moves with its own spring-based lag, creating a subtle parallax and elastic catch-up effect. "}]},{"type":"paragraph","content":[{"type":"text","text":"No code required. Everything is controlled directly through Framer's property panel."}]},{"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":"Elastic column-based scroll effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth spring-driven lag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable scroll intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom elasticity and smoothness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional reversed scroll direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive image grid"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover image zoom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cover or contain image fit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional grayscale images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Captions below or overlaid on images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom caption typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional image links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer support"}]}]}]},{"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"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Captions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Alt text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Number of columns"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image aspect ratio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Column and row gaps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Container padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lag intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Elasticity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll smoothness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grayscale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover zoom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Caption position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Caption typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Caption color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add your images, captions, and optional links through the Framer property panel. The grid automatically distributes the items across columns."}]},{"type":"paragraph","content":[{"type":"text","text":"Adjust the lag, elasticity, and smoothness to control how quickly each column catches up. You can also add hover zoom, captions, grayscale treatment, and custom image fitting to match your design."}]},{"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","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_new"}}]}]}]},"introduction":"Images Grid with spring-based lag","slug":"elastic-grid-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":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0dcc4-137d-777a-8620-934d21942384.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-26T08:10:57.046Z","updatedAt":"2026-09-26T08:34:12.149Z","publishedAt":"2026-09-26T08:10:57.043Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/elasticgridscroll-dgkFlf.js@yDd3SJqREPx3rvSZmt1L","previewUrl":"https://elasticgridscroll.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"yDd3SJqREPx3rvSZmt1L","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T08:10:57.763Z","updatedAt":"2026-09-26T08:10:57.763Z"},{"id":"01a0d8dd-63a4-71ee-a5bc-e8772ef3ac34","title":null,"body":"

We finally have the numbers.

1,428 installs across Russet Supply.

31.2K unique visitors. 47.6K views.

What started as a small library of Framer resources is now being used by 1,400+ people.

And we’re still early.

Thanks @Cal for a clearer look at the numbers behind the work. Appreciate the update.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We finally have the numbers."}]},{"type":"paragraph","content":[{"type":"text","text":"1,428 installs across ","marks":[{"type":"bold"}]},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":".","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"31.2K unique visitors. 47.6K views."}]},{"type":"paragraph","content":[{"type":"text","text":"What started as a small library of Framer resources is now being used by 1,400+ people."}]},{"type":"paragraph","content":[{"type":"text","text":"And we’re still early."}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks "},{"type":"mention","attrs":{"id":"0a559738-35ec-47fd-b70d-0f909d865956","slug":"cal","label":"Cal","mentionSuggestionChar":"@"}},{"type":"text","text":" for a clearer look at the numbers behind the work. Appreciate the update."}]}]},"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/01a0d8da-b218-741a-ae03-f835ec6ab335.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1021,"height":464}}],"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":2,"edited":true,"editedAt":"2026-09-25T14:07:54.909Z","createdAt":"2026-09-25T13:59:42.760Z","updatedAt":"2026-09-25T14:07:54.909Z"},{"id":"01a0d823-ca3e-7799-9aff-8970efc46130","title":null,"body":"

Now Available on marketplace!

Been working on this grid component that does a little more than just show products.

Product Grid Preview hover a product and a large preview opens on the opposite side with a smooth cross-shaped reveal.

Main image, detail images, pricing, CTA, auto-cycling and plenty of controls.

Live Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now Available on marketplace!"}]},{"type":"paragraph","content":[{"type":"text","text":"Been working on this grid component that does a little more than just show products."}]},{"type":"paragraph","content":[{"type":"text","text":"Product Grid Preview ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/9hW2irW","target":"_blank"}}]},{"type":"text","text":"hover a product and a large preview opens on the opposite side with a smooth cross-shaped reveal."}]},{"type":"paragraph","content":[{"type":"text","text":"Main image, detail images, pricing, CTA, auto-cycling and plenty of controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://productgridpreview.framer.website/","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":"video","url":"https://stream.mux.com/IoOnlT4Cnb9bSgJktsW02lsdyre7zBHapyZWzQNnNmKI.m3u8","metadata":{"posterUrl":"https://image.mux.com/IoOnlT4Cnb9bSgJktsW02lsdyre7zBHapyZWzQNnNmKI/thumbnail.webp?time=8.233","aspectRatio":"16:9","duration":12.209333}}],"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":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T10:36:59.330Z","updatedAt":"2026-09-25T10:36:59.330Z","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":"01a0d824-2a3b-7233-9842-81cf3647c75c","repostedAt":"2026-09-25T10:37:23.901Z"}},{"id":"01a0d81a-8048-7689-b4be-d68ca977ee6f","title":null,"body":"

Hover-reveal product grid with cross-clip animation and auto-cycling detail images.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover-reveal product grid with cross-clip animation and auto-cycling detail images."}]}]},"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":"N7zv6vFgvsZJ7GVpmBDj","resolved":true,"title":"Product Grid Preview","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A full-height, cross-wipe product preview grid with auto-cycling detail shots — fully responsive, fully customizable.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://productgridpreview.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Product Grid Preview turns a standard product grid into an interactive browsing experience. Hover over a product on desktop or tap on touch devices to reveal a large preview on the opposite side, with a smooth cross-shaped clip-path transition."}]},{"type":"paragraph","content":[{"type":"text","text":"No code required. Everything is controlled directly through Framer's property panel."}]},{"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 product grid","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover preview on desktop","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tap interaction on touch devices","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Large opposite-side product preview","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cross-shaped clip-path reveal","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated grid fade and movement","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Main image + up to 3 detail images per product","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic detail-image cycling","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instant or fade image transitions","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom product names and prices","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom CTA text","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive tablet and mobile layouts","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image object-fit controls","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer support","marks":[{"type":"bold"}]}]}]}]},{"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":"Products","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product names","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Prices","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Main images","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Detail images","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image alt text","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA text","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid columns","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal and vertical gaps","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grid padding","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image aspect ratio","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fit","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview background","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview scale","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cross reveal width","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview image fit","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title and price visibility","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Currency symbol","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography and colors","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover delay","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal and animation speeds","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Detail cycling interval","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transition style","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive breakpoints and spacing","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add your products and images through the Framer property panel. On desktop, hover over a product to reveal its large preview on the opposite side of the grid. On touch devices, simply tap a product to open its preview."}]},{"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","href":"https://www.framer.com/@russetsupply/?tab=component","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Cross-wipe hover reveal grid","slug":"product-grid-preview","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/01a0d81a-1cf2-77dd-9b20-62351914670a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-25T10:26:49.895Z","updatedAt":"2026-09-30T11:44:29.127Z","publishedAt":"2026-09-25T10:26:49.893Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://productgridpreview.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/productgridpreview?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"OfoNdggrNyJws47cshik","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T10:26:50.568Z","updatedAt":"2026-09-25T10:26:50.568Z"},{"id":"01a0ceea-0b23-748d-a57c-36e8c950d6bb","title":null,"body":"

Quality > Quantity

Day by day, Russet Supply library is getting sharper.

Scroll Flow Gallery where images flow through depth as you scroll or drag.

Three.js + custom GLSL shaders, smooth inertia, depth blur, optional auto-drift, and separate mobile controls.

Try it yourself

This one feels pretty special.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Quality > Quantity"}]},{"type":"paragraph","content":[{"type":"text","text":"Day by day, Russet Supply library is getting sharper."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Flow Gallery","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/oh1GpK7","target":"_blank"}}]},{"type":"text","text":" where images flow through depth as you scroll or drag."}]},{"type":"paragraph","content":[{"type":"text","text":"Three.js + custom GLSL shaders, smooth inertia, depth blur, optional auto-drift, and separate mobile controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it yourself","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://scrollflowgallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"This one feels pretty special."}]}]},"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/fA00iWQRDkiLZ00NffL6tJMy4I021VyKXwK01O9azLqbsKQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/fA00iWQRDkiLZ00NffL6tJMy4I021VyKXwK01O9azLqbsKQ/thumbnail.webp?time=1.5","aspectRatio":"16:9","duration":14.109333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-23T15:37:19.913Z","updatedAt":"2026-09-23T15:37:19.913Z","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":"01a0ceea-94e0-751b-89db-9e4f462c67cc","repostedAt":"2026-09-23T15:37:55.170Z"}},{"id":"01a0cecf-f3eb-73a6-a4bd-6e297f0bfd8d","title":null,"body":"

An interactive image gallery for Framer with smooth depth-scroll physics and customizable 3D layout control.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive image gallery for Framer with smooth depth-scroll physics and customizable 3D layout control."}]}]},"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":"nGnEc2FWkub4PqiGfL6F","resolved":true,"title":"Scroll Flow Gallery","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A WebGL-powered 3D scrolling image gallery for Framer.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://scrollflowgallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Flow Gallery turns a collection of images into an immersive 3D space where images continuously move through depth as visitors scroll or drag."}]},{"type":"paragraph","content":[{"type":"text","text":"Add your images, adjust the movement and depth settings, and build anything from a calm editorial gallery to a more dynamic 3D experience."}]},{"type":"paragraph","content":[{"type":"text","text":"No code required. Everything is controlled directly through Framer's property panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WebGL-powered 3D image gallery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three.js + custom GLSL shaders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven depth movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag interaction with smooth inertia"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional horizontal auto-drift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Continuous depth-based image flow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image atlas rendering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable number of image planes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cover or Fill image fitting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth blur and fade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable image opacity and radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate desktop and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive image sizing and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer support"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customize"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Number of planes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fit mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth range"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll inertia"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag sensitivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag inertia"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal auto-drift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image width, height and gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image opacity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth fade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth blur"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add your images to the component and adjust the gallery settings from the Framer property panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop and mobile layouts have separate controls, allowing you to define the image dimensions and spacing for different screen sizes."}]},{"type":"customHeading","content":[{"type":"text","text":"Need help setting it up?"}],"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":"bold"}]},{"type":"text","text":".","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@russetsupply.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Explore More"}],"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":"3D Depth Flow Scroll Showcase","slug":"scroll-flow-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/01a0cece-8cad-743d-994c-e6c057bff8c5.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-23T15:08:49.325Z","updatedAt":"2026-09-30T11:45:06.740Z","publishedAt":"2026-09-23T15:08:49.318Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scrollflowgallery.framer.website/","price":"10","paymentUrl":"https://russetsupply.gumroad.com/l/scrollflowgallery?wanted=true","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"k7D0abfJKyrkCvz1Ymgb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-23T15:08:50.027Z","updatedAt":"2026-09-23T15:08:50.027Z"},{"id":"01a0cec4-63dd-7482-a094-6527588f8148","title":null,"body":"

We’ve refined the @Russet Supply presence on Framer.

Clear identity. One home. A growing library of components and templates (free & premium)

We've already crossed 500+ users

This is where we’re building from now on.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’ve refined the "},{"type":"mention","attrs":{"id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","slug":"russetsupply","label":"Russet Supply","mentionSuggestionChar":"@"}},{"type":"text","text":" presence on Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Clear identity. One home. A growing library of components and templates (free & premium)"}]},{"type":"paragraph","content":[{"type":"text","text":"We've already crossed 500+ users"}]},{"type":"paragraph","content":[{"type":"text","text":"This is where we’re building from now on."}]}]},"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/01a0cec2-bf60-7783-a365-e09eea0106ae.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1188,"height":458}}],"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":1},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-23T14:56:12.267Z","updatedAt":"2026-09-23T14:56:12.267Z","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":"01a0cec5-48e0-7758-bcb5-74be7967fb92","repostedAt":"2026-09-23T14:57:10.881Z"}},{"id":"01a0bf46-8869-7709-b471-83c01064c04d","title":null,"body":"

One of the most premium components I’ve built so far.

Portfolio Marquee

An editorial project showcase with an infinite image marquee, hover enlargement, project navigation, previews, and CTAs.

and yes, It is responsive for all small devices.

Live Preview here

The kind of component I’d actually want to build a portfolio around.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One of the most premium components I’ve built so far."}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio Marquee","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/MiX6MYk","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"An editorial project showcase with an infinite image marquee, hover enlargement, project navigation, previews, and CTAs. "}]},{"type":"paragraph","content":[{"type":"text","text":"and yes, It is responsive for all small devices."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://portfoliomarquee.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The kind of component I’d actually want to build a portfolio around."}]}]},"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/oxZOBrpjOpyWRxyO8jB4n00AjKQT4KpeKxr02UU300lw028.m3u8","metadata":{"posterUrl":"https://image.mux.com/oxZOBrpjOpyWRxyO8jB4n00AjKQT4KpeKxr02UU300lw028/thumbnail.webp?time=2.7","aspectRatio":"16:9","duration":7.809333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T14:44:25.837Z","updatedAt":"2026-09-20T14:44:25.837Z","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":"01a0bf48-fd9d-73df-9273-3acf97c1ee7f","repostedAt":"2026-09-20T14:47:06.910Z"}},{"id":"01a0bf32-7d0c-71ff-855d-a78cf9a41bf0","title":null,"body":"

Portfolio Marquee

A cinematic project gallery with an infinite image marquee

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Marquee","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic project gallery with an infinite image marquee"}]}]},"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":"U4df8FxjXkSXWDopLElS","resolved":true,"title":"Portfolio Marquee","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://portfoliomarquee.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Grab More components for free","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://www.framer.com/@russetsupply/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio Marquee ","marks":[{"type":"bold"}]},{"type":"text","text":"is a project showcase built around a continuously moving image strip. Each project gets its own title, category, description, image gallery, and CTA, while the images move horizontally in an infinite loop to create a more editorial and immersive way to browse work."}]},{"type":"paragraph","content":[{"type":"text","text":"You can use it for portfolios, case studies, photography, architecture, branding, products, agencies, or any visual collection where the work should remain the focus."}]},{"type":"paragraph","content":[{"type":"text","text":"On Mobile","marks":[{"type":"bold"}]},{"type":"text","text":", the layout automatically reorganizes into a mobile-friendly flow with Back at the top, project information below the image strip, and Next at the bottom."}]},{"type":"customHeading","content":[{"type":"text","text":"Features:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite horizontal image marquee"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple images for every project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable scroll and hover speeds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover-to-enlarge images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project title and category switching"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated project information changes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Back and Next navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Current project counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Previous/next image previews"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom project CTA and links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive mobile layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable typography, colors and spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-render optimized for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customize:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project names and categories"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multiple images per project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project descriptions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA labels and links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Starting project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-scroll on/off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Thumbnail and hover image height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background and placeholder colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title, category and description colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA and navigation colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography for every text element"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Container padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title positioning"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Description width"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation thumbnail size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Category/title spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gallery/footer spacing"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works:"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Choose a project and its content becomes the active showcase. Its image collection is repeated into a seamless horizontal marquee, allowing the gallery to continuously move without reaching a visible end."}]},{"type":"paragraph","content":[{"type":"text","text":"When auto-scroll is enabled, the strip moves continuously."}]}]},"introduction":"Auto-Scroll Projects Carousel","slug":"portfolio-marquee","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/01a0bf31-853b-70e9-8c11-1e1448156cf3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-20T14:22:31.323Z","updatedAt":"2026-09-30T11:45:40.054Z","publishedAt":"2026-09-20T14:22:31.320Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://portfoliomarquee.framer.website/","price":"5","paymentUrl":"https://russetsupply.gumroad.com/l/portfoliomarquee?wanted=true","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"GtCwE5nJvkm5goFm0cf9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T14:22:32.204Z","updatedAt":"2026-09-20T14:22:32.204Z"},{"id":"01a0ba14-81d0-73a7-b16e-1228849a4cdb","title":null,"body":"

Let's go! 2nd component of the day.

Scroll Step Timeline

The line grows as you scroll, and each step lights up when you reach it.

Simple interaction, but it makes the whole process feel way more alive.

Live Preview

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Let's go! 2nd component of the day."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Step Timeline ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/tbbTnuG","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"The line grows as you scroll, and each step lights up when you reach it."}]},{"type":"paragraph","content":[{"type":"text","text":"Simple interaction, but it makes the whole process feel way more alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://scrollstepstimeline.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"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/CHBvyhT00Ml01PY15tA028h4Jfo0166on5S8T581NM02nhbA.m3u8","metadata":{"posterUrl":"https://image.mux.com/CHBvyhT00Ml01PY15tA028h4Jfo0166on5S8T581NM02nhbA/thumbnail.webp?time=7.767","aspectRatio":"16:9","duration":10.542667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T14:31:41.267Z","updatedAt":"2026-09-19T14:31:41.267Z","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":"01a0ba14-fde7-7327-9bbe-69171cd4739a","repostedAt":"2026-09-19T14:32:13.033Z"}}],"pagination":{"next":"MDFhMGJhMTQtZmRlNy03MzI3LTliYmUtNjkxNzFjZDQ3Mzlh","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5d"}]