Muizz Web Studio

Bridging the gap between stunning design & technical engineering. Building high-performance experiences

[Muizz Web Studio @MuizzWebStudio]

🚀 I’ve spent the last few days deep-diving into @splinetool #Hana2D 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.

@contra

[Muizz Web Studio @MuizzWebStudio]

Design is meaningless if it doesn't embody the content 🎯

For kontenta AI, the goal was to visualize how their engine pulls chaotic, global public data from platforms like TikTok and X to generate hyper-local content. To tell that story interactively, I engineered this infinite DOM spiral using 100% code 👨‍💻

No heavy WebGL, no Canvas, and no pre-rendered videos. Just native DOM elements, calculated math, and GSAP physically drawing these orbiting icons into a central hub. It's about building a visual narrative where the design logic perfectly matches the product logic 🚀

Functionality: Visualizes data aggregation through an infinite, mathematically calculated DOM spiral using pure frontend logic and @greensock

[GSAP @greensock]

💚 Site of the Day - Muizz Web Studio

The site demonstrates 'Executive Warmth' combined with high-performance technical precision. It utilizes a hybrid approach: Webflow for structure and custom GSAP/Three.js for 'Awwwards-style' motion. Despite featuring rich interactions like WebGL distortion and physics-based rain, the site is optimized to load instantly and achieves a 90+ Lighthouse performance score.

credit: @MuizzWebStudio

⚙️ ScrollTrigger Observer SplitText
🛠️ @threejs WebGL @webflow

site → https://t.co/QE0E1MF1R3
showcase → https://t.co/V1TZUeSMqn

[Muizz Web Studio @MuizzWebStudio]

@Budoc_ @greensock @Budoc_ Appreciate that 🔥 I really wanted to keep the logic simple but high-impact. Glad you dig it!

[Muizz Web Studio @MuizzWebStudio]

@_DevDsgn @greensock @_DevDsgn Thank you so much 🙌

[Muizz Web Studio @MuizzWebStudio]

Building this site was a challenge in balancing heavy visuals with high performance 🚀

It’s a huge honor to be recognized by the team at @greensock , whose tools make that balance possible.

Thank you for the feature and for constantly pushing the boundaries of what the web can do. 💚

@webflow @WebGL @threejs

[GSAP @greensock]

💚 Site of the Day - Muizz Web Studio

The site demonstrates 'Executive Warmth' combined with high-performance technical precision. It utilizes a hybrid approach: Webflow for structure and custom GSAP/Three.js for 'Awwwards-style' motion. Despite featuring rich interactions like WebGL distortion and physics-based rain, the site is optimized to load instantly and achieves a 90+ Lighthouse performance score.

credit: @MuizzWebStudio

⚙️ ScrollTrigger Observer SplitText
🛠️ @threejs WebGL @webflow

site → https://t.co/QE0E1MF1R3
showcase → https://t.co/V1TZUeSMqn

[Muizz Web Studio @MuizzWebStudio]

@greensock Thank you so much! 💚 The real challenge was indeed keeping those lighthouse scores green while pushing the @WebGL physics. @greensock makes that performance tuning so much easier to manage 🔥 Honored to be featured 🙌

[Muizz Web Studio @MuizzWebStudio]

Thanks for the feature! 🖤 I really enjoyed pushing the limits of @splinetool Hana2D on this project.

[Contra @contra]

Check out these tutorials for Chain, Jiggle, and Glass effects in @splinetool Hana 🔥

Right now you can win $5k just for trying it out on Contra!

[Muizz Web Studio @MuizzWebStudio]

@contra @splinetool Appreciate the share! 🙌 Glad the team liked the result.

[Muizz Web Studio @MuizzWebStudio]

@nainvinay26 @awwwards Thank you for the support 🙌

[Muizz Web Studio @MuizzWebStudio]

Officially an @awwwards Nominee 🏆

I poured a lot of energy into getting that dark-to-light transition just right. It was a risk pushing the browser with such heavy interactions, but I was determined to keep the performance score high.

Seeing that balance recognized by the jury is the best kind of feedback 🙌

I really wanted to share this with the design community here on X because this space pushes me to level up. Back to build mode now, but had to take a second to celebrate this win ❤️

🔧 Stack: @greensock + @webflow + #threejs

[Muizz Web Studio @MuizzWebStudio]

@feng09_ @awwwards @feng09_ Thank you so much 🙌

[Muizz Web Studio @MuizzWebStudio]

🎓 Tutorials & Live Preview:

1: Destructible Chain Tutorial: https://t.co/p4kMm1yXDa
Live Pre: https://t.co/Vo2UTvJ39u

2: Jiggle Text Tutorial: https://t.co/Ikczqhw8Mm
Live Prev: https://t.co/VSHDATetwW

3: Segmented Glass: https://t.co/O1GMAALnXS
Live Prev: https://t.co/jHMTUqh4fO

🙌 Want to learn a different scene? If you see another effect in the video you like, please comment below. The most requested scene will get the next tutorial!

[Muizz Web Studio @MuizzWebStudio]

🚀 I’ve spent the last few days deep-diving into @splinetool #Hana2D 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.

@contra

[Muizz Web Studio @MuizzWebStudio]

@nicodursodev Sleek and functional. 🧼 Sometimes the hardest thing to find is a template that doesn't feel 'over-designed.' This hits a nice balance.

[Muizz Web Studio @MuizzWebStudio]

@heroinspocom Gleb is in a league of his own. 🖌️ The balance between artistic expression and functional structure here is perfect

[Muizz Web Studio @MuizzWebStudio]

@heroinspocom Sensory design at its best. 🔥 It’s rare to find that balance where the animation feels heavy and substantial, yet completely effortless

[Muizz Web Studio @MuizzWebStudio]

@heroinspocom Clarity is high-performance design. ⚡️

It’s amazing how much faster a user can process information when the structure is this disciplined. Reducing that cognitive load is the ultimate goal. Beautiful work 🔥

[Muizz Web Studio @MuizzWebStudio]

@heroinspocom Confidence is quiet 🤫 Love seeing the structure do the heavy lifting here. Beautifully balanced 🙌

[Muizz Web Studio @MuizzWebStudio]

@heroinspocom Smooth as butter. 🧈 Always inspiring to see how motion can completely define the personality of a product. Top-tier execution.

[Muizz Web Studio @MuizzWebStudio]

@TNCFlow Creativity flows best when you aren't fighting the tool. 🧠 Once you master the technical side of Webflow, the design limitations disappear. Great reminder.

[Muizz Web Studio @MuizzWebStudio]

@ayobami_codes Building from scratch is the only way to truly master the platform. 🧱 That understanding of how the CMS connects to the front-end components is invaluable. Best of luck with the search!