Muizz Web Studio

37 posts

Muizz Web Studio banner
Muizz Web Studio

Muizz Web Studio

@MuizzWebStudio

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

Spain / Madrid Sumali Ocak 2026
10 Sinusundan7 Mga Tagasunod
Naka-pin na Tweet
Muizz Web Studio
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
English
2
1
8
1.6K
Muizz Web Studio
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
English
0
0
1
39
GSAP
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 → muizzwebstudio.com showcase → gsap.com/showcase
English
3
2
77
3.3K
Muizz Web Studio
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 → muizzwebstudio.com showcase → gsap.com/showcase

English
0
0
2
54
Muizz Web Studio
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 🙌
English
0
0
1
37
Contra
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

🚀 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

English
2
1
8
1.2K
Muizz Web Studio
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
English
3
0
4
114
Muizz Web Studio
Muizz Web Studio@MuizzWebStudio·
🎓 Tutorials & Live Preview: 1: Destructible Chain Tutorial: vimeo.com/1162934218?fl=… Live Pre: app.spline.design/ui/2f61155f-0f… 2: Jiggle Text Tutorial: vimeo.com/1162934395?fl=… Live Prev: app.spline.design/ui/04dd2452-ba… 3: Segmented Glass: vimeo.com/1162934296?fl=… Live Prev: app.spline.design/ui/e93adb94-f9… 🙌 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!
English
0
0
3
77
Muizz Web Studio
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
English
2
1
8
1.6K
Muizz Web Studio
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.
English
1
0
1
25
Nicolás WebFlow
Nicolás WebFlow@nicodursodev·
Ready to level up your digital presence? 🚀 ​Check out Awsa, a sleek & minimalist Webflow template designed for creative studios and agencies who want to stand out. ​Clean layouts, smooth interactions, and total customization. ​View: webflow.com/templates/html… ​#Webflow #Framer
English
1
0
2
83
Muizz Web Studio
Muizz Web Studio@MuizzWebStudio·
@heroinspocom Gleb is in a league of his own. 🖌️ The balance between artistic expression and functional structure here is perfect
English
0
0
0
1
Muizz Web Studio
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
English
0
0
0
0
Muizz Web Studio
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 🔥
English
0
0
0
1
Muizz Web Studio
Muizz Web Studio@MuizzWebStudio·
@heroinspocom Confidence is quiet 🤫 Love seeing the structure do the heavy lifting here. Beautifully balanced 🙌
English
0
0
0
0
Muizz Web Studio
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.
English
0
0
0
1
Muizz Web Studio
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.
English
0
0
0
1
Muizz Web Studio
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!
English
1
0
0
37

Tuklasin

@greensock @threejs @webflow @Budoc_ @WebGL @splinetool @contra @nainvinay26