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
Just showing another amazing tool that can help you in component animations.
Cult UI is a shadcn/ui registry of animated, niche components: AI prompt inputs, Halo form controls, shader heroes, device mockups, illustrations, and more. Every component is plain React and Tailwind CSS source that you add to your project with the shadcn CLI, then own and edit like the rest of your code.
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
WHIP: the hyper-motion ad every product drop deserves
A product launch gets about two seconds in someone’s feed. Most of the work goes into the product, and the ad ends up as a still image with a price on it.
WHIP is built for those two seconds. The headline slams in, the shoe whips across the screen, stat tiles snap into a grid, callouts point at the details, and the whole thing ends on a clean brand card. It’s four scenes, loops in 15 seconds, and holds the same energy from start to finish.
I built it as one SVGator template, then dropped in three brands to show that it adapts without breaking:
👟 VOLTA, a cream court sneaker
🔥 KILN, a black and ember hi-top
🥾 HARROW, a full-grain leather Chelsea boot
The animation is the same every time. To make it yours, retype the text, swap one product image and change four colours. Every layer is named, the motion sits on wrapper groups, and you never touch a keyframe. A new brand takes under a minute.
All artwork was made for this template, the brands are fictional and the fonts are open source (Anton and Archivo), so it’s free to give away.
If you launch products, this one’s for you. What should WHIP sell next? 👇
Template: https://app.svgator.com/editor#/d10eaa341c0b4fcbbcde1d5d8f5f18a3
@SVGatorApp #svgatorchallenge
surely in one of the finest submissions.
No After Effects. No manual keyframes.
Just pure React, frame-level spring math, and code.
Built this SaaS product reel completely with Remotion at 60fps. Programmatic motion design makes it effortless to keep animations 100% true to real product UI while allowing programmatic variant generation.
💯 What you receive as a deliverable:
🎬 Production Video: 4K/60fps .mp4 or .webm ready for social, ads, and landing pages
🪟 Transparent Overlays: Alpha-channel .mov (ProRes 4444) to drop over your existing product footage
🔁 Looping Assets: Optimized .gif files for GitHub readmes and email campaigns
💻 Web Native: Interactive React @remotion/player components or automated server-side render scripts
Stack:
• React
• Remotion (useCurrentFrame, spring, interpolate)
• Headless Chromium render pipeline
Taking on 2 new projects this month for SaaS and dev-tool teams looking for high-end product animations.
DMs are open—let’s build.
15 seconds of smooth UI, editorial layouts, and micro-interactions.
Kept the micro-interactions snappy, typography expressive, and transitions buttery smooth.
Rate this UI animation from 1 to 10 in the comments, or tell me what you’d improve! 😉
Solid 10/10 bro! 🔥 Micro-interactions are super snappy and transitions are buttery smooth indeed. Editorial layout game is strong. Keep it up!