Lightnews — Scholar-powered news

codrops @codrops.bsky.social · 13h

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: tympanus.net/codrops/?p=1...

2

codrops @codrops.bsky.social · 1d

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: tympanus.net/codrops/?p=1...

1 13

codrops @codrops.bsky.social · 2d

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: tympanus.net/codrops/2025...

3

codrops @codrops.bsky.social · 5d

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: tympanus.net/codrops/?p=1...

3

codrops @codrops.bsky.social · 6d

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: tympanus.net/codrops/?p=1...

codrops @codrops.bsky.social · 7d

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: tympanus.net/codrops/2025...

3

codrops @codrops.bsky.social · 8d

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: tympanus.net/codrops/2025...

3

codrops @codrops.bsky.social · 9d

✨ Have you checked out our Creative Hub yet?
It's a growing collection of web experiments from the community 👀

New demos are added regularly & you can submit yours, too: tympanus.net/codrops/hub/

Creative Hub | Codrops

The Creative Hub is a growing showcase of open source web demos, design experiments, interactive concepts, and creative ideas. It highlights original work by Codrops contributors alongside standout…

tympanus.net

1

codrops @codrops.bsky.social · 13d

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: tympanus.net/codrops/2025...

1

codrops @codrops.bsky.social · 15d

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: tympanus.net/codrops/?p=1...

3

codrops @codrops.bsky.social · 16d

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: tympanus.net/codrops/2025...

codrops @codrops.bsky.social · 16d

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: tympanus.net/codrops/?p=1...

5

codrops @codrops.bsky.social · 19d

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: tympanus.net/codrops/2025...

1

codrops @codrops.bsky.social · 20d

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: tympanus.net/codrops/?p=1...

1 4

codrops @codrops.bsky.social · 21d

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: tympanus.net/codrops/2025...

codrops @codrops.bsky.social · 22d

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: tympanus.net/codrops/2025...

1

codrops @codrops.bsky.social · 23d

Ever wish you could collect inspiration at the component level, not just full sites?

In our latest article, Kevin Kopp shares the journey of building inspo.page — a library of animations, sections & interactions that spark better design: tympanus.net/codrops/?p=9...

6

codrops @codrops.bsky.social · 26d

Design that balances clarity and curiosity. Tokyo-based designer Mengchu Yao opens up about her path, her process, and the projects that define her craft: tympanus.net/codrops/2025...

2

codrops @codrops.bsky.social · 27d

In today's behind-the-scenes, the team of Unseen Studio® shares how a simple idea grew from concept and visuals into a playful experiment built with Rapier and Three.js: tympanus.net/codrops/2025...

2

codrops @codrops.bsky.social · 27d

Ahead of Penpot Fest 2025 (Oct 8–10, Madrid), we’re teaming up with Penpot to turn wishes into conversations on the future of design & dev.

👉 Take part (and maybe join in Madrid):
tympanus.net/codrops/2025...

Wish You Were Here – Win a Free Ticket to Penpot Fest 2025! | Codrops

Share your “I wish…” for the future of design and development — and win a free ticket to Penpot Fest 2025 in Madrid!

tympanus.net

codrops @codrops.bsky.social · 28d

For 15+ years, Codrops has shared experimental web demos & creative projects. Now, we’re bringing it all together in the new Creative Hub — a curated space to explore, learn & share from the web community.

Dive in: tympanus.net/codrops/hub/

3 15

codrops @codrops.bsky.social · 28d

With soul, story, and sparkle, Célia Lopez transforms 3D into a magical art that connects and inspires! ✨

Dive into her imaginative worlds in our latest spotlight: tympanus.net/codrops/2025...

4

codrops @codrops.bsky.social · Sep 5

From slow living to bold digital design, Thierry Chopain of type8 studio shares how clarity, collaboration, and craft shape his award-winning work.

Read his inspiring story: tympanus.net/codrops/?p=9...

2

codrops @codrops.bsky.social · Sep 4

If you ever tried building with the Model Context Protocol, you know the complexity. At basement.studio, that challenge led to the creation of the xmcp framework.

In today’s article, Valentina Bearzotti explains how it helps developers connect LLMs to real-world data: tympanus.net/codrops/2025...

1

codrops @codrops.bsky.social · Sep 4

🚨 Deadline extended! 🚨

Share your “I wish…” for the future of design & dev and win a FREE ticket to Penpot Fest 2025 (Oct 8–10, Madrid) 🎟️🇪🇸

Post with #WishYouWereHerePenpot + tag @PenpotApp by Sept 11.

Don’t miss out 👀