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
🚀 Finally, a web tool that matches the creative freedom of game development. @Spline Hana & @Contra
I’ve spent the last few days deep-diving into Hana, and honestly, it felt less like coding and more like a creative playground. It reminded me of where I started. Growing up, I spent a lot of time learning game development tools, and I’ve always searched for that same feeling of raw power and freedom in my web career.
🎯 Hana finally hit that mark.
I ended up creating over 17 interactive scenes 100% made in Hana, just to test the limits of what’s possible in the browser.
I didn't want to make this description too long by listing every single tool I used. Instead, I decided to just show you.
⬇️ I’ve posted 3 Tutorials breaking down exactly how I made the Chain, Jiggle, and Glass effects, plus the link to play with the live demo.
🎓 Tutorials & Live Preview:
1: Destructible Chain Tutorial: https://vimeo.com/1162934218?fl=tl&fe=ec
2: Jiggle Text Tutorial: https://vimeo.com/1162934395?fl=tl&fe=ec
Live Prev:
This tutorial is great! Super easy to follow and makes me feel like I can do this!!
That is the best feedback I could hope for! 🔥 Honestly, Hana (Spline's 2D tool) is such a cheat code. it does most of the heavy lifting. If I can do it, you absolutely can. Go for it! ⚡️
This is really interesting!
Thank you so much 🙌
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
Here's my submission for Kittl's Contra Challenge.
Built a Rolex Daytona ad, that Rolex didn't ask for.
Took the Daytona apart piece by piece and brought it all back together. I wanted it to feel like a real luxury ad that lets you sit with every detail up close. The whole thing was designed and animated in Kittl.
Kittl Project Link
Tools used:
Kittl: Image and video generation.
Capcut: Video stitching, and sound design.
Amazing work
Looking fabulous !
Which version of our landing page do you prefer for our threejs website builder?
The orange version represents our new AI release where you can get a 3D site in minutes.
The pink version represents the future of creative immersive websites.
The fish is non-negotiable.
23 voted
28%
60 voted
72%
83 votes
Closed
Trending
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
returntonature
Spring is a reset for creativity. What’s inspiring you outside the screen right now?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?