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
I created something again. This time, a particle emitter when hovering a text. I think it turned out great! 🙌
Each "particle" is a three.js Sprite. Made with Three.js and GLSL.
Check it out live here: https://particle-emitter-exp.vercel.app
This is so fun José! Three.js + GLSL particle sprites on hover is genius - that 15 YEARS OF EXPERIENCES reveal with the image bursting through text is super creative. Checking the live demo now!
The photos bursting out from behind the 15 YEARS OF EXPERIENCES text is a clever reveal. Did you run the sprites through a custom shader or just the basic material?
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
these are lovely, i love the way the rain & snow move.
These are lovely. The 3D tilt on hover with the joystick is such a playful detail, it makes earning the badge feel like an event. Is the joystick handling just the rotation, or does it drive other effects like the sparkle bursts too?
NOIRÉ — Elevating Brands Through Immersive Digital Experiences
The Challenge
I built NOIRÉ as a concept project to explore how modern web technologies can transform the way businesses present their products, communicate their identity, and connect with their audiences.
Many businesses have exceptional products, but their websites don't always reflect the quality, craftsmanship, or emotion behind them. I wanted to explore how thoughtful design, immersive storytelling, and interactive 3D experiences could bridge that gap.
NOIRÉ is my vision of what a luxury fragrance website can become when design and technology work together.
Using Next.js, Three.js, React Three Fiber, and Framer Motion, I set out to create a cinematic digital experience where visitors don't simply browse a perfume — they discover its story. From scroll-driven packaging disassembly and bottle animations to interactive fragrance notes, every interaction is designed to make the product feel tangible, distinctive, and memorable.
Why I Built It
My goal goes beyond creating visually impressive websites. I want to help businesses elevate their digital presence, communicate their value more effectively, and create experiences that distinguish them from competitors.
I believe a website should be more than an online brochure. It should express a brand's identity, tell its story, and give customers a compelling reason to engage.
Through this project, I challenged myself to combine creative direction, frontend engineering, 3D visualization, and motion design into one cohesive experience.
My Vision
I want to work with businesses that are ready to move beyond conventional web design and build digital experiences that reflect their ambition.
Whether it's a luxury brand, a product-based business, or a growing company looking to strengthen its online presence, my focus is on creating purposeful, interactive, and visually distinctive websites that bring brands to life.
NOIRÉ is more than a perfume website concept. It's a demonstration of how I want to help businesses turn their digital presence into a meaningful brand experience.
• Oct 21
crazy animation!