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
⚡️ Stop scroll animations from stuttering on mobile (30-sec fix!)
Ever spent hours building a buttery-smooth scroll effect in Framer, only to test it on mobile and watch it lag?
Here is the quick fix to keep your frame rates locked at 60 FPS:
• Animate Scale, Not Dimensions: Avoid animating Width or Height directly on scroll triggers. Animating Scale bypasses layout reflows and keeps render times instantly snappy.
• Enable GPU Acceleration: Add a subtle 3D transform (Z: 0.1px) to your moving component. This forces the browser to use the graphics processor instead of taxing the CPU.
• Keep Nested Variants Clean: Remove unused opacity/blur states on hidden sub-layers inside your variant components.
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
firendev: brand identity and website.
firendev is a video studio, and the name carries the whole brand. Fire, for the spark that starts every piece. Firenze, for a craft measured with proportion and geometry. Develop, in its two senses: developing film and developing software. One line holds it together: developed like software, finished like film.
Everything else grows from that. The spark is the dot of the i. The floor is the herringbone brick of Florence's Duomo. The mark is a camera frame waiting for its spark.
I'd love your honest take on the mark and the hero.
Full case study: https://contra.com/p/bWEMrvZW-firendev-brand-identity-and-website
It's a great design 🔥
I liked the animation in Hero; I'm curious which library you used.
quietly finished a full brand system for a fictional hospitality group — one parent identity, four sub-brands, each tuned to a different hour of the day but sharing the same DNA underneath.
a single dot that changes meaning depending on the moment. a mark that knows when to stay quiet and when to take up space.
case study dropping soon
Marea — Private Yacht Charter
Booking a yacht sounds simple.
Until a guest wants a sunset dinner for six.
Now someone has to check availability, coordinate the yacht and chef, confirm the menu, collect dietary requirements, arrange the extras, and keep an eye on the weather.
For a small charter business, that can mean a lot of back-and-forth before a booking is actually confirmed.
So I built Marea around a simple idea:
The guest should choose the experience. Marea should handle the coordination.
Instead of starting with a long inquiry form, guests can build their trip visually, choosing the destination, date, yacht, experience, dining options, and preferences through one guided flow.
Behind the scenes, the concierge gets everything they need in one place: guest details, preferences, special requests, payment, and trip status.
And because sailing doesn't always go according to plan, Marea also brings weather and rescheduling into the booking experience.
One booking. Boat, chef, dinner, and everything in between.
This is stunning, sign me up, where do I book?! 😅