codrops
214 subscribers
60 photos
266 videos
1 file
411 links
Fueling web creativity since 2009
Download Telegram
When Droip first showed us their builder, the response was incredible. We’re excited to have their team back to share exactly how you can take a Figma design and turn it into a live WordPress site in just minutes.

Read the tutorial: https://tympanus.net/codrops/2025/09/16/from-figma-to-wordpress-in-minutes-with-droip/
1
This media is not supported in your browser
VIEW IN TELEGRAM
Ever started something just for fun and realized you'd accidentally built a whole platform?

That's what happened to Mike van der Sanden. From moodboards and late-night sketches to Nuxt.js builds and interactive code, here's his fascinating story: https://tympanus.net/codrops/2025/09/17/the-making-of-a-personal-project-platform-a-portfolio-that-grew-out-of-process-and-play/
4
This media is not supported in your browser
VIEW IN TELEGRAM
Today we have an amazing in-depth tutorial by Carter Rink on building a real-time 3D weather visualization with React Three Fiber. 🌦️

It covers particle systems, instancing, clouds, storms, API-driven logic, and performance optimizations.

Don't miss it: https://tympanus.net/codrops/?p=100562
2
This media is not supported in your browser
VIEW IN TELEGRAM
The SNP and DashDigital teams share insights from building the LO2S website, combining bold visuals with seamless performance for a motion-driven experience.

Explore it here: https://tympanus.net/codrops/2025/09/19/lo2s-x-snp-dashdigital-designing-a-website-full-of-movement-and-energy/
This media is not supported in your browser
VIEW IN TELEGRAM
If your September felt like crazy ups and downs on repeat, you're not alone 🎢😵‍💫

But the Equinox is here 🌞🌚 and what better way to mark the reset than with some amazing new motion design highlights to get your creativity flowing?

Get inspired: https://tympanus.net/codrops/?p=101298
2
Blender, liminal spaces, and the eerie beauty hidden in the everyday.

A fascinating interview with digital artist Kakeru Taira on turning overlooked places into haunting works of art: https://tympanus.net/codrops/2025/09/22/where-silence-speaks-kakeru-taira-on-transforming-everyday-spaces-into-liminal-experiences/
2
This media is not supported in your browser
VIEW IN TELEGRAM
Ever wondered how duct tape, everyday chaos, and code could shape a portfolio?

Step into Lax Space, as Lax Chee takes us inside his experimental site and the playful ideas behind it: https://tympanus.net/codrops/?p=100137
👍32
It takes more than talent to bring projects like Mark Woodland & Matt Voyce to life.

It takes global teams trusting each other across time zones & cultures—pushing ideas further than one person ever could.

Oliver Muñoz (Uncommon) on leading without borders: https://tympanus.net/codrops/2025/09/25/global-by-design-leading-across-borders-to-shape-digital-experiences/
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Abstract feelings, concrete forms: Tokyo-based designer Daiki Fujita shares the story and process behind his immersive 2025 portfolio.

A journey of abstraction, concreteness & play: https://tympanus.net/codrops/2025/09/30/abstract-feelings-concrete-forms-daiki-fujita-portfolio-2025/
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Creativity isn't magic... it's feelings, little tweaks, and a lot of heart. 💜

In Part 1 of his new series "Creating Emotionally Meaningful Experiences with AI, Three.js, and Blender", Andrew Woan shows us how to find meaning in what we make. 🐼

Set aside a little time, it's so worth it: https://tympanus.net/codrops/2025/10/01/developing-creativity-emotional-design-skills-for-beginners/
3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Breaking free from the grid changes how we tell stories on the web.
Readymag's free layout model makes that possible—letting designers experiment, surprise, and engage.
See examples: https://tympanus.net/codrops/?p=101886
2
Blending engineering precision with artistic vision, Tomoya Okada crafts web experiences where interactivity, animation, and elegance converge.

Discover his work and see what drives his craft: https://tympanus.net/codrops/2025/10/03/fluid-worlds-and-layered-visions-tomoya-okadas-digital-craft/
2
This media is not supported in your browser
VIEW IN TELEGRAM
How do you turn design exploration and UX experimentation into a stunning WebGPU-powered portfolio?
Martin Laxenaire breaks down the creative and technical journey behind the build.

Read the full story: https://tympanus.net/codrops/2025/10/06/self-doubt-and-the-quest-for-fun-how-i-ended-up-turning-my-portfolio-into-a-game/
2
This media is not supported in your browser
VIEW IN TELEGRAM
If you love when art meets code — this is it!

Justine Soulié & Patrick Heng blend illustration, WebGL, and GSAP into Ponpon Mania, an interactive comic that feels so alive.

Have a look behind the magic: https://tympanus.net/codrops/?p=101347
2
This media is not supported in your browser
VIEW IN TELEGRAM
Animating shaders with GSAP and WebGL can be tricky to wrap your head around, but this guide by Andrea Biason and Adoratorio Studio will give you a clear path through it.

A beautifully structured walkthrough of ripples, reveals, and dynamic blur effects: https://tympanus.net/codrops/?p=102374
4
This media is not supported in your browser
VIEW IN TELEGRAM
Our friends at Anima asked us to try out their new Link to Code tool — so we took the chance to play with the Codrops layout a bit 😄

The results? Fast iteration, clean React/Tailwind code, and a lot of creative fun.

Read the full experiment: https://tympanus.net/codrops/?p=100572
2
This media is not supported in your browser
VIEW IN TELEGRAM
From thread to code: NITEX weaves fashion, design, and technology into a single digital fabric.

Spring/Summer shares how they built a brand and platform redefining fashion’s supply chain: https://tympanus.net/codrops/2025/10/10/nitex-building-a-brand-and-digital-platform-for-fashions-new-supply-chain/
4
This media is not supported in your browser
VIEW IN TELEGRAM
If you’ve ever wanted your WordPress carousels to spin in real 3D, our friends at Droip show how to make it happen using only their visual editor.

Learn how to build a circular marquee that orbits in space: https://tympanus.net/codrops/?p=102835
3
This media is not supported in your browser
VIEW IN TELEGRAM
An epic collaboration in every sense: Clay Boan's new portfolio was built by a dream team blending 3D, WebGL, and GSAP into something deeply personal and alive.

Proof that when the right people come together, magic happens: https://tympanus.net/codrops/?p=101496
1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
What started as "I need to update my portfolio" turned into a maximalist playground of glitches, ASCII art, and motion mayhem.

Eloy Benoffi takes us behind the design and the GSAP code powering his bold new portfolio: https://tympanus.net/codrops/?p=102510
1
This media is not supported in your browser
VIEW IN TELEGRAM
Want to level up your scroll animations?

This deep dive into OPTIKKA’s build by Zajno shows how moving from HTML5 video to frame sequences delivers smoother motion, sharper visuals, and complete creative control: https://tympanus.net/codrops/?p=103024
3