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
Day 26/30 ✦ Designing interactive websites every day for 30 days.
This build features a 3D Scroll Reveal with Perspective Card Rotation and Infinite Ribbon Banners, where a tilted video card flattens into view as diagonal text ribbons scroll in opposite directions.
Nice, how did you managed to achieve this effect?
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
Goodbye sweet prince Fable 5.
On the other hand Codex 5.5 can still one-shot this hero landing.
This is cool
🛰️ I just shipped Remora for the Figma Config Makeathon "a space debris cleanup game", built entirely in Figma and Figma Make with help of Sites.
PLAY NOW 💯 Remora - Let's Clean our Space 🚀
Right now, more than 27,000 pieces of debris are orbiting Earth. Broken satellites, lost bolts, leftover rocket stages and nobody's cleaning it up. It sounds distant, but it isn't: this debris threatens the satellites our GPS, communications, and weather systems depend on, and could eventually block our access to space entirely.
I named the project Remora; a small fish that swims alongside sharks, cleaning their surroundings. We're the remoras. Space is our ocean.
The Makeathon brief was "design something that improves the world," and I wanted my answer to be playable, not just a poster.
Some of what's under the hood:
🎮 Two game modes: a free-flying drone collector with zero-G physics and a station-based sorting game where you triage incoming debris into recycling shipments
🤖 Three AI-controlled drones compete alongside you on a live leaderboard, each with its own personality and skill level
✨ Particle bursts, thruster trails, and docking animations — built frame-by-frame on canvas, no game engine
🌍 An animated Earth companion that reacts with rotating messages as you play
📡 Satellites cross your flight path on real trajectories — hit one and you lose cargo and hull integrity
🔼 A milestone-based upgrade system (Speed Boost, Cargo+, Magnet Field, Shield) that triggers mid-flight without pausing the game
It won't clean the orbit. But if it makes one more person think about the mess we're leaving up there — it did its job.
🔗 Try it live: Remora - Let's Clean our Space
🎨 Figma file: Project File
Can we tag NASA here? 🧠
Hey there! I like to share something I made 😊
Dojo, a daily kendo practice, disguised as a card collection 🤺⚔️⛩️
Kendo is something that been sticking with me last 3 years... mostly get hit with a stick, repeatedly. But the part that sticks isn't the strikes, it's keiko: the same move, the same bow, over and over until they're yours. You don't win in kendo. You just keep showing up.
So I made an app that does the same thing. Dojo gives you one pack of three cards a day. No more, no matter how nicely you ask. Collect cards and you've quietly walk the path of a kendo practitioner!
It not a slot machine. No progress bars, no streak guilt, no confetti cannon at the finish. The grid just fills, one quiet day at a time.
I hope Dojo bows politely and asks you to come back tomorrow. And every card teaches you a little bit of kendo in English and Japanese, so you're learning while you collect.
📌 What to look for
- One pack a day, waiting is a feature, not a bug.
- Shin-Gi-Tai: 36 cards
- Zero dopamine gimmicks
- Bilingual cards a tiny kendo crash course.
📌 How it was made
Pen and paper -> ideas, scribbles
Claude -> to think out loud, plan and organized
Figma -> to design the look, layout and details
Agents / Weave -> to generate the card by theme
Figma Make -> pack it all up in as an interactive experience
Let me know what you think and hope you give Kendo a try! 🙏
https://dojo-kendo.figma.site/
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?