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 built a motion gradient tool for an app that generates JSON animation files.
The reason was simple.
While working on a recent project, I needed multiple animated gradients for the UI.
Creating each gradient, animating it manually, and exporting video assets every time felt repetitive and inefficient.
So instead of repeating the same process, I built a small internal tool.
The tool generates motion gradients automatically and exports them as JSON files, making it easy for developers to integrate the animations directly into the app.
Now the workflow looks like this:
• Generate gradient
• Apply motion
• Export JSON
• Ready for development
Sometimes improving the product isn’t about designing another screen - it’s about building tools that remove friction from the design to development workflow.
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
Doppel — Threat Graph
Making complex cybersecurity concepts clear through motion.
For the Doppel Threat Graph product film, I contributed to the visual development and animation. The product connects digital threats across multiple channels, revealing how individual signals form part of a coordinated attack campaign.
The challenge was to translate this technical functionality into a clear visual narrative—showing why the connections between threats matter and how they help reveal the bigger picture.
My work covered storyboard and motion exploration, animation, and scene refinement throughout the feedback process. The focus was on introducing information progressively and guiding attention toward the relationships central to the product’s value.
The result is an animated product film that introduces Doppel Threat Graph and makes its core functionality easier to understand. The project demonstrates how motion design can bring clarity to a complex software product.
Services: Storyboard Exploration · Motion · Animation
That's unbelievable great job 🎉🎉🔥🔥
All the scenes are generated by me using AI please don't use it without permission, also if you want such beautiful cinematic videos I can do it for you for just 5 dollar.
Awesome Video
Riwo – Premium Bicycle Brand Website Design
Most bike brands look the same: spec sheets, stock photos, and cluttered shops. I designed Riwo to feel like the ride itself, which is bold, fast, and effortless.
What I created
A high-impact website concept for a modern bicycle brand, built to turn first-time visitors into buyers.
What it does for the business
Hooks visitors instantly. A cinematic hero ("Ride Beyond Limits") with a clear price and a single call to action.
Makes products easy to compare. Clean product cards with pricing front and center, so shoppers see what they want in seconds.
Builds trust. A features section built around lightweight construction, responsive geometry, and everyday reliability.
Raises order value. An accessories section that encourages customers to complete their setup.
Keeps people scrolling. Smooth scroll animations and text reveals that make the site feel premium and memorable.
Ideal for
E-commerce brands, product launches, and lifestyle or sports companies that want a site that looks as good as their product.
Incredible work man