🌿 Meet Gramen Fields

A meadow that actually moves. Thousands of canvas-drawn blades sway in real wind physics, part around your cursor, and grow in one by one when the page loads.

✦ 4 styles: Real, Toon, 3D, Flat

✦ Night mode with a glowing cursor torch

✦ Wind, density, height, colors, all adjustable

✦ Comic halftone and outline options

✦ Touch friendly and responsive

Perfect for hero sections, eco brands, portfolios, and footers.

Drop it in, pick a style, and let it grow. Would love to see what you build with it 💚

Arcmetric Stepper is Live ✦

An animated month timeline with a curved glowing line and a rolling odometer counter. Scroll, and the numbers roll with it.

What's Inside

✦ Rolling digital odometer counter (LED or clean type)

✦ Scroll-driven by wheel or page scroll

✦ Curved glow line with adjustable bend and haze

✦ Profile card with verified badge

✦ Autoplay, reverse direction and click-to-step

✦ Full control menu for colors, fonts, spacing and motion

Perfect For

✦ Social proof and growth sections

✦ Milestone and stats timelines

✦ Creator and portfolio sites

✦ This Week’s Free Release: DropLab

Gravity for your digital canvas.

In the real world, motion has weight. DropLab brings that tactile physics engine directly to your Framer site. Watch as elements fall, bounce, and settle with a weighted precision that feels physical.

HOW IT WORKS

✦ Tactile Collisions: Premium shapes ; cubes, spheres, and capsules drop with tuned motion and realistic stacking physics.

✦ Alpha-Contour Intelligence: Drop in your own transparent PNGs. DropLab reads the alpha-based outline, ensuring your logos and icons collide by their actual shape, not just a bounding box.

✦ Interactive Play: Turn static layouts into immersive playgrounds. Visitors can interact with the pile, making your hero sections, 404 pages, or footers something they actually want to play with.

WHY YOU’LL WANT IT

✦ Instant Depth: Add sophisticated physics to your page without a single line of custom code.

✦ Effortless Setup: Drag it onto the canvas, swap in your artwork, and ship.

Free on the Framer Marketplace for one week . Claim it before the clock runs out, and share what you build , we’d love to see it in the wild.

DropLab. Every element, grounded.

◆ Preview URL ◆ Grab it from Our Store

🎬 Meet Match Cut Effect

The cinematic text effect for Framer.

In film, a match cut joins two scenes through one shared element. Match Cut brings that idea to your website's text.

Your keyword stays locked dead-center while the scenes around it change. Hover, and the keyword follows your cursor, snapping onto each match. Text stays sharp where you look and softly blurs everywhere else.

HOW IT WORKS

✦ Write your scenes and choose one keyword

✦ Scenes cut on a beat while the keyword never moves

✦ Hover to pull focus wherever you point

WHAT YOU CAN DO

✦ Choose Paper, Noir or your own background color

✦ Add film grain, ink-textured type and an RGB split

✦ Tune cut speed, blur, focus zone and highlight color

PERFECT FOR

✦ Hero sections and brand statements

✦ Portfolios and agency sites

✦ Product launches and landing pages

Everything lives in Framer's property panel. No code, no keyframes.

🎞 Preview URL

🛒 Grab it Now

🎞️ Match Cut: Directed Typography

The Cinematic Anchor for Framer.

Inspired by the filmic technique of joining disparate scenes through a single visual thread, Match Cut brings a directed, high-end aesthetic to your digital canvas.

Your message stays locked dead-center while the world around it shifts. It’s not just a text animation; it’s a narrative device that commands attention.

HOW IT WORKS

✦ Anchor Your Intent: Choose your keyword. It stays perfectly still as your scenes cycle on a beat.

✦ Interactive Depth: Hover to 'Pull Focus.' The keyword follows your gaze, snapping into place while the surrounding text softly blurs into cinematic bokeh.

✦ Seamless Motion: Create a rhythmic bridge between ideas that feels cohesive and intentional.

WHAT YOU CAN DO

✦ Cinematic Finishes: Choose from Paper, Noir, or custom backdrops to set the mood.

✦ Tactile Textures: Layer on film grain, procedural ink-wear, and an immersive RGB split effect.

✦ Total Control: Effortlessly tune cut speeds, snap precision, and focus zones directly in Framer.

PERFECT FOR

✦ Immersive hero sections and bold brand statements.

✦ High-end portfolios and creative agency sites.

✦ Dynamic product launches and storytelling landing pages.

No code. No keyframes. Just cinematic direction.

Match Cut. Every headline, directed.

🎞 Preview URL

🛒 Grab it Now

🎬 Match Cut is LIVE

Cinematic Match Cut Text Animation for Framer

One keyword stays locked in place while the scenes around it cut, cut, cut. Hover, and it snaps onto your cursor.

THE CUT

✦ Keyword locked dead-center across every scene

✦ Snaps to your cursor on hover, zero lag

✦ Sharp where you look, softly blurred elsewhere

THE LOOK

✦ Paper, Noir or Custom backdrops

✦ Film grain and an ink-textured text fill

✦ Marker highlight with auto-contrast text

THE CONTROL

✦ Cut speed from calm to rapid-fire

✦ Every scene can use its own typeface

✦ All in Framer's property panel, no code

Perfect for :

hero sections, landing pages and portfolios.

🛒 Grab it on the Framer Marketplace

Introducing Goju PeelCraft !

Most web interactions feel weightless. Peelcraft changes that , a custom WebGL physics engine that turns flat images into heavy, die-cut stickers you can grab, bend, and peel right off the screen.

◆ The Weight of the Pull

✦ Soft-Body Physics: Grab and drag. The mesh calculates real-time bend, lag, and curl, snapping back with heavy, satisfying inertia.

✦ Magnetic Tease: The sticker subtly lifts and bends toward your cursor before you even click, begging to be played with.

✦ Living Shadows: Dynamic DOM shadows shift, blur, and scale in real-time based on the sticker's exact Z-depth and rotation.

◆ Studio-Grade Polish

✦ Automagic Die-Cuts: No manual masking. It reads your image’s alpha channel to generate flawless borders, ink keylines, and organic edge-wear.

✦ Tactile Materials: Switch seamlessly between Holographic Foil, Canvas Weave, and Dot Grid, complete with clearcoat reflections and rim lighting.

✦ Zero-Jank Performance: The render loop completely shuts down when idle and hibernates offscreen, keeping your long pages buttery smooth.

Drop in your art, adjust the curl radius, and feel the difference. Grab the remix and show us what you build !

Quzmo Studios

✦ Mollis SpinStack is now live & it’s finally ready.

Mollis SpinStack is a premium 3D card stack built for Framer , designed to make showcasing content feel more tactile, dynamic, and intentional.

◆ Built to Be Premium

✦ Real 3D depth with smooth perspective

✦ Drag, flick, tap & hover interactions

✦ Auto-spin with fully adjustable motion

✦ Fine control over speed, resistance, depth & sway

✦ Multiple animation and transition styles

✦ Responsive and ready for real projects

✦ Deep customization without touching the code

◆ What makes it Unique

Mollis isn't just another card slider.

Every interaction, movement, and layer is designed to give the stack weight, depth, and presence while keeping the controls simple enough to make it your own.

Built for portfolios, products, stories, showcases, and anywhere a standard carousel feels a little too flat.

◆ Its Finally Here

If you've been waiting since the teasers , this one's for you.

SpinStack is now available on the Framer Marketplace. ✦

🔗 Preview URL

🛒 Get it at pre-launch Price

Meet Mollis SpinStack ✦

The WebGL 3D card slider for Framer.

Cards that flip, bend and whip like they have real weight. Drag it, flick it, tap it. Every turn feels alive.

✦ True 3D flips, powered by the GPU

✦ Shadows that match every photo

✦ Animated text, inside or outside the card

✦ No code, no libraries, just plug in and play

Behind the build: each card face is baked into a single GPU texture, so the whole slider runs on one draw call. The bend follows your flick speed, so a hard flick whips the card and a slow drag barely bends it.

Where would you use it first: a portfolio, a product showcase, or testimonials?

Early-access pricing is open ahead of launch, then it adjusts at release.

Aurora 3D Card

A levitating credit card with real spring physics and a light that follows your cursor.

✦ Tilt and drift on real spring physics, not CSS tricks

✦ Aurora glow hunts a light source you set

✦ Rim light sweeps the edge like a searchlight

✦ Etched SIM chip, brushed-metal text, syncs to every tilt

✦ Visa, Mastercard, or your own logo

✦ Touch-ready on mobile, same full-window tracking as desktop

✦ GPU-composited, respects reduced motion

Drop it into a fintech hero or pricing page and let it do the selling.

◆ Preview URL ◆ Grab it Now

Omni Linepin VOL

A gallery component that renders your images as physical objects clipped to a line, not divs in a grid.

Every card hangs from a hand-drawn wire rendered as a true catenary curve, the same physics that governs a real clothesline under its own weight, with individually placed pin clips anchoring each card at its exact sag point along the curve. The line isn't decoration sitting behind your images. It's the coordinate system your images are positioned against.

✦ Free, For a Limited Time Normally a premium component. Free to grab right now, no catch, just get it while it's up.

✦ The Physics

+ Wire path computed as a genuine catenary function, not a static SVG arc

+ Pin position and card rotation derive from the curve's local tangent at each point

+ Cards read as clipped, weighted objects, subtle tilt, natural hang, nothing pinned dead-center

✦ The Motion

+ Continuous horizontal scroll, seamless loop, no visible seam at the wrap point

+ Cards maintain their individual rotation and pin alignment throughout the scroll, the physics doesn't break under motion

✦ The Craft

+ Full light and dark theme support, tested and shown, not bolted on after

+ Dot-grid background texture for depth without competing with the imagery

+ Rounded card frames with soft shadow separation from the line

This is the kind of detail that's expensive to get right and invisible when it's wrong: a catenary curve that doesn't sag like a real line reads instantly fake, and most "clothesline gallery" components settle for a static bezier arc because the real math is more work. Omni Linepin VOL didn't settle.

✦ Preview URL ✦ Grab It Now

+100 hand-drawn doodles. 5 real art textures. Draws itself.

Built this because I wanted doodles that actually looked hand-drawn, not just lines with a filter on top. Each texture (crayon, chalk, marker, highlighter, pencil) is layered SVG filters modeling how that tool actually marks a page, grain runs along the stroke direction instead of sitting static on it.

119 doodles built in, or drop in your own SVG and it inherits everything: textures, animation, the works. Five trigger modes, five play styles, full custom SVG support.

Screenshots below. Feedback welcome, still tuning it.

✦ Quzmo Studios

Finally some real visibility into component performance. Well done, Framer !

Introducing Tron Tiles ✦

Click anywhere. Watch a field of glass tiles rise, catch the light, and settle back into place.

I've been building Glass Tile Wave Grid for a while now, and it's finally live on the Framer Marketplace. It's an interactive glass tile background where every click sends a real shockwave rippling across the grid, and I would love for you to try it.

What Makes It Different

Most grid backgrounds are lines and dots that glow. This one is built like a physical surface. Tiles lift, press down, and settle with weight, and every pulse is calculated live, so no two clicks ever look the same.

✦ Click shockwaves that travel and fade with distance

✦ Glass faces with luminous rims and layered shadows

✦ Color tint that spreads from every click and slowly fades ✦ Cursor edge shine that glows on the side facing your mouse

Built Different Under the Hood

Pure Canvas 2D. Zero WebGL. It pauses off screen, sleeps when nothing moves, and stays fast on everyday devices.

Try It and Tell Me What You Think

This is where I need you. I'm a solo studio, and honest feedback shapes what I build next.

✦ Drop it into a hero section and see how it feels

✦ Play with Click Tint and match it to your brand color

✦ Tell me what you would add, change, or remove

✦ Share your build so I can see what you made

Thank you for taking a look. I can't wait to see what you build with it.

Quzmo Studios

Bring your digital shelf to life in Framer! 📚✨

Transform flat case studies, design archives, reading lists, or product showcases into an interactive 3D tactile experience.

🌟 Key Features

✦ Interactive 3D Spine-to-Cover Reveal: Drag along the shelf and click any spine to watch it seamlessly rotate into a full 3D front-cover view.

✦ Instant Mode Switching: Toggle dynamically between a horizontal 3D bookshelf carousel and a sleek vertical stack view with a single click.

✦ Detail Popover Cards: Hover or click to reveal floating summary cards with titles, descriptions, and direct links.

✦ Smooth Physics & Depth: Engineered for 60fps performance with organic tilt response, dynamic drop shadows, and zero custom code required.

Perfect for personal portfolios, client showcases, agency archives, or digital libraries! 🚀

Try the live demo & add it to your project:

◆ Project URL ◆ Grab It Now

◆ Bring Your Moments to Life

Turn a simple image gallery into something people actually want to interact with. This clothesline-inspired carousel combines smooth physics, draggable cards, depth, and a curved rope into a playful visual experience.

✦ Drag, swipe, or scroll through your collection

✦ Cards stay naturally attached to the rope

✦ Subtle depth creates a 3D perspective

✦ Momentum makes every interaction feel tactile

✦ Cursor lighting adds a dynamic finishing touch

◆ A Slider With Character

Forget the usual row of cards moving through a viewport. Each image feels like it belongs on the line, making it a great fit for photography, portfolios, memories, products, and editorial content.

✦ Adjustable rope curve and positioning

✦ Custom pins, colors, sizing, and attachment points

✦ Configurable depth, scale, and opacity

✦ Automatic or manual card sizing

✦ Optional cursor-following light

◆ Made to Move

Let it run on its own or take control. Every interaction is built around smooth movement, responsive dragging, and natural momentum.

✦ Auto-slide with adjustable speed and direction ✦ Mouse and touch dragging ✦ Wheel scrolling with sensitivity control ✦ Momentum and natural deceleration ✦ Optional off-screen animation

◆ Set the Mood

From clean and minimal to atmospheric and cinematic, customize the environment around your visuals.

✦ Custom background and vignette

✦ Optional stars and ambient effects

✦ Film grain, halftone, and noise textures

✦ Adjustable texture blending and animation

✦ Crisp, balanced, and performance modes

◆ Built for Framer

Drop in your own content and let the component handle the motion, depth, rope, pins, lighting, and interaction.

✦ Fully customizable Framer controls ✦ Responsive card sizing ✦ Optimized animation and visibility handling ✦ Desktop and touch-friendly interactions

◆ Preview ◆ Grab it Now

◆ Omni Linepin VOL Carousel

✦ What's under the hood

- Real catenary physics. Adjustable sag, vertical position, and a Y-axis curve from flat to a full 90° arc.

- Cursor-tracked SVG light. No canvas hacks, no WebGL. Just a gradient stroke reacting in real time.

- Drag, scroll, or auto-slide. Full momentum on drag, adjustable wheel sensitivity, coast-to-a-stop physics.

- Depth falloff. Cards scale and fade with distance from center, like real depth of field.

- Film grain, halftone, or noise textures. Animated or static, any blend mode.

- Auto-measuring cards. Drop in any component and it reads the width, height, and corner radius on its own.

- Zero dependencies. Canvas for the starfield, pure SVG for the rope and pins, single-pass geometry throughout.

This one's a premium build. Not a free component with a paywall bolted on, but something built end-to-end for people who want their carousel to feel considered, not templated.

Would love to see what you hang on it. 🌌

OMNI CIPHER VOL CAROUSEL

Cards travel toward a glowing laser line and dissolve into a living matrix of cipher characters as they pass through.

WHAT IT DOES

✦ Laser dissolve that tracks every curve and rotation

✦ Sparks scattering off the edge on contact

✦ Cursor-reactive light across the cipher field

✦ Curve the path or spin it into a full 3D wheel

Runs live in Framer, no pre-rendering, no tricks in post.

Cipher Omni Carousel is also part of Omni Carousel Pro, a bundle featuring two other modes.

✦ Preview URL

✦ Grab It Now

NEW LISTING: CIPHER OMNI CAROUSEL 🔥

Hey Framer fam, exciting one today. Cipher Omni Carousel is now live as its own standalone component.

Your cards travel toward a glowing laser line and dissolve into a living matrix of cipher characters right as they pass through. Sparks fly off the edge, the cipher glows and reacts to your cursor, and the whole thing can curve into a path or spin into a full 3D wheel. It is genuinely one of my favorite effects I have built.

WHAT IT DOES

✦ Cards break apart into cascading glyphs at the laser edge

✦ The cipher glows and reacts wherever your cursor drifts

✦ Sparks fly off the laser line as cards pass through

✦ Curve the path or spin it into a full 3D wheel

✦ Drop in any Framer component as a card, no fuss

EASY TO SET UP

No code, just property panel controls for everything. Card size, cipher color, spark behavior, curve degree, texture, it is all right there. Auto measure handles sizing for you, or you can set it manually if your cards need it.

PART OF OMNI CAROUSEL PRO

Cipher Omni Carousel is also part of Omni Carousel Pro, a bundle with two other modes.

Would love to hear what you think !?