The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
✦ Introducing Mollis
The WebGL Carousel that feels like fabric.
Digital cards are usually rigid rectangles. Mollis treats them as flexible surfaces. Built with a custom WebGL mesh, each card bends and warps with your drag, bringing a tactile, organic weight to your Framer carousel.
WHAT’S INSIDE
✦ Fluid Deformation: A responsive mesh that ripples and settles naturally.
✦ Dynamic Shadows: Adaptive depth that follows every pull and fold.
✦ Typographic Precision: Baked paragraphs and font pairing for crisp, editorial-grade captions.
PERFECT FOR
✦ Editorial layouts and high-end portfolios.
✦ Product showcases that deserve a physical touch.
I’D LOVE YOUR TAKE
Does the deformation feel natural, or should it be toned down? Where would you deploy this on your next project?
Mollis. Every interaction, felt.
This is nice
Thanks Dim, glad you like it!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Credit card landing page design for a fintech startup — an interactive 3D claw machine that turns the offer into the hero instead of another floating card at 15 degrees.
Every card brand ships the same hero: a card hovering over a gradient. Clawd sells one card, not a marketplace, and the entire pitch is "stop comparing — we already did the comparing". So the landing page had to make a single-product offer read as a win rather than a shortage of options, and pull early-access sign-ups from people who are deliberate about money: the ones who actually track spending and read the APR line.
The metaphor does the positioning work. A claw machine that never misses, plus "we already picked the best one", means the visual is the argument and the headline doesn't have to explain itself.
I built the scene in Blender as an interactive element rather than a still render — the claw follows the cursor, the card tilts in the grip, and the pile underneath reacts, so a visitor plays with the product's core idea for a few seconds instead of scrolling past it.
Hero plus full page structure, desktop and mobile designed separately, the Blender scene with web-ready exports, interaction notes, and a developer-ready Figma file.
nice work
You leaned toward Atmospheric in my last taste test, so I took it beyond the hero.
Here’s the full homepage for the same fictional lighting studio, with two different scroll experiences: Fluid and Cinematic.
Which one makes you want to keep exploring?
Continuing from this post: https://contra.com/community/KacW2yxF-homepage-design-comparison-product-photography-vs
22 voted
46%
26 voted
54%
48 votes
Closed
I can't recognizable the difference but both of them are great 🎉🎉
Which hero visual feels right for this brand?
While working on the homepage for Halfspace, a website design and SEO agency, I explored two different hero visuals for the same headline and layout. Same message, same structure, just a different visual metaphor and mood.
Option 1 - Rocket Launch. Bold, literal, and energetic, visually reinforcing the "launch your business" message with motion and fire.
Option 2 - Glass Cube. Abstract, sleek, and premium, giving a more refined, tech-forward feel without relying on a literal metaphor.
Would love your honest UX/UI take, which direction feels more impactful, memorable, and aligned with a web design/SEO brand, and why?
11 voted
41%
16 voted
59%
27 votes
Closed
Both design are great; it's hard to choose one