Coding a 3D Audio Visualizer with Three.js, GSAP & Web Audio API
A music-driven visualizer where a glowing 3D orb pulses and spikes to the beat while GSAP-draggable panels drift around it with smooth, inertia-powered motion.
A music-driven visualizer where a glowing 3D orb pulses and spikes to the beat while GSAP-draggable panels drift around it with smooth, inertia-powered motion.
Meet our newest book, “Accessible UX Research” — now available for pre-order. Michele A. Williams takes us for a deep dive into the real world of UX research, with a roadmap for including users with different abilities and needs. Purchase now to get your copy as soon as it’s available, and to save off the full price. Pre-order the book.
Kinsta’s Application Performance Monitoring (APM) Tool visualizes site speed issues. No matter your technical skills, easily identify performance bottlenecks and take action. Unlike our competitors, Kinsta APM is home-built and included free in all of our hosting plans for WordPress. Say goodbye to external plugins or paid services like New Relic.
“I didn’t have high expectations for this career nor did I think I could make a living from it,” says Mexico City-based graphic designer and illustrator Matias Funes. “Life proved me wrong, and over time, my passion and love for design grew enormously.”
Imagine your user is cooking, their hands are covered in flour, and they want to add milk to their shopping list app. They can’t touch the screen. What if they could just say, “Hey, Listify, add milk to my shopping list”? Just like that, it’s done.
In this tutorial, we’ll learn how to build a fun and interactive mesh gradient generator that you can use to create beautiful mesh gradients and add them to your designs.
Social media is no longer just about eye-catching single posts; it’s about creating experiences that draw people in and keep them engaged.
When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expected — that’s specificity. You applied a style, it worked, and later, you try to override it with a different style and… nothing, it just ignores you. Again, specificity.
“Having the Webflow badge on Dribbble feels like finally getting that cool stamp on your passport—clients know you’ve traveled the land of responsive designs and survived the adventures of custom web animations. Seriously, though, it’s made landing dream website projects ridiculously easier.”
Leaders dream of teams working together seamlessly, like a dragon boat crew rowing in unison. But in big companies, people often struggle to understand one another because of differences in roles, expertise, and motivations. This lack of mutual understanding can hinder consensus-building and make collaboration difficult.