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
I’m starting a 30-day design engineering challenge today. Goal: Build one high-fidelity interaction every day using Next.js and Framer Motion.
Day 1: Kinetic Typography with spring physics.
The build uses useSpring (stiffness: 400, damping: 25) to add weight to the cursor movement. It creates a "drag" effect that feels more physical than standard CSS transitions.
You can grab the code for this component here: repo
#designengineering #buildinpublic
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
Challenges
View all
Related posts
Engaging website for a New York–based architecture and construction studio, balancing bold typography, immersive imagery and a minimal editorial layout.
Wonder -- Visual Expressions
The restraint in the warm palette really lets the sound-object concept breathe—especially that shift from readable type to atmosphere.
A look at the identity we designed for Vetti, a dog health monitoring brand.
There’s a lot of data behind a product like this but the person using it just wants to know their dog is okay.
That’s the balance in the design with a connected dot system that feels precise and warm colors and photography that keep it close to what people care about.
Also, an excellent excuse to spend far too long choosing dog photos.
