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 Fluid Cards — make your designs move.
I’ve been working on something new: Fluid Cards, an interactive Framer component designed to turn static images into a more expressive visual experience.
Think fluid card deformations, sequential flipping animations, scrolling headline tickers and customisable motion — all inside Framer.
What's included:
Fluid, 3D-inspired card deformation
Sequential card-flipping animations
Single-row and multi-row headline tickers
Customisable typography, captions and card links
Adjustable lighting, shadows and motion settings
Flexible controls directly inside Framer
Built for creative portfolios, agency websites, landing pages and visual storytelling.
No complicated setup. Just add the component, customise it and make your layouts move.
Explore Fluid Cards:
🔗 Live demo: https://fluidcards.framer.website/
🛒 Get the component on Contra: https://contra.com/products/ROSwJ0ag-fluid-cards-interactive-framer-component
I'd love to see what you create with it!
#Framer #FramerComponents #InteractionDesign #MotionDesign #CreativeDevelopment #WebDesign #NoCode
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
EchoMind is live on the Framer Marketplace.
It’s a calm, editorial shop template for brands that make physical things: hardware, objects, small product lines. I designed the brand, generated the product photography and built every page in Framer.
What’s inside:
20 pages, each designed for desktop, tablet and phone
CMS-driven shop with working price sort
Product pages with gallery, specs and FAQs
A build-your-own configurator with live pricing
A bag with quantities and discount codes
Journal with hover image previews
Launch, studio, support and gift card pages
The product itself is fictional: a modular mixing desk where one core listens to your mix and suggests one fix at a time. I wanted the template to feel like a real brand from day one, so it’s been built and photographed like one.
Get the template: https://www.framer.com/marketplace/templates/echomind/
Congrats on the launch, Jonathan. Designing the brand, the photography and every page yourself gives it a clear voice. What was the hardest part of building a shop template in Framer?
Features section from Byline, a concept PR agency site. Off-black and white base, one red-orange accent for a breaking news feel, and a hover state that fills the active card. Built in Framer.
The italic Earned in that heading is a nice touch.
A motion-driven promo sequence created to transform product features and digital experiences into a concise visual narrative.
Smooth transitions, interface-inspired elements, and bold compositions help make the explainer informative without losing the energy of a promotional video.
DM us for SaaS promo videos, motion graphics, and product storytelling.
you did a nice job!