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

Before you hit publish on Framer run through these essential pre-launch checks 🔥

Shipping fast means nothing if a sluggish, broken site bleeds conversions the second traffic hits.

Here is the non-negotiable Framer launch checklist to protect both performance and user experience:

1. Asset Compression: Convert images to WebP/AVIF and compress hero videos. Framer handles caching well, but multi-megabyte assets will still sink your Lighthouse score.

2. Technical SEO Foundations: Define custom page titles, meta descriptions, and social share images inside Page Settings for every single route.

3. Semantic HTML Tags: Check that headings follow an accurate hierarchy (one H1, followed by H2 and H3) and wrap primary navigation in <nav> rather than generic <div> stacks. And every page under a main stack with tag main.

4. Breakpoint Audits: Don't rely solely on responsive preview mode. Test real mobile and tablet viewports to catch horizontal overflow, clipped text, or misaligned stacks.

5. Form & Conversion Pathways: Submit test entries through every form, confirm redirection logic, and click every external link to eliminate broken interactions.

6. Custom 404 & Favicon: Replace default Framer placeholders with a branded favicon and an intentional 404 page that guides lost visitors back to high-value pages.

7. Domain & Analytics Handshake: Verify DNS propagation, enforce HTTPS, and confirm tracking scripts (Google Analytics, PostHog, or Meta Pixel) fire accurately before the launch push.

Great UI grabs attention; bulletproof execution drives revenue.

What is the single most common bug you catch right before a site goes live? 👇

#Framer #WebDesign #UIUX #SEO #WebDevelopment #Frontend #DesignSystems

53:T8f4,

WordDrum stacks a repeating word into rows for Framer, each one cycling through its own squeeze, tilt, and brightness wave, like a wall of tiny spinning drums instead of one circular spin.

Every other spinning-text component puts words on a single circular path or one rotating cylinder line. WordDrum stacks many rows at once, each phase-offset from its neighbors, so the whole wall ripples instead of moving as one shape.

WHAT IT DOES

Add one or more words, and WordDrum repeats them down as many rows as you choose. Each row cycles through a cosine-based squeeze and tilt, brightening and dimming, so the stack reads as a shimmering drum wall. Hover or press any row and it grows toward an accent color while the rest keeps cycling.

KEY FEATURES

Many independently phased rows, not one circular or single-line spin
Cosine-driven squeeze, tilt, and brightness cycle per row
Hover or touch any row to grow it toward an accent color
Adjustable cycle speed, drift amplitude, and hover responsiveness
Smooth edge fade at top and bottom, blends into the background
Resolves any color format, hex, rgba, named colors, or shared color styles
Static-safe rendering settles rows into a clean resting pose
Runs entirely on MotionValues, no per-frame React re-renders
Full typography controls
Zero third-party dependencies beyond Framer Motion

WHY IT WORKS

A single spinning circle or cylinder is familiar by now. A wall of words each cycling on its own offset drum reads as a living surface, more texture than typography, and the hover response gives visitors a reason to interact with it.

PERFECT FOR

Hero section backdrops, brand statement walls, agency landing pages, and any Framer site that wants a kinetic typographic backdrop instead of a static headline.

WHAT'S INCLUDED

A single drop-in component. Add your words, set the row count, then tune cycle speed, colors, and hover behavior through property controls.

Drop it in, add your words, and let the wall spin.

54:T8ff,

ArcSpread is a draggable image gallery for Framer where cards sit along a wide arc, like a hand of cards fanned open, with a rippling lag that makes nearby cards react instantly while distant ones trail behind.

Drag, flick, scroll the wheel, or use arrow keys to spin the fan. Because each card follows at a speed based on its distance from where you touched, the whole arc moves with a wave-like cascade instead of shifting as one rigid strip.

WHAT IT DOES

Add cards, each with an image, title, and caption. The fan spans a wide arc, drag to spin it, flick to send it coasting with momentum, or let it idle-drift on its own. Distance-weighted lag means cards closest to your touch respond first, the effect cascading through the rest.

KEY FEATURES

Distance-weighted lag creates a genuine cascading wave through the fan
Drag, flick, mouse wheel, and arrow key navigation all built in
Adjustable arc radius, card width, aspect ratio, and overlap
Optional snap-to-card on release for a tidy resting position
Idle drift with pause-on-hover, keeps the gallery alive at rest
Title and caption overlay per card with adjustable gradient wash
Fully responsive, geometry recalculates live on resize
Static-safe rendering for the Framer canvas and thumbnails
Full typography and color controls
Zero third-party dependencies, pure Pointer Events and RAF

WHY IT WORKS

Most drag carousels move every card at the same rate, which feels rigid. ArcSpread's distance-weighted follow makes the fan respond like a real hand of cards, a wave outward from wherever you touch, not a flat mechanical shift.

PERFECT FOR

Photography and portfolio fans, brand lookbooks, product collections, and any Framer site that wants a tactile, physical-feeling card spread instead of a flat carousel.

WHAT'S INCLUDED

A single drop-in component. Add your cards, then tune arc radius, card size, lag, and drift through property controls.

Drop it in, load your cards, and give visitors a fan worth touching.

55:T906,

BladeReveal is a cinematic image slider for Framer where each new slide sweeps in through staggered vertical blades, with a custom circular cursor that replaces the pointer for click-to-navigate browsing.

Click the left or right half of the frame and a circular cursor icon flips direction to show which way you're heading, then the next slide reveals through thin animated strips with a Ken Burns zoom, while the title types in letter by letter.

WHAT IT DOES

Add slides, each with an image, title, chapter label, and optional description. Click either half of the frame to move forward or back, or let it autoplay. Every transition sweeps the incoming image in through staggered blades with a subtle zoom, title animating in character by character.

KEY FEATURES

Staggered vertical blade-wipe reveal, adjustable blade count and stagger
Custom circular cursor for click-to-navigate, flips direction
Ken Burns zoom on every incoming slide, adjustable start scale and duration
Per-character animated title reveal, not word-by-word
Progress bar and numbered counter, both fully optional
Optional chapter label and description text per slide
Autoplay with configurable interval
Hides native cursor, disables click nav automatically on touch
Static-safe rendering for the Framer canvas and thumbnails
Zero third-party dependencies beyond Framer Motion

WHY IT WORKS

Most wipe sliders use click zones without a visual cue, leaving navigation to be discovered by accident. BladeReveal's circular cursor makes the interaction obvious the moment someone moves their mouse.

PERFECT FOR

Portfolio case study intros, agency hero sections, editorial story openers, and any Framer site that wants a cinematic slider people actually know how to use.

WHAT'S INCLUDED

A single drop-in component. Add slides with image, title, and optional description, then tune blade count, zoom, and cursor through property controls.

Drop it in, load your slides, and let visitors click their way through.

56:T8ff,

DriftRow is an infinite horizontal card gallery for Framer where every card tilts in 3D based on how fast you're dragging or scrolling, with a masked title and caption reveal on hover, not a multi-column grid, a single flowing row.

Drag the strip, scroll the wheel in either direction, or let it drift on autoplay. The faster you move it, the more each card tilts on its Y-axis, easing back flat the moment it settles, a physical response to momentum rather than a fixed hover tilt.

WHAT IT DOES

Add slides, each with an image, title, and caption. The row loops infinitely with true perspective and depth. Velocity from your drag or scroll drives a live 3D tilt across every visible card, and hovering any card reveals its title and caption with a masked slide-up animation.

KEY FEATURES

Velocity-driven 3D tilt, responds to actual drag/scroll speed
True infinite loop with real CSS 3D perspective
Masked slide-up caption reveal on hover, not a flat fade
Works with wheel, trackpad, and pointer drag, horizontal or vertical
Optional auto-scroll with adjustable speed and direction
Adjustable perspective depth, max tilt, drag sensitivity
Automatic reduced-motion fallback disables tilt and drift entirely
Animated scroll hint for first-time visitors
Static-safe rendering for the Framer canvas and thumbnails
Zero third-party dependencies beyond Framer Motion

WHY IT WORKS

Most 3D tilt galleries use a fixed hover tilt or a multi-column grid. DriftRow ties the tilt to real momentum in a single flowing row, so the motion feels physical instead of decorative, with real captions attached.

PERFECT FOR

Photography strips, brand mood galleries, agency work showcases, and any Framer site that wants a tactile single-row 3D gallery instead of a grid.

WHAT'S INCLUDED

A single drop-in component. Add slides with image, title, and caption, then tune tilt, perspective, and drag speed through property controls.

Drop it in, load your slides, and let momentum do the tilting.

57:T8fa,

IndexReveal is a hoverable work index for Framer where each row reveals a cursor-following preview blended in mix-blend difference mode, with a highlight bar sliding behind whichever row is active.

Most cursor-preview list components stop at a floating image that follows the pointer. IndexReveal adds two details none of them do: a difference blend mode that inverts colors where the image crosses text, and a highlight bar that glides to the active row instead of just changing text color.

WHAT IT DOES

Add entries, each with a title, tag, note, and image. Hover any row and a floating image appears, following the cursor with spring physics and clipping in with a rounded reveal instead of a flat fade. The highlight bar slides to match the active row's exact position and height.

KEY FEATURES

Mix-blend difference layer for a distinctive inverted-color preview
Spring-based cursor-follow image, adjustable follow tightness
Animated highlight bar that slides to the active row
Clip-path reveal/exit animation, not a flat fade or scale
Adjustable image scale, speed, and row spacing
Reduced-motion fallback, no cursor tracking or clip animation
Static-safe rendering shows a clean list on the Framer canvas
Full color controls, background, highlight, active/inactive text
Monospace-friendly layout suited to technical portfolios
Minimal dependencies, built on Framer Motion

WHY IT WORKS

A cursor-following preview is common by now. The difference blend mode and tracking highlight bar give IndexReveal a distinct signature that reads as art direction, not a copied pattern.

PERFECT FOR

Agency client lists, developer portfolios, case study indexes, and any Framer site presenting a browsable list of work with visual previews attached.

WHAT'S INCLUDED

A single drop-in component. Add entries with title, tag, note, and image, then tune speed, follow tightness, and colors through property controls.

Drop it in, load your work, and let visitors hover through it.

58:T906,

BloomReveal is a drag and wheel driven image carousel for Framer where cards smoothly balloon in size as they approach the leading edge, then taper back down, with a title and caption that reveal above each card on hover.

Cards grow along a true parabolic curve, not a linear scale, so the size change feels organic rather than mechanical. Drag, scroll the wheel, or let it drift on autoplay, it pauses automatically off-screen or when the tab loses focus.

WHAT IT DOES

Add slides, each with an image, title, and caption. Visitors drag or scroll through an infinite loop of cards that grow as they near the front and shrink as they recede. Hovering any card reveals its title and caption above the image, or keep the active card's caption always visible.

KEY FEATURES

Parabolic growth curve, cards balloon smoothly, not a flat step
Drag and wheel navigation, momentum coasts naturally to a stop
Infinite loop, no visible seam or reset
Hover-triggered title/caption reveal above each card
Always-visible caption option for the active slide
Autoplay pauses automatically off-screen or when the tab is hidden
Reduced-motion fallback, direct follow with no coast or drift
Adjustable min/max card size, curve strength, autoplay speed
Optional prev/next arrows
Static-safe rendering for canvas and thumbnails

WHY IT WORKS

Most expanding-card carousels use a stepped or linear scale that feels mechanical. BloomReveal's parabolic curve grows cards the way a fisheye lens does, while the hover caption system turns a visual effect into an actual way to browse titled content.

PERFECT FOR

Photography and portfolio galleries, agency project showcases, editorial collections, and any Framer site that wants a tactile carousel with real captions attached.

WHAT'S INCLUDED

A single drop-in component. Add slides with image, title, and caption, then tune card size, curve strength, and autoplay through property controls.

Drop it in, load your slides, and let visitors browse by feel.

59:T8ee,

EllipseWheel is a draggable elliptical card wheel for Framer, a true ellipse with independent width and height, not a circle forced into an oval shape, that you grab and spin directly with your pointer.

Most orbit and ring carousels only auto-rotate or drag with generic momentum. EllipseWheel tracks the actual angle of your pointer against the ellipse's center, so dragging feels like turning a real dial, and releasing snaps cleanly to the nearest card.

WHAT IT DOES

Add cards, each with an image and optional caption. Cards distribute evenly around an ellipse, the frontmost scaling largest and brightest while cards toward the back shrink and fade. Drag anywhere to spin the wheel by hand, or let it auto-rotate, pausing on hover if you choose.

KEY FEATURES

True elliptical orbit, independent X and Y radius, not a forced circle
Real pointer-angle drag tracking, turning feels like a physical dial
Snap-to-nearest-card release, no random resting position
Depth-based scale and opacity, frontmost card always clearest
Optional auto-rotate with adjustable speed and pause-on-hover
Adjustable minimum scale for how small back-row cards shrink
Optional center label overlay
Automatic reduced-motion fallback disables auto-rotate
Static-safe rendering for the Framer canvas and thumbnails
Zero third-party dependencies, pure Pointer Events and RAF

WHY IT WORKS

Most orbit carousels either spin on their own or drag with generic inertia. EllipseWheel's pointer-angle math makes dragging feel like a real object, and the snap-to-card release means visitors never land on an awkward in-between position.

PERFECT FOR

Team and testimonial showcases, product feature wheels, and any Framer site that wants a hands-on, tactile alternative to a flat carousel.

WHAT'S INCLUDED

A single drop-in component. Add your cards, then tune radius, scale, speed, and colors through property controls.

Drop it in, load your cards, and give visitors something to turn.

5a:T8f9,

PhaseOrbit is a scroll-driven dual-orbit carousel for Framer, captions circle on one side, images circle on the other, phase-shifted against each other so they roll in sync instead of spinning as one flat ring.

Every other orbit carousel on the marketplace rotates a single ring of items. PhaseOrbit runs two independent circular tracks at once, offset by a configurable phase, so a caption and its image arrive at the front slightly apart, a rolling feel no single-ring carousel produces.

WHAT IT DOES

Pin a scroll section and add caption-and-image pairs. As the visitor scrolls, both orbits rotate together, each item scaling and brightening as it nears the front of its circle, then receding as it passes. On mobile, it falls back to a clean two-column grid.

KEY FEATURES

Two independent circular orbits, phase-shifted against each other
Scroll-driven rotation, pinned section responds directly to scroll position
Cosine-based depth calc, smooth focus and recede, not a hard cut
Adjustable orbit radius, card size, and scroll length
Configurable focus sharpness for the front item
Independent resting scale and opacity for background items
Automatic mobile fallback to a simple two-column grid layout
Static-safe rendering for the Framer canvas and thumbnails
Full typography and color controls
Zero third-party dependencies beyond Framer Motion

WHY IT WORKS

A single rotating ring is a familiar effect by now. Two orbits moving in phase-shifted sync reads as choreography, not just rotation, giving a section considered motion design instead of a stock carousel effect.

PERFECT FOR

Brand storytelling sections, portfolio project reveals, editorial scroll experiences, and any Framer site wanting scroll motion beyond a standard spinning carousel.

WHAT'S INCLUDED

A single drop-in component. Add caption and image pairs, then tune orbit radius, phase shift, scroll length, and colors through property controls.

Drop it in, add your pairs, and let the orbits roll.

5b:T885,

SpoolText is a 3D letter roll animation for Framer where each character flips around its horizontal axis into place, triggered on page load, hover, or both combined, with full per-character replay every time.

Set your text once and choose how it plays, once on load, every time it's hovered, or both, with the entire word replaying cleanly from scratch on each trigger instead of only animating once.

WHAT IT DOES

Type your text and pick a trigger mode. Each character flips in with a staggered 3D rotation, the outgoing face rotating up and out while the incoming face rotates in from below, with adjustable duration, stagger, and easing. A reduced-motion-safe static fallback renders plain text on the Framer canvas.

KEY FEATURES

3D per-character roll animation with true rotateX transforms
Three trigger modes: on load, on hover, or both combined
Full replay on every hover, not just a single one-time animation
Adjustable duration, stagger, and four easing curves
Static-safe rendering for the Framer canvas and thumbnails
Preserves character spacing automatically, no layout shift
Full typography and color controls
Zero third-party dependencies beyond Framer Motion
Lightweight, pure CSS 3D transforms, no canvas or WebGL

WHY IT WORKS

Most letter-roll effects only fire once on load or loop continuously regardless of interaction. SpoolText responds to both moments, giving designers a single component for intro animations and repeatable hover emphasis instead of picking one or the other.

PERFECT FOR

Hero headlines, navigation links, call-to-action labels, and any Framer site that wants kinetic typography with control over exactly when it plays.

WHAT'S INCLUDED

A single drop-in component. Type your text, choose a trigger mode, and tune duration, stagger, and easing through property controls.

Drop it in, set your trigger, and let the letters roll.

5c:T904,

GlyphLens is an animated typography component for Framer where each letter springs into place, a colored highlight sweeps across the word, and hovering any individual letter reveals a unique image clipped inside that letter's shape, slowly panning.

No other letter animation component does this: assign a different image to every character, and each one becomes its own small window, not a filled outline, not a font swap, an actual photo inside the letterform.

WHAT IT DOES

Type your text and assign up to one image per character. Letters spring in with staggered timing, then a colored sweep runs across the word once the entrance settles. Hover any letter and its image fades in, clipped to that character's shape, slowly panning.

KEY FEATURES

Per-letter image assignment, a genuinely different image for every character
Spring-physics letter entrance with adjustable stagger
Colored highlight sweep that runs across the word after entrance settles
Slow background pan on hover for a living, non-static image reveal
Adjustable entrance settle time, sweep stagger, and sweep duration
Ignores extra images beyond your character count automatically
Static-safe rendering for the Framer canvas and thumbnails
Full typography control, size, weight, spacing, line height
Independent base and sweep text colors
Zero third-party dependencies beyond Framer Motion

WHY IT WORKS

Text hover effects on the marketplace fill, warp, shuffle, or morph letters, but none turn individual characters into image windows. GlyphLens makes a headline reward exploration, hover every letter and discover a different picture.

PERFECT FOR

Portfolio hero headlines, brand name reveals, agency landing pages, and any Framer site that wants a headline worth hovering over.

WHAT'S INCLUDED

A single drop-in code component. Type your text, assign images per letter, and tune entrance, sweep, and colors through property controls.

Drop it in, add your images, and let every letter tell its own story.

5d:T495,

Just shipped PromoPopup for Framer 🎉

A promotional popup that actually respects your users — auto-opens after a delay, minimizes to a header row, and remembers dismissals for the session.

Two modes: 🟫 Toast floating card bottom-right 📏 Bar full-width top announcement bar

What you can customize: ✦ Auto-open delay or manual control ✦ Minimize and expand with one click ✦ Dismiss with session memory ✦ CTA button with any URL ✦ Breathing accent animations ✦ Full color, font and radius controls

Built with Framer Motion. Static renderer safe. No dependencies.

Perfect for product launches, discount banners, marketplace announcements, and feature reveals.

Now live on the @Framer Marketplace 👇

#Framer #FramerComponent #NoCode #WebDesign #FramerMarketplace

5e:T8b9,

A promotional popup component with toast and top bar modes, auto-open delay, minimize and dismiss controls. Perfect for announcing launches, discounts, or marketplace links without interrupting the user experience.

Two Layout Modes Toast mode renders a floating card aligned bottom-right inside the frame. Top Bar mode stretches full-width for site-wide announcements. Automatically switches to bar mode when component width is set to 100%.

Key Features

Auto-open after configurable delay or manual control from properties panel
Minimize to header row — expand again by clicking the card
Dismiss with optional session memory — stays dismissed until browser session ends
CTA button opens any URL in a new tab
Breathing accent animations — icon pulse, gradient sweep, top line sweep
Animations pause when component is out of viewport
Static renderer safe — shows popup on canvas without delay
Fade, scale and y-axis enter and exit animations via Framer Motion

Property Controls

Behavior — mode (toast/bar), control (auto/manual), auto open toggle, delay, default minimized state, dismiss toggle, session memory

Content — headline, subheadline, CTA label, CTA link

Style — surface color, warm background accent, text, muted text, border, accent color, accent animation toggle and speed, heading font, body font, button font, radius, padding, shadow strength

Use Cases Product launches · Marketplace announcements · Discount and promo banners · Newsletter signups · Cookie notices · Feature announcements · Limited time offers · New component alerts

SEO Keywords framer popup component · framer toast notification · framer promo popup · framer announcement bar · framer top bar · framer promotional component · framer modal component · framer notification component · framer CTA popup · framer code component

5f:T8df,

GleamButton is an animated call-to-action button for Framer with a rotating conic-gradient ring, a soft breathing glow, and a diagonal highlight sweep on hover, built as a real, crawlable link when you set one.

Unlike a plain click handler, GleamButton renders as a genuine anchor tag when linked, so middle-click, right-click, and cmd-click all work correctly, and search engines can crawl it like any other link.

WHAT IT DOES Set your label, colors, and optional link, and GleamButton handles the rest. A thin conic-gradient ring spins continuously around the border, a soft glow breathes beneath the label, and a diagonal highlight sweeps across on hover or focus. Reduced-motion preference disables the animation automatically.

KEY FEATURES

Rotating conic-gradient ring border, adjustable thickness and speed
Breathing glow animation beneath the label
Diagonal highlight sweep on hover and keyboard focus
Renders as a real anchor tag when linked, full browser-native link behavior
Automatic reduced-motion fallback for accessibility
Disabled state with reduced opacity and blocked interaction
Full typography, color, and padding controls
Adjustable corner radius, from sharp to full pill
Open-in-new-tab toggle for outbound links
Zero third-party dependencies beyond Framer Motion

WHY IT WORKS

Most animated CTA buttons in this style use a JavaScript click handler even when linking out, which breaks native browser behavior like middle-click and right-click. GleamButton keeps the same premium visual effect while staying a real link underneath.

PERFECT FOR

SaaS landing page primary actions, product launch pages, waitlist and signup CTAs, and any Framer site that wants an animated button that behaves like a proper link.

WHAT'S INCLUDED

A single drop-in code component. Set your text, colors, and link, then tune ring speed, thickness, and typography through property controls.

Drop it in, set your link, and let the glow do the converting.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd-all:/unified/creator/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/activity/":[{"data":[{"id":"01a1161b-bf6f-7004-91b8-1f5d34df3140","type":"component.liked","target":{"type":"component","id":"RNnYj6qrq3pKurWWveTI","preview":"Brick Cats Interact","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cdbd7ebc-86d4-4b64-baea-421f236c7c35/01a1160e-a58f-758f-b480-fbe466cfaa25.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-07T11:24:39.658Z","latestAt":"2026-10-07T11:24:39.658Z"},{"id":"01a1161b-b265-746a-b199-3dc33f7275d0","type":"site.liked","target":{"type":"site","id":"18153","preview":"Alta Futures","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2493eb92-4f83-4fdd-9dc2-55865c25b4e7/01a11616-6f52-74bc-8e22-10456283cb14.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-07T11:24:36.318Z","latestAt":"2026-10-07T11:24:36.318Z"},{"id":"01a1101c-34c4-7228-aa36-a2816f37b5b4","type":"post.liked","target":{"type":"post","id":"01a10f76-e71b-74fe-94e3-012deaad0f03","preview":"Cargo businesses don’t need another generic corporate website.\nThey need a site that makes services, shipping capabilities, coverage, and reliability instantly clear to potential clients.\nLantern Cargo is built around that: a structured, professional experience that helps logistics companies look as dependable online as they are offline.\nFree to Remix → https://framer.link/WOL7RrN","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cargo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://lantern-cargo.framer.website/","target":"_blank"}}]},{"type":"text","text":" businesses don’t need another generic corporate website."}]},{"type":"paragraph","content":[{"type":"text","text":"They need a site that makes "},{"type":"text","text":"services, shipping capabilities, coverage, and reliability","marks":[{"type":"bold"}]},{"type":"text","text":" instantly clear to potential clients."}]},{"type":"paragraph","content":[{"type":"text","text":"Lantern Cargo","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://lantern-cargo.framer.website/","target":"_blank"}}]},{"type":"text","text":" is built around that: a structured, professional experience that helps logistics companies look as dependable online as they are offline."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to Remix → "},{"type":"text","text":"https://framer.link/WOL7RrN","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/WOL7RrN","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1364828a-b355-487e-b32f-02641033b191/01a10f75-fb5a-759c-ba6c-c86b8d2d7f14.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a10f76-e71b-74fe-94e3-012deaad0f03","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T07:27:26.399Z","latestAt":"2026-10-06T07:27:26.399Z"},{"id":"01a1101c-2b18-715f-a45a-1233f8a4a053","type":"template.liked","target":{"type":"template","id":"74931","preview":"Lamplight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7743456-9699-498d-8387-6f8fe02a0252/01a1100c-df3a-7301-80ca-68c0c94c24ae.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-06T07:27:23.921Z","latestAt":"2026-10-06T07:27:23.921Z"},{"id":"01a0e1b4-a430-769c-94e9-918953df1ee0","type":"template.liked","target":{"type":"template","id":"74024","preview":"SparkFly","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bccea630-893d-42fd-9241-8198130ff68c/01a0e198-01b4-72b3-a729-44070b36f69c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-27T07:11:47.244Z","latestAt":"2026-09-27T07:11:47.244Z"},{"id":"01a0e1b4-98cb-76f8-95ab-321faba58d70","type":"post.liked","target":{"type":"post","id":"01a0e19a-0ac8-77d2-81cb-1ed9e06447a6","preview":"Got an invite 👀\nShow me what you’ve been cooking.\nGood work = invite.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Got an invite "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Show me what you’ve been cooking."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Good work = invite. "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b48522f5-b8d4-46f6-aed5-1d94d4cfe4bc/01a0e199-f1ce-70e4-93d1-66ce2a22eb03.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0e19a-0ac8-77d2-81cb-1ed9e06447a6","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-27T07:11:44.327Z","latestAt":"2026-09-27T07:11:44.327Z"},{"id":"01a0d8e8-52b1-754d-ba2e-8955eafe3002","type":"template.liked","target":{"type":"template","id":"73907","preview":"Homeifye","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a906adb-9cd8-40d0-b7c2-9b81fe4628db/01a0d80c-f033-75ae-8f95-0b17e59c33c1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-25T14:11:39.301Z","latestAt":"2026-09-25T14:11:39.301Z"},{"id":"01a0bd5c-a4a1-7460-94c3-93dc29e22c21","type":"creator.followed","target":{"type":"creator","id":"e2615c85-1b15-456d-a9e6-143033921e39","preview":"Maleeha ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1494709/avatar-mAN04KnHMpJ5FFHPp6CM7PLP3WAzxW.jpg","slug":"maleeha-loves-to-build","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T05:49:20.404Z","latestAt":"2026-09-20T05:49:20.404Z"},{"id":"01a0b610-359f-751c-9ada-cad35e63a885","type":"post.liked","target":{"type":"post","id":"01a0b60e-7d9a-723a-a944-d95e0eb5950b","preview":"Everlune 🤍\nCheck it out: https://framer.link/thi0CPi\nA premium wedding photography portfolio Framer template with 13+ CMS-powered pages, soft editorial design, built for photographers, planners & studios who want their site to feel like their work.\n#Framer #FramerTemplate #weddingphotography #webdesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Everlune "},{"type":"emoji","attrs":{"name":"white_heart","emoji":"🤍"}}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out: "},{"type":"text","text":"https://framer.link/thi0CPi","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/thi0CPi","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A premium wedding photography portfolio Framer template with 13+ CMS-powered pages, soft editorial design, built for photographers, planners & studios who want their site to feel like their work."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #weddingphotography #webdesign"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7743456-9699-498d-8387-6f8fe02a0252/01a0b60d-b54d-70b0-9529-97d4811ee4e7.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b60e-7d9a-723a-a944-d95e0eb5950b","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T19:48:30.746Z","latestAt":"2026-09-18T19:48:30.746Z"},{"id":"01a0b57a-1538-751c-9383-9433309815d8","type":"post.liked","target":{"type":"post","id":"01a0b56a-128c-705b-a09e-2d6fba3b3e11","preview":"In the works","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"In the works"}]}]},"thumbnail":"https://image.mux.com/A1eBoYcBKB9OBTtPAkPwevq302pUOwGjSIYAhoOWkreQ/thumbnail.webp?time=24.433","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b56a-128c-705b-a09e-2d6fba3b3e11","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T17:04:32.052Z","latestAt":"2026-09-18T17:04:32.052Z"},{"id":"01a0b57a-0d6a-72db-b2b3-6261cf6d23db","type":"post.liked","target":{"type":"post","id":"01a0b56f-faff-712c-ae2d-bc2e67f599d9","preview":"Progress update: HYNERGY is almost ready.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress update: HYNERGY is almost ready."}]}]},"thumbnail":"https://image.mux.com/a5tLxZA1NOGTsd0000A35YxEET5U51017C9YHf0101dSqS1Q/thumbnail.webp?time=30.267","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b56f-faff-712c-ae2d-bc2e67f599d9","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T17:04:30.054Z","latestAt":"2026-09-18T17:04:30.054Z"},{"id":"01a0b577-b766-749a-9e50-e216537783de","type":"post.liked","target":{"type":"post","id":"01a0b570-e792-7459-b9bd-f0129ec4ee60","preview":"Meet Barristar – Law Firm & Lawyer Framer Template\nA clean and professional Framer template designed for law firms, lawyers, attorneys, and legal consultants.\nShowcase your practice areas, team, services, case studies, testimonials, and contact information with a modern and responsive design.\nBuilt for Framer and easy to customize.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://barrister.framer.website/","target":"_blank"}}]},{"type":"text","text":"Barristar – Law Firm & Lawyer Framer Template","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://barrister.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A clean and professional Framer template designed for law firms, lawyers, attorneys, and legal consultants."}]},{"type":"paragraph","content":[{"type":"text","text":"Showcase your practice areas, team, services, case studies, testimonials, and contact information with a modern and responsive design."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Framer and easy to customize."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c134e9ed-af98-40f1-8d43-661212ca09da/01a0b570-4dae-713c-b60a-309bce35830e.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b570-e792-7459-b9bd-f0129ec4ee60","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T17:01:56.959Z","latestAt":"2026-09-18T17:01:56.959Z"},{"id":"01a0b27f-0ebf-7079-95f6-e13f236b90d3","type":"post.liked","target":{"type":"post","id":"01a0b25e-f18e-7450-bf63-7395b0ae6556","preview":"🏠Just launched Modulo -a Framer template built for modular and prefab architecture firms.\n 17 pages, 9 CMS collections, and an interactive service area map that pulls its pins straight from the CMS -no API key, no code. \nThe model lineup, project portfolio, blog, and resources are all CMS-driven, so the site grows as the business does. \nClean design system, fully responsive.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"🏠Just launched Modulo -a Framer template built for modular and prefab architecture firms.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":" 17 pages, 9 CMS collections, and an interactive service area map that pulls its pins straight from the CMS -no API key, no code. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The model lineup, project portfolio, blog, and resources are all CMS-driven, so the site grows as the business does. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Clean design system, fully responsive.","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/OkANzf02blgNk5247GSPaO01C00yPWFOHzQ2FVygS01XNnI/thumbnail.webp?time=18.2","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b25e-f18e-7450-bf63-7395b0ae6556","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":4,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T03:11:06.427Z","latestAt":"2026-09-18T03:11:06.427Z"},{"id":"01a0afa8-7a05-7758-a774-e134d88c1c6b","type":"comment.created","target":{"type":"post","id":"01a0af94-10f6-744c-a7bb-040d0618691c","preview":"Everlune","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7743456-9699-498d-8387-6f8fe02a0252/01a0af90-29e4-7623-8ecd-37fdfbdf517c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0af94-10f6-744c-a7bb-040d0618691c","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0afa8-79ec-7589-81b9-3f2d1565b376","preview":"Best one","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Best one"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0af94-10f6-744c-a7bb-040d0618691c","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0afa8-79ec-7589-81b9-3f2d1565b376"},"repost":null}},"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T13:57:29.221Z","latestAt":"2026-09-17T13:57:29.221Z"},{"id":"01a0af95-1758-74e7-a8e2-2b7e219dfbe3","type":"template.liked","target":{"type":"template","id":"73299","preview":"Everlune","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7743456-9699-498d-8387-6f8fe02a0252/01a0af90-29e4-7623-8ecd-37fdfbdf517c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-17T13:36:18.767Z","latestAt":"2026-09-17T13:36:18.767Z"},{"id":"01a0adc3-c85b-767a-a2f5-c1976292c435","type":"creator.followed","target":{"type":"creator","id":"47745ef1-855e-412c-a101-305ac078cd49","preview":"FrameSpace","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/129533/avatar-CUOFZiJvUMrfCqPnaTe2BesapDWMrY.jpg","slug":"framespace","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T05:08:04.309Z","latestAt":"2026-09-17T05:08:04.309Z"},{"id":"01a0a9b6-3c9d-721d-b5a3-b0c48914fb86","type":"template.liked","target":{"type":"template","id":"73214","preview":"Pest Shield","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30a412df-8c07-4e04-9425-886c1c424f6d/01a0a9e6-951d-72ad-a00e-1074868f22c0.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-16T10:14:47.706Z","latestAt":"2026-09-16T10:14:47.706Z"},{"id":"01a0a9b6-1546-7398-896e-ad992b54b133","type":"post.liked","target":{"type":"post","id":"01a0a9a3-ccc4-7788-9271-d07c413aef43","preview":"well, this was a nice surprise :)\nRushes is sitting in the second row of Relevant in the Video category here on Framer.\nI barely promoted it when I launched it, so seeing it find its audience organically feels pretty special.\nmaybe it’s time I give Rushes a little more love ✦","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"well, this was a nice surprise :)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Rushes is sitting in the second row of Relevant in the Video category here on Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"I barely promoted it when I launched it, so seeing it find its audience organically feels pretty special."}]},{"type":"paragraph","content":[{"type":"text","text":"maybe it’s time I give Rushes a little more love ✦"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/39fd89ed-7e41-42a2-94ff-d66a9663b047/01a0a9a2-6957-7618-af13-8130e7e8ecff.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0a9a3-ccc4-7788-9271-d07c413aef43","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T10:14:37.625Z","latestAt":"2026-09-16T10:14:37.625Z"},{"id":"01a0a9b5-d7f7-7389-b7b7-b7a48d8bf619","type":"post.liked","target":{"type":"post","id":"01a0a93e-cb27-740f-beff-2c8d21386354","preview":"Amazing Hero Section for a Creative Design Modern Digital Experiences That Make Brands Stand Out rate it out of 10?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Amazing Hero Section for a Creative Design Modern Digital Experiences That Make Brands Stand Out rate it out of 10?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/01a0a93e-2672-7359-bd1b-6ecbd3d6d45d.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0a93e-cb27-740f-beff-2c8d21386354","like":{"count":33,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T10:14:21.940Z","latestAt":"2026-09-16T10:14:21.940Z"},{"id":"01a0a9b5-b9be-75db-ba1a-dbabb8f4006d","type":"post.liked","target":{"type":"post","id":"01a0a9ac-e798-773f-9166-b1d616ff3d37","preview":"Interior studios sell the look, then get asked where to buy the chair.\nDecorro has the shop built in — projects and products on the same site.\nLive preview → https://nordi-template.framer.website\nBuild on it →\n#framer #framertemplate #framerexpert #webdesign #nocode #interiordesign #homedecor #furniture #interiors #ecommerce","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interior studios sell the look, then get asked where to buy the chair."}]},{"type":"paragraph","content":[{"type":"text","text":"Decorro has the shop built in — projects and products on the same site."}]},{"type":"paragraph","content":[]},{"type":"paragraph","content":[{"type":"text","text":"Live preview → "},{"type":"text","text":"https://nordi-template.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://nordi-template.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Build on it →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://buy.stripe.com/7sY6oJ787eqC8Jb58Rc3m2p","target":"_blank"}}]}]},{"type":"paragraph","content":[]},{"type":"paragraph","content":[{"type":"text","text":"#framer #framertemplate #framerexpert #webdesign #nocode #interiordesign #homedecor #furniture #interiors #ecommerce"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1b614960-bba9-466b-81a2-7eb0486341de/01a0a9ac-a058-741b-ad23-4a206d91ce68.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a0a9ac-e798-773f-9166-b1d616ff3d37","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","slug":"hreza","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T10:14:14.203Z","latestAt":"2026-09-16T10:14:14.203Z"}],"pagination":{"next":"MjAyNi0wOS0xNlQxMDoxNDoxNC4yMDNafDAxYTBhOWI1LWI5YmUtNzVkYi1iYTFhLWRiYWJiOGY0MDA2ZA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd:/unified/posts/?creator=c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd&with=reposts":[{"data":[{"id":"01a11711-60d4-722b-8372-eb08b7e94138","title":null,"body":"

What does a safe therapy site look like?

• Calm first screen

• Low-pressure 15-minute call

• Plain reassurances without the jargon

• Real, grounded visual spaces

• Navigating help by feeling, not diagnosis

Designed for therapists, counselors, and coaches. Free to remix on Framer.

Get the free link: https://framer.link/tj4w3W3

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What does a safe therapy site look like?"}]},{"type":"paragraph","content":[{"type":"text","text":"• Calm first screen"}]},{"type":"paragraph","content":[{"type":"text","text":"• Low-pressure 15-minute call"}]},{"type":"paragraph","content":[{"type":"text","text":"• Plain reassurances without the jargon"}]},{"type":"paragraph","content":[{"type":"text","text":"• Real, grounded visual spaces"}]},{"type":"paragraph","content":[{"type":"text","text":"• Navigating help by feeling, not diagnosis"}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for therapists, counselors, and coaches. Free to remix on Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Get the free link: "},{"type":"text","text":"https://framer.link/tj4w3W3","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/tj4w3W3","target":"_blank"}}]}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a11710-e776-77e8-8688-d450b9a1d9af.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":2160,"height":2160}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T15:52:57.313Z","updatedAt":"2026-10-07T15:52:57.313Z"},{"id":"01a1158f-9bc0-71de-952c-7efacf998aff","title":null,"body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Before you hit publish on Framer run through these essential pre-launch checks "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Shipping fast means nothing if a sluggish, broken site bleeds conversions the second traffic hits."}]},{"type":"paragraph","content":[{"type":"text","text":"Here is the non-negotiable Framer launch checklist to protect both performance and user experience:"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Asset Compression: Convert images to WebP/AVIF and compress hero videos. Framer handles caching well, but multi-megabyte assets will still sink your Lighthouse score."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Technical SEO Foundations: Define custom page titles, meta descriptions, and social share images inside Page Settings for every single route."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Semantic HTML Tags: Check that headings follow an accurate hierarchy (one H1, followed by H2 and H3) and wrap primary navigation in

rather than generic

stacks. And every page under a main stack with tag main."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Breakpoint Audits: Don't rely solely on responsive preview mode. Test real mobile and tablet viewports to catch horizontal overflow, clipped text, or misaligned stacks."}]},{"type":"paragraph","content":[{"type":"text","text":"5. Form & Conversion Pathways: Submit test entries through every form, confirm redirection logic, and click every external link to eliminate broken interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"6. Custom 404 & Favicon: Replace default Framer placeholders with a branded favicon and an intentional 404 page that guides lost visitors back to high-value pages."}]},{"type":"paragraph","content":[{"type":"text","text":"7. Domain & Analytics Handshake: Verify DNS propagation, enforce HTTPS, and confirm tracking scripts (Google Analytics, PostHog, or Meta Pixel) fire accurately before the launch push."}]},{"type":"paragraph","content":[{"type":"text","text":"Great UI grabs attention; bulletproof execution drives revenue."}]},{"type":"paragraph","content":[{"type":"text","text":"What is the single most common bug you catch right before a site goes live? 👇"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #UIUX #SEO #WebDevelopment #Frontend #DesignSystems"}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a1158e-2e47-7061-93ab-635eb215be44.png","metadata":{"tint":{"h":240,"s":67,"l":9},"width":1122,"height":1402}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T08:51:35.493Z","updatedAt":"2026-10-07T08:51:35.493Z"},{"id":"01a11564-c9ca-7423-9b88-c841d5724c78","title":null,"body":"

One homepage. Eight intentional sections. Zero clinical fluff.

Most therapy websites drop visitors straight into clinical jargon or cold booking forms. Lamplight is designed around patient reassurance—using plain language, dedicated concern breakdowns, and an effortless step-by-step path to booking a free call.

Every section is connected via Framer CMS, making updates seamless.

Grab the free template remix link: https://framer.link/tj4w3W3

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One homepage. Eight intentional sections. Zero clinical fluff."}]},{"type":"paragraph","content":[{"type":"text","text":"Most therapy websites drop visitors straight into clinical jargon or cold booking forms. Lamplight is designed around patient reassurance—using plain language, dedicated concern breakdowns, and an effortless step-by-step path to booking a free call."}]},{"type":"paragraph","content":[{"type":"text","text":"Every section is connected via Framer CMS, making updates seamless."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab the free template remix link: "},{"type":"text","text":"https://framer.link/tj4w3W3","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/tj4w3W3","target":"_blank"}}]}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a11564-ac3e-76ef-9134-9708b200b9f6.png","metadata":{"tint":{"h":60,"s":50,"l":6},"width":2160,"height":2160}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T08:04:49.231Z","updatedAt":"2026-10-07T08:04:49.231Z"},{"id":"01a1103b-ac11-749b-b81b-3d6bdadc6626","title":null,"body":"

Just launched Lamplight - Best @framer Template for Psychologists & Therapists

Remix Link: https://framer.link/tj4w3W3

A calm, editorial website template with 2 CMS-powered concern pages, a journal, and FAQs copy that actually sounds human.

#framer #FramerTemplate #olyria #psychologists #therapists #FreeFramerTemplate #WebDesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Lamplight - Best @framer Template for Psychologists & Therapists"}]},{"type":"paragraph","content":[{"type":"text","text":"Remix Link: "},{"type":"text","text":"https://framer.link/tj4w3W3","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/tj4w3W3","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A calm, editorial website template with 2 CMS-powered concern pages, a journal, and FAQs copy that actually sounds human."}]},{"type":"paragraph","content":[{"type":"text","text":"#framer #FramerTemplate #olyria #psychologists #therapists #FreeFramerTemplate #WebDesign"}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a1102c-5cfb-7374-ad63-9084211a2331.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a1102c-6f18-74ba-966a-95537044489a.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a1102c-6eb6-74db-ba7d-17b0ff0e98c7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a1102c-6f6f-76c8-bc93-e7d37d49c974.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T08:01:48.565Z","updatedAt":"2026-10-06T08:01:48.565Z"},{"id":"01a11022-ea70-771a-970a-d82b18ea355b","title":null,"body":"

Just launched Lamplight - Best @framer Template for Psychologists & Therapists

Remix Link: https://framer.link/tj4w3W3

A calm, editorial website template with 2 CMS-powered concern pages, a journal, and FAQs copy that actually sounds human.

Meet Resumterics a sleek, modern CV @framer template built specifically for researchers, professors, and data scientists.

Check it: https://framer.link/5LyWX6H

Showcase your publications, citations, h-index, and awards in a clean digital format that stands out. 📚✨

Academic CVs deserve better than cluttered Word docs.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Resumterics a sleek, modern CV @framer template built specifically for researchers, professors, and data scientists."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it: "},{"type":"text","text":"https://framer.link/5LyWX6H","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/5LyWX6H","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Showcase your publications, citations, h-index, and awards in a clean digital format that stands out. "},{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Academic CVs deserve better than cluttered Word docs."}]},{"type":"paragraph"}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Bsd1kdH00PBTKwVHWXVTSxlRx3D8cCiAl2OH1dHLXpLI.m3u8","metadata":{"posterUrl":"https://image.mux.com/Bsd1kdH00PBTKwVHWXVTSxlRx3D8cCiAl2OH1dHLXpLI/thumbnail.webp?time=38.5","aspectRatio":"41:27","duration":49.354667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T06:23:14.884Z","updatedAt":"2026-09-25T06:23:14.884Z"},{"id":"01a0a8ce-b0c0-7005-8bce-14e563853cf6","title":null,"body":"

Just shipped WordDrum 🥁

A wall of words for Framer where each row spins on its own drum cycle, phase-offset from its neighbors not one circle, not one cylinder, a whole shimmering wall.

Hover any row and it grows toward your accent color.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped WordDrum "},{"type":"emoji","attrs":{"name":"drum","emoji":"🥁"}}]},{"type":"paragraph","content":[{"type":"text","text":"A wall of words for Framer where each row spins on its own drum cycle, phase-offset from its neighbors not one circle, not one cylinder, a whole shimmering wall."}]},{"type":"paragraph","content":[{"type":"text","text":"Hover any row and it grows toward your accent color."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RJ1Dnrs7OjGkSqdclUnw","resolved":true,"title":"WordDrum","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WordDrum stacks a repeating word into rows for Framer, each one cycling through its own squeeze, tilt, and brightness wave, like a wall of tiny spinning drums instead of one circular spin."}]},{"type":"paragraph","content":[{"type":"text","text":"Every other spinning-text component puts words on a single circular path or one rotating cylinder line. WordDrum stacks many rows at once, each phase-offset from its neighbors, so the whole wall ripples instead of moving as one shape."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add one or more words, and WordDrum repeats them down as many rows as you choose. Each row cycles through a cosine-based squeeze and tilt, brightening and dimming, so the stack reads as a shimmering drum wall. Hover or press any row and it grows toward an accent color while the rest keeps cycling."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Many independently phased rows, not one circular or single-line spin"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cosine-driven squeeze, tilt, and brightness cycle per row"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover or touch any row to grow it toward an accent color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable cycle speed, drift amplitude, and hover responsiveness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth edge fade at top and bottom, blends into the background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Resolves any color format, hex, rgba, named colors, or shared color styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering settles rows into a clean resting pose"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Runs entirely on MotionValues, no per-frame React re-renders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single spinning circle or cylinder is familiar by now. A wall of words each cycling on its own offset drum reads as a living surface, more texture than typography, and the hover response gives visitors a reason to interact with it."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Hero section backdrops, brand statement walls, agency landing pages, and any Framer site that wants a kinetic typographic backdrop instead of a static headline."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add your words, set the row count, then tune cycle speed, colors, and hover behavior through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, add your words, and let the wall spin."}]}]},"introduction":"Rotating drum wall of words","slug":"worddrum","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a0a8ce-698b-70bf-9925-eeb337efb5e0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-16T06:01:52.494Z","updatedAt":"2026-09-16T06:01:52.494Z","publishedAt":"2026-09-16T06:01:52.491Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://centered-routine-712013.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/16788622-5370-48f7-8f39-660effa3679d","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"BoAo7tQjdttyYIoEAhIO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T06:01:53.088Z","updatedAt":"2026-09-16T06:01:53.088Z"},{"id":"01a09b4d-9259-7233-a807-79120c0a0e95","title":null,"body":"

GridReveal 🔳

A feature section for Framer where hovering a text item triggers a real pixel-grid image dissolve, not a fade. Adjustable grid density, radial stagger, fully responsive.

Live now: https://framer.link/DC6bfM4

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"GridReveal ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"white_square_button","emoji":"🔳"}}]},{"type":"paragraph","content":[{"type":"text","text":"A feature section for Framer where hovering a text item triggers a real pixel-grid image dissolve, not a fade. Adjustable grid density, radial stagger, fully responsive.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live now: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://framer.link/DC6bfM4","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/DC6bfM4","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ffEJeoKJLOM7WmYo1JryeDlkceUaXxfHtvDGk0102fgOE.m3u8","metadata":{"posterUrl":"https://image.mux.com/ffEJeoKJLOM7WmYo1JryeDlkceUaXxfHtvDGk0102fgOE/thumbnail.webp?time=1.433","aspectRatio":"4:5","duration":12.042667}}],"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":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T15:05:47.356Z","updatedAt":"2026-09-13T15:05:47.356Z"},{"id":"01a09951-d1aa-7098-9a64-0dc5060aae19","title":null,"body":"

Just shipped ArcSpread 🃏

A draggable card fan for Framer where distance-weighted lag makes the arc cascade like a real hand of cards nearby cards react instantly, distant ones trail behind.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped ArcSpread "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}}]},{"type":"paragraph","content":[{"type":"text","text":"A draggable card fan for Framer where distance-weighted lag makes the arc cascade like a real hand of cards nearby cards react instantly, distant ones trail behind."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0NQicrjDvJj8MgRklfHY","resolved":true,"title":"ArcSpread","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ArcSpread is a draggable image gallery for Framer where cards sit along a wide arc, like a hand of cards fanned open, with a rippling lag that makes nearby cards react instantly while distant ones trail behind."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag, flick, scroll the wheel, or use arrow keys to spin the fan. Because each card follows at a speed based on its distance from where you touched, the whole arc moves with a wave-like cascade instead of shifting as one rigid strip."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add cards, each with an image, title, and caption. The fan spans a wide arc, drag to spin it, flick to send it coasting with momentum, or let it idle-drift on its own. Distance-weighted lag means cards closest to your touch respond first, the effect cascading through the rest."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Distance-weighted lag creates a genuine cascading wave through the fan"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag, flick, mouse wheel, and arrow key navigation all built in"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable arc radius, card width, aspect ratio, and overlap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional snap-to-card on release for a tidy resting position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Idle drift with pause-on-hover, keeps the gallery alive at rest"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title and caption overlay per card with adjustable gradient wash"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, geometry recalculates live on resize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography and color controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies, pure Pointer Events and RAF"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most drag carousels move every card at the same rate, which feels rigid. ArcSpread's distance-weighted follow makes the fan respond like a real hand of cards, a wave outward from wherever you touch, not a flat mechanical shift."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Photography and portfolio fans, brand lookbooks, product collections, and any Framer site that wants a tactile, physical-feeling card spread instead of a flat carousel."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add your cards, then tune arc radius, card size, lag, and drift through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, load your cards, and give visitors a fan worth touching."}]}]},"introduction":"Draggable arc-fan card gallery","slug":"arcspread","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a09951-88e1-738a-9b44-099e17897890.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T05:51:10.640Z","updatedAt":"2026-09-13T06:42:12.464Z","publishedAt":"2026-09-13T05:51:10.638Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://beige-sunflower-145588.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/36c9d290-c7af-49ea-9083-c39e80b27d85","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ZPkbOiBhRT69xdzTBUaz","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-13T05:51:11.274Z","updatedAt":"2026-09-13T05:51:11.274Z"},{"id":"01a09546-30ae-753f-84b3-bb5a28d46bf6","title":null,"body":"

Just shipped BladeReveal 🗡

A cinematic slider for Framer with a custom cursor click left or right, the cursor flips direction, the slide sweeps in through staggered blades with Ken Burns zoom.

Navigation you can actually see, not a hidden click zone.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped BladeReveal "},{"type":"emoji","attrs":{"name":"dagger","emoji":"🗡"}}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic slider for Framer with a custom cursor click left or right, the cursor flips direction, the slide sweeps in through staggered blades with Ken Burns zoom."}]},{"type":"paragraph","content":[{"type":"text","text":"Navigation you can actually see, not a hidden click zone."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"IvbYOdEI8Yv94BQJ21Es","resolved":true,"title":"BladeReveal","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"BladeReveal is a cinematic image slider for Framer where each new slide sweeps in through staggered vertical blades, with a custom circular cursor that replaces the pointer for click-to-navigate browsing."}]},{"type":"paragraph","content":[{"type":"text","text":"Click the left or right half of the frame and a circular cursor icon flips direction to show which way you're heading, then the next slide reveals through thin animated strips with a Ken Burns zoom, while the title types in letter by letter."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add slides, each with an image, title, chapter label, and optional description. Click either half of the frame to move forward or back, or let it autoplay. Every transition sweeps the incoming image in through staggered blades with a subtle zoom, title animating in character by character."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered vertical blade-wipe reveal, adjustable blade count and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom circular cursor for click-to-navigate, flips direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ken Burns zoom on every incoming slide, adjustable start scale and duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-character animated title reveal, not word-by-word"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress bar and numbered counter, both fully optional"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional chapter label and description text per slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay with configurable interval"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hides native cursor, disables click nav automatically on touch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most wipe sliders use click zones without a visual cue, leaving navigation to be discovered by accident. BladeReveal's circular cursor makes the interaction obvious the moment someone moves their mouse."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Portfolio case study intros, agency hero sections, editorial story openers, and any Framer site that wants a cinematic slider people actually know how to use."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add slides with image, title, and optional description, then tune blade count, zoom, and cursor through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, load your slides, and let visitors click their way through."}]}]},"introduction":"Cinematic slider & custom cursor","slug":"bladereveal","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a09545-e1ea-737e-aeca-946d3c0f639f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-12T10:59:59.708Z","updatedAt":"2026-09-12T10:59:59.708Z","publishedAt":"2026-09-12T10:59:59.705Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://witty-chart-529429.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/67cb4891-c5d6-464b-8473-1a611298af57","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"3SJ28c2NQLLUaj90DBVf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-12T11:00:00.302Z","updatedAt":"2026-09-12T11:00:00.302Z"},{"id":"01a09530-f052-7628-9c35-15a2ccac0b9a","title":null,"body":"

Just shipped DriftRow 🌊

An infinite 3D gallery row for Framer where cards tilt based on real drag/scroll velocity, not a fixed hover angle. Masked caption reveal built in.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped DriftRow "},{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}}]},{"type":"paragraph","content":[{"type":"text","text":"An infinite 3D gallery row for Framer where cards tilt based on real drag/scroll velocity, not a fixed hover angle. Masked caption reveal built in."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"eZNUvNiTiypxsv72SrIt","resolved":true,"title":"DriftRow","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DriftRow is an infinite horizontal card gallery for Framer where every card tilts in 3D based on how fast you're dragging or scrolling, with a masked title and caption reveal on hover, not a multi-column grid, a single flowing row."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag the strip, scroll the wheel in either direction, or let it drift on autoplay. The faster you move it, the more each card tilts on its Y-axis, easing back flat the moment it settles, a physical response to momentum rather than a fixed hover tilt."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add slides, each with an image, title, and caption. The row loops infinitely with true perspective and depth. Velocity from your drag or scroll drives a live 3D tilt across every visible card, and hovering any card reveals its title and caption with a masked slide-up animation."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Velocity-driven 3D tilt, responds to actual drag/scroll speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"True infinite loop with real CSS 3D perspective"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Masked slide-up caption reveal on hover, not a flat fade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with wheel, trackpad, and pointer drag, horizontal or vertical"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional auto-scroll with adjustable speed and direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable perspective depth, max tilt, drag sensitivity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic reduced-motion fallback disables tilt and drift entirely"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated scroll hint for first-time visitors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most 3D tilt galleries use a fixed hover tilt or a multi-column grid. DriftRow ties the tilt to real momentum in a single flowing row, so the motion feels physical instead of decorative, with real captions attached."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Photography strips, brand mood galleries, agency work showcases, and any Framer site that wants a tactile single-row 3D gallery instead of a grid."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add slides with image, title, and caption, then tune tilt, perspective, and drag speed through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, load your slides, and let momentum do the tilting."}]}]},"introduction":"Velocity-tilt row gallery, drag it","slug":"driftrow","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a09530-b2e9-75bc-9cbb-1ca2e8df9c73.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-12T10:36:46.944Z","updatedAt":"2026-09-12T10:36:46.944Z","publishedAt":"2026-09-12T10:36:46.940Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://jolly-mountain-761185.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/2225df51-098b-44de-a363-8c2b3a8944c1","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"BpyuoEx7yKyTzp1DnnP3","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-12T10:36:47.570Z","updatedAt":"2026-09-12T10:36:47.570Z"},{"id":"01a089f9-5237-763d-8a47-f69e44793774","title":null,"body":"

Just shipped IndexReveal 🔲

A hoverable work index for Framer with a cursor-follow preview blended in difference mode colors invert where the image crosses your text. Plus a highlight bar that glides to whichever row is active.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped IndexReveal "},{"type":"emoji","attrs":{"name":"black_square_button","emoji":"🔲"}}]},{"type":"paragraph","content":[{"type":"text","text":"A hoverable work index for Framer with a cursor-follow preview blended in difference mode colors invert where the image crosses your text. Plus a highlight bar that glides to whichever row is active."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"2CJF85IwzjRKQm84zjjL","resolved":true,"title":"Index Reveal","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"IndexReveal is a hoverable work index for Framer where each row reveals a cursor-following preview blended in mix-blend difference mode, with a highlight bar sliding behind whichever row is active."}]},{"type":"paragraph","content":[{"type":"text","text":"Most cursor-preview list components stop at a floating image that follows the pointer. IndexReveal adds two details none of them do: a difference blend mode that inverts colors where the image crosses text, and a highlight bar that glides to the active row instead of just changing text color."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add entries, each with a title, tag, note, and image. Hover any row and a floating image appears, following the cursor with spring physics and clipping in with a rounded reveal instead of a flat fade. The highlight bar slides to match the active row's exact position and height."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mix-blend difference layer for a distinctive inverted-color preview"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring-based cursor-follow image, adjustable follow tightness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated highlight bar that slides to the active row"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clip-path reveal/exit animation, not a flat fade or scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable image scale, speed, and row spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion fallback, no cursor tracking or clip animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering shows a clean list on the Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full color controls, background, highlight, active/inactive text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monospace-friendly layout suited to technical portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimal dependencies, built on Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A cursor-following preview is common by now. The difference blend mode and tracking highlight bar give IndexReveal a distinct signature that reads as art direction, not a copied pattern."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Agency client lists, developer portfolios, case study indexes, and any Framer site presenting a browsable list of work with visual previews attached."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add entries with title, tag, note, and image, then tune speed, follow tightness, and colors through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, load your work, and let visitors hover through it."}]}]},"introduction":"Cursor-follow work list with blend","slug":"index-reveal","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a089f8-73b0-713b-9dc1-18d1e399b69a.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-10T06:20:12.607Z","updatedAt":"2026-09-10T06:20:12.607Z","publishedAt":"2026-09-10T06:20:12.602Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dynamic-friday-775371.framer.app/","price":"8","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/943e0084-f21c-4ad1-9902-be296958aa52","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"y9frm46Xoan6Pf3FZIGy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T06:20:13.239Z","updatedAt":"2026-09-10T06:20:13.239Z"},{"id":"01a085c9-a62a-77aa-94b5-3b6108e1cf13","title":null,"body":"

Just shipped BloomReveal 🌸

A drag and wheel carousel for Framer where cards balloon along a true parabolic curve, not a flat scale step, with hover title and caption reveal built in.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped BloomReveal "},{"type":"emoji","attrs":{"name":"cherry_blossom","emoji":"🌸"}}]},{"type":"paragraph","content":[{"type":"text","text":"A drag and wheel carousel for Framer where cards balloon along a true parabolic curve, not a flat scale step, with hover title and caption reveal built in."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"wiFtvGni7XyHKy9UuUzr","resolved":true,"title":"Bloom Reveal","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"BloomReveal is a drag and wheel driven image carousel for Framer where cards smoothly balloon in size as they approach the leading edge, then taper back down, with a title and caption that reveal above each card on hover."}]},{"type":"paragraph","content":[{"type":"text","text":"Cards grow along a true parabolic curve, not a linear scale, so the size change feels organic rather than mechanical. Drag, scroll the wheel, or let it drift on autoplay, it pauses automatically off-screen or when the tab loses focus."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add slides, each with an image, title, and caption. Visitors drag or scroll through an infinite loop of cards that grow as they near the front and shrink as they recede. Hovering any card reveals its title and caption above the image, or keep the active card's caption always visible."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Parabolic growth curve, cards balloon smoothly, not a flat step"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and wheel navigation, momentum coasts naturally to a stop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite loop, no visible seam or reset"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover-triggered title/caption reveal above each card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Always-visible caption option for the active slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay pauses automatically off-screen or when the tab is hidden"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion fallback, direct follow with no coast or drift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable min/max card size, curve strength, autoplay speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional prev/next arrows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for canvas and thumbnails"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most expanding-card carousels use a stepped or linear scale that feels mechanical. BloomReveal's parabolic curve grows cards the way a fisheye lens does, while the hover caption system turns a visual effect into an actual way to browse titled content."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Photography and portfolio galleries, agency project showcases, editorial collections, and any Framer site that wants a tactile carousel with real captions attached."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add slides with image, title, and caption, then tune card size, curve strength, and autoplay through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, load your slides, and let visitors browse by feel."}]}]},"introduction":"Zoom-grow carousel with hover text","slug":"bloom-reveal","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a085c9-601b-773c-9d3c-28cac7c2a668.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-09T10:49:39.528Z","updatedAt":"2026-09-09T10:49:39.528Z","publishedAt":"2026-09-09T10:49:39.523Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ivory-vacation-376601.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/174b7adf-6a67-44f9-8d8e-f68091281f0f","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"duoawOhLfXxmnW1yfNvv","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-09T10:49:40.140Z","updatedAt":"2026-09-09T10:49:40.140Z"},{"id":"01a075fe-892e-70ca-90d7-2d6190821432","title":null,"body":"

Just shipped EllipseWheel 🎡

A draggable card wheel for Framer, true ellipse shape, real pointer-angle tracking, snap-to-card release. Not autoplay, not generic momentum you actually turn it.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped EllipseWheel "},{"type":"emoji","attrs":{"name":"ferris_wheel","emoji":"🎡"}}]},{"type":"paragraph","content":[{"type":"text","text":"A draggable card wheel for Framer, true ellipse shape, real pointer-angle tracking, snap-to-card release. Not autoplay, not generic momentum you actually turn it."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RTNIoAYSnrQx7dyTT0R8","resolved":true,"title":"Ellipse Wheel","body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"EllipseWheel is a draggable elliptical card wheel for Framer, a true ellipse with independent width and height, not a circle forced into an oval shape, that you grab and spin directly with your pointer."}]},{"type":"paragraph","content":[{"type":"text","text":"Most orbit and ring carousels only auto-rotate or drag with generic momentum. EllipseWheel tracks the actual angle of your pointer against the ellipse's center, so dragging feels like turning a real dial, and releasing snaps cleanly to the nearest card."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Add cards, each with an image and optional caption. Cards distribute evenly around an ellipse, the frontmost scaling largest and brightest while cards toward the back shrink and fade. Drag anywhere to spin the wheel by hand, or let it auto-rotate, pausing on hover if you choose."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"True elliptical orbit, independent X and Y radius, not a forced circle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real pointer-angle drag tracking, turning feels like a physical dial"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Snap-to-nearest-card release, no random resting position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth-based scale and opacity, frontmost card always clearest"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional auto-rotate with adjustable speed and pause-on-hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable minimum scale for how small back-row cards shrink"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional center label overlay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic reduced-motion fallback disables auto-rotate"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies, pure Pointer Events and RAF"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most orbit carousels either spin on their own or drag with generic inertia. EllipseWheel's pointer-angle math makes dragging feel like a real object, and the snap-to-card release means visitors never land on an awkward in-between position."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Team and testimonial showcases, product feature wheels, and any Framer site that wants a hands-on, tactile alternative to a flat carousel."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add your cards, then tune radius, scale, speed, and colors through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, load your cards, and give visitors something to turn."}]}]},"introduction":"Draggable elliptical card wheel","slug":"ellipse-wheel","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a075fe-3b42-741f-b229-286dfcde285f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":800}}],"post":null,"createdAt":"2026-09-06T09:13:30.073Z","updatedAt":"2026-09-06T09:13:30.073Z","publishedAt":"2026-09-06T09:13:30.070Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://quiet-copy-290459.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/68d620da-64ca-4038-8f67-1da4574313f6","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"ZeTcpSmzCc9ThzieX8kC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-06T09:13:30.670Z","updatedAt":"2026-09-06T09:13:30.670Z"},{"id":"01a0707c-3e48-7352-a672-d251a57f7768","title":null,"body":"

REYNA - best Framer template for singers, vocal artists, and musicians. 🎤🔥

Get it here: https://framer.link/ij5Gv7J

@framer #framer #FramerTemplate #olyria

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"REYNA - best Framer template for singers, vocal artists, and musicians. "},{"type":"emoji","attrs":{"name":"microphone","emoji":"🎤"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Get it here: "},{"type":"text","text":"https://framer.link/ij5Gv7J","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/ij5Gv7J","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"@framer #framer #FramerTemplate #olyria"}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/m01TMLdXLdRaaNjfyKNvmKc2TmaUqCEoiz4NoiTDJ8x4.m3u8","metadata":{"posterUrl":"https://image.mux.com/m01TMLdXLdRaaNjfyKNvmKc2TmaUqCEoiz4NoiTDJ8x4/thumbnail.webp?time=26.467","aspectRatio":"238:135","duration":96.621333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-05T07:33:05.739Z","updatedAt":"2026-09-05T07:33:05.739Z"},{"id":"01a07000-134d-75c9-b2d3-6bcdf8b4f817","title":null,"body":"

Just shipped PhaseOrbit 🌀

A scroll-driven carousel for Framer with two independent circular orbits, phase-shifted so captions and images roll in sync instead of spinning as one ring.

Every orbit carousel out there does one ring. This does two, in choreography.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped PhaseOrbit "},{"type":"emoji","attrs":{"name":"cyclone","emoji":"🌀"}}]},{"type":"paragraph","content":[{"type":"text","text":"A scroll-driven carousel for Framer with two independent circular orbits, phase-shifted so captions and images roll in sync instead of spinning as one ring."}]},{"type":"paragraph","content":[{"type":"text","text":"Every orbit carousel out there does one ring. This does two, in choreography."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"rsYKqdrkClqBT2IqjCN9","resolved":true,"title":"PhaseOrbit","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"PhaseOrbit is a scroll-driven dual-orbit carousel for Framer, captions circle on one side, images circle on the other, phase-shifted against each other so they roll in sync instead of spinning as one flat ring."}]},{"type":"paragraph","content":[{"type":"text","text":"Every other orbit carousel on the marketplace rotates a single ring of items. PhaseOrbit runs two independent circular tracks at once, offset by a configurable phase, so a caption and its image arrive at the front slightly apart, a rolling feel no single-ring carousel produces."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Pin a scroll section and add caption-and-image pairs. As the visitor scrolls, both orbits rotate together, each item scaling and brightening as it nears the front of its circle, then receding as it passes. On mobile, it falls back to a clean two-column grid."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two independent circular orbits, phase-shifted against each other"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven rotation, pinned section responds directly to scroll position"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cosine-based depth calc, smooth focus and recede, not a hard cut"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable orbit radius, card size, and scroll length"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable focus sharpness for the front item"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent resting scale and opacity for background items"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic mobile fallback to a simple two-column grid layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography and color controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single rotating ring is a familiar effect by now. Two orbits moving in phase-shifted sync reads as choreography, not just rotation, giving a section considered motion design instead of a stock carousel effect."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Brand storytelling sections, portfolio project reveals, editorial scroll experiences, and any Framer site wanting scroll motion beyond a standard spinning carousel."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Add caption and image pairs, then tune orbit radius, phase shift, scroll length, and colors through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, add your pairs, and let the orbits roll."}]}]},"introduction":"Dual phase-shifted scroll orbit","slug":"phaseorbit","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a06fff-aa53-73fa-bfac-eff59b8c94b3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-05T05:17:27.683Z","updatedAt":"2026-09-05T05:17:27.683Z","publishedAt":"2026-09-05T05:17:27.680Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://chartreuse-centre-022832.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/3266930e-f5f8-46b4-97c1-92d24d81ed0e","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"QKCX7apFW14YsHolaPZv","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-05T05:17:28.269Z","updatedAt":"2026-09-05T05:17:28.269Z"},{"id":"01a06fd6-2e9f-751d-9fd7-d66e3a31b6ce","title":null,"body":"

Just shipped SpoolText 🎞

A 3D letter roll for Framer with three trigger modes load, hover, or both and full clean replay every time, not just a one-shot animation.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped SpoolText "},{"type":"emoji","attrs":{"name":"film_strip","emoji":"🎞"}}]},{"type":"paragraph","content":[{"type":"text","text":"A 3D letter roll for Framer with three trigger modes load, hover, or both and full clean replay every time, not just a one-shot animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"LhIa31Xk7mzbcNNsrGo8","resolved":true,"title":"SpoolText","body":"$5b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SpoolText is a 3D letter roll animation for Framer where each character flips around its horizontal axis into place, triggered on page load, hover, or both combined, with full per-character replay every time."}]},{"type":"paragraph","content":[{"type":"text","text":"Set your text once and choose how it plays, once on load, every time it's hovered, or both, with the entire word replaying cleanly from scratch on each trigger instead of only animating once."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Type your text and pick a trigger mode. Each character flips in with a staggered 3D rotation, the outgoing face rotating up and out while the incoming face rotates in from below, with adjustable duration, stagger, and easing. A reduced-motion-safe static fallback renders plain text on the Framer canvas."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D per-character roll animation with true rotateX transforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three trigger modes: on load, on hover, or both combined"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full replay on every hover, not just a single one-time animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable duration, stagger, and four easing curves"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preserves character spacing automatically, no layout shift"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography and color controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight, pure CSS 3D transforms, no canvas or WebGL"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most letter-roll effects only fire once on load or loop continuously regardless of interaction. SpoolText responds to both moments, giving designers a single component for intro animations and repeatable hover emphasis instead of picking one or the other."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Hero headlines, navigation links, call-to-action labels, and any Framer site that wants kinetic typography with control over exactly when it plays."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in component. Type your text, choose a trigger mode, and tune duration, stagger, and easing through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, set your trigger, and let the letters roll."}]}]},"introduction":"3D letter roll on load and hover","slug":"spooltext","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a06fd5-c244-713b-9e49-c3a04429a024.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-05T04:31:42.158Z","updatedAt":"2026-09-05T04:31:42.158Z","publishedAt":"2026-09-05T04:31:42.155Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://crowded-smile-898151.framer.app/","price":"5","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/d302ad70-0fe3-435b-97d6-e9e1ae0e0826","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"ySRYOEhAZ139bAsVFRvz","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-05T04:31:42.751Z","updatedAt":"2026-09-05T04:31:42.751Z"},{"id":"01a067f8-12f4-75ba-a25b-5d3439a0434a","title":null,"body":"

Just shipped GlyphLens ✨

Animated text for Framer where every letter can hide its own image hover to reveal, clipped right inside the letterform. Spring entrance, color sweep, then explore.

Not a fill effect. A window into every letter.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped GlyphLens "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Animated text for Framer where every letter can hide its own image hover to reveal, clipped right inside the letterform. Spring entrance, color sweep, then explore."}]},{"type":"paragraph","content":[{"type":"text","text":"Not a fill effect. A window into every letter."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XHkGpdk4RLWThR0vDcjh","resolved":true,"title":"GlyphLens","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"GlyphLens is an animated typography component for Framer where each letter springs into place, a colored highlight sweeps across the word, and hovering any individual letter reveals a unique image clipped inside that letter's shape, slowly panning."}]},{"type":"paragraph","content":[{"type":"text","text":"No other letter animation component does this: assign a different image to every character, and each one becomes its own small window, not a filled outline, not a font swap, an actual photo inside the letterform."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Type your text and assign up to one image per character. Letters spring in with staggered timing, then a colored sweep runs across the word once the entrance settles. Hover any letter and its image fades in, clipped to that character's shape, slowly panning."}]},{"type":"paragraph","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-letter image assignment, a genuinely different image for every character"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring-physics letter entrance with adjustable stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colored highlight sweep that runs across the word after entrance settles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slow background pan on hover for a living, non-static image reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable entrance settle time, sweep stagger, and sweep duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ignores extra images beyond your character count automatically"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static-safe rendering for the Framer canvas and thumbnails"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography control, size, weight, spacing, line height"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent base and sweep text colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Text hover effects on the marketplace fill, warp, shuffle, or morph letters, but none turn individual characters into image windows. GlyphLens makes a headline reward exploration, hover every letter and discover a different picture."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Portfolio hero headlines, brand name reveals, agency landing pages, and any Framer site that wants a headline worth hovering over."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in code component. Type your text, assign images per letter, and tune entrance, sweep, and colors through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, add your images, and let every letter tell its own story."}]}]},"introduction":"Per Letter Hover Image Reveal Text","slug":"glyphlens","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a067f7-33e8-731a-9d72-3dca355c169a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-03T15:51:45.564Z","updatedAt":"2026-09-03T15:51:45.564Z","publishedAt":"2026-09-03T15:51:45.561Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sympathetic-apps-100858.framer.app/","price":"10","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/3d4fded6-1e91-443f-87cc-c8c929ea6679","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"l2xm0rTLAqupLx0eJj9E","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-03T15:51:46.164Z","updatedAt":"2026-09-03T15:51:46.164Z"},{"id":"01a0618e-1a79-7338-8836-cbcfdda90b41","title":null,"body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped PromoPopup for Framer "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"A promotional popup that actually respects your users — auto-opens after a delay, minimizes to a header row, and remembers dismissals for the session."}]},{"type":"paragraph","content":[{"type":"text","text":"Two modes: "},{"type":"emoji","attrs":{"name":"brown_square","emoji":"🟫"}},{"type":"text","text":" Toast floating card bottom-right "},{"type":"emoji","attrs":{"name":"straight_ruler","emoji":"📏"}},{"type":"text","text":" Bar full-width top announcement bar"}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize: ✦ Auto-open delay or manual control ✦ Minimize and expand with one click ✦ Dismiss with session memory ✦ CTA button with any URL ✦ Breathing accent animations ✦ Full color, font and radius controls"}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer Motion. Static renderer safe. No dependencies."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for product launches, discount banners, marketplace announcements, and feature reveals."}]},{"type":"paragraph","content":[{"type":"text","text":"Now live on the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Marketplace "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerComponent #NoCode #WebDesign #FramerMarketplace"}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"R2bNHYeCDqr3jUlYF0k5","resolved":true,"title":"PromoPopup","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A promotional popup component with toast and top bar modes, auto-open delay, minimize and dismiss controls. Perfect for announcing launches, discounts, or marketplace links without interrupting the user experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Two Layout Modes","marks":[{"type":"bold"}]},{"type":"text","text":" Toast mode renders a floating card aligned bottom-right inside the frame. Top Bar mode stretches full-width for site-wide announcements. Automatically switches to bar mode when component width is set to 100%."}]},{"type":"paragraph","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-open after configurable delay or manual control from properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Minimize to header row — expand again by clicking the card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dismiss with optional session memory — stays dismissed until browser session ends"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CTA button opens any URL in a new tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathing accent animations — icon pulse, gradient sweep, top line sweep"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations pause when component is out of viewport"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer safe — shows popup on canvas without delay"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fade, scale and y-axis enter and exit animations via Framer Motion"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Property Controls","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Behavior — mode (toast/bar), control (auto/manual), auto open toggle, delay, default minimized state, dismiss toggle, session memory"}]},{"type":"paragraph","content":[{"type":"text","text":"Content — headline, subheadline, CTA label, CTA link"}]},{"type":"paragraph","content":[{"type":"text","text":"Style — surface color, warm background accent, text, muted text, border, accent color, accent animation toggle and speed, heading font, body font, button font, radius, padding, shadow strength"}]},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]},{"type":"text","text":" Product launches · Marketplace announcements · Discount and promo banners · Newsletter signups · Cookie notices · Feature announcements · Limited time offers · New component alerts"}]},{"type":"paragraph","content":[{"type":"text","text":"SEO Keywords","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"framer popup component","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer toast notification","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer promo popup","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer announcement bar","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer top bar","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer promotional component","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer modal component","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer notification component","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer CTA popup","marks":[{"type":"code"}]},{"type":"text","text":" · "},{"type":"text","text":"framer code component","marks":[{"type":"code"}]}]}]},"introduction":"Promo toast popup with auto open","slug":"promopopup","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a0618b-f586-76e4-91c5-dca712ba8331.png","metadata":{"tint":{"h":224,"s":93,"l":31},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-02T09:58:17.352Z","updatedAt":"2026-09-02T10:04:29.358Z","publishedAt":"2026-09-02T09:58:17.348Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://glorious-evolution-120635.framer.app/","price":"5","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/8f81ce5e-88ec-4bb4-901f-d6975b2dd3f9","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"F1ACdih0ViQFwABnGhVP","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-02T09:58:17.977Z","updatedAt":"2026-09-02T09:58:17.977Z"},{"id":"01a0606f-5ec9-761d-92c7-43143b718f45","title":null,"body":"

Just shipped GleamButton ✨

Rotating gradient ring, breathing glow, hover sweep but unlike most animated CTAs, it renders as a real anchor tag when linked. Middle-click, right-click, cmd-click all just work.

Live now 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped GleamButton "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Rotating gradient ring, breathing glow, hover sweep but unlike most animated CTAs, it renders as a real anchor tag when linked. Middle-click, right-click, cmd-click all just work."}]},{"type":"paragraph","content":[{"type":"text","text":"Live now "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"NBd5R7IpH4jnQoerQWbg","resolved":true,"title":"GleamButton","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"GleamButton is an animated call-to-action button for Framer with a rotating conic-gradient ring, a soft breathing glow, and a diagonal highlight sweep on hover, built as a real, crawlable link when you set one."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlike a plain click handler, GleamButton renders as a genuine anchor tag when linked, so middle-click, right-click, and cmd-click all work correctly, and search engines can crawl it like any other link."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT IT DOES","marks":[{"type":"bold"}]},{"type":"text","text":" Set your label, colors, and optional link, and GleamButton handles the rest. A thin conic-gradient ring spins continuously around the border, a soft glow breathes beneath the label, and a diagonal highlight sweeps across on hover or focus. Reduced-motion preference disables the animation automatically."}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating conic-gradient ring border, adjustable thickness and speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Breathing glow animation beneath the label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Diagonal highlight sweep on hover and keyboard focus"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Renders as a real anchor tag when linked, full browser-native link behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic reduced-motion fallback for accessibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Disabled state with reduced opacity and blocked interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography, color, and padding controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable corner radius, from sharp to full pill"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open-in-new-tab toggle for outbound links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero third-party dependencies beyond Framer Motion"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY IT WORKS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Most animated CTA buttons in this style use a JavaScript click handler even when linking out, which breaks native browser behavior like middle-click and right-click. GleamButton keeps the same premium visual effect while staying a real link underneath."}]},{"type":"customHeading","content":[{"type":"text","text":"PERFECT FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"SaaS landing page primary actions, product launch pages, waitlist and signup CTAs, and any Framer site that wants an animated button that behaves like a proper link."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INCLUDED","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A single drop-in code component. Set your text, colors, and link, then tune ring speed, thickness, and typography through property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, set your link, and let the glow do the converting."}]}]},"introduction":"Animated ring + glow CTA button","slug":"gleambutton","author":{"framerUserId":"c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd","name":"Hamim Reza","slug":"hreza","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/ib9lauqf","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5d2d1d4-e4e6-48b1-8ee3-4e8b3c792bdd/01a0606e-fbeb-76ce-8ab7-76087bdbdee1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-02T04:45:06.026Z","updatedAt":"2026-09-02T04:45:06.026Z","publishedAt":"2026-09-02T04:45:06.022Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cute-business-240490.framer.app/","price":"5","paymentUrl":"https://hreza.lemonsqueezy.com/checkout/buy/7aef20c2-c2d9-428a-9249-976435dce038","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"TPhicsGzh3nc9hZyW9fr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T04:45:06.633Z","updatedAt":"2026-09-02T04:45:06.633Z"}],"pagination":{"next":"MDFhMDYwNmYtNWVjOS03NjFkLTkyYzctNDMxNDNiNzE4ZjQ1","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L60"}]