This media is not supported in your browser
VIEW IN TELEGRAM
How do two portfolios, one process, and a shared creative brain turn into a unified motion story?
Olha Lazarieva and Max Milkin walk through their process, weaving design, motion, and GSAP moments to reveal how digital experiences gain feeling: https://tympanus.net/codrops/2025/12/02/two-portfolios-one-process-where-design-motion-and-code-come-together/
Olha Lazarieva and Max Milkin walk through their process, weaving design, motion, and GSAP moments to reveal how digital experiences gain feeling: https://tympanus.net/codrops/2025/12/02/two-portfolios-one-process-where-design-motion-and-code-come-together/
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Go from Zero to Live in 7 Days! The Anima × Codrops Hackathon is LIVE!
Turn your idea into a live prototype & win Ray-Ban Meta Smart Glasses 👓✨
Every registrant gets 1 month of Anima Pro!
We can’t wait to see what you build!
Learn more
Turn your idea into a live prototype & win Ray-Ban Meta Smart Glasses 👓✨
Every registrant gets 1 month of Anima Pro!
We can’t wait to see what you build!
Learn more
This media is not supported in your browser
VIEW IN TELEGRAM
We wrapped up November with 18 outstanding websites added to Webzibition 🙌
A fantastic snapshot of what was released last month!
We can’t wait to see what December brings 😍
If you’re looking for fresh inspiration, don’t forget to check by:
https://tympanus.net/codrops/webzibition/
A fantastic snapshot of what was released last month!
We can’t wait to see what December brings 😍
If you’re looking for fresh inspiration, don’t forget to check by:
https://tympanus.net/codrops/webzibition/
This media is not supported in your browser
VIEW IN TELEGRAM
Today, Robin Navas takes us on a nature-inspired journey that evolves into a polished WebGL experience filled with 3D, shaders, animation, and thoughtful design.
If you enjoy process and experimentation, you'll love this: https://tympanus.net/codrops/?p=103968
If you enjoy process and experimentation, you'll love this: https://tympanus.net/codrops/?p=103968
This media is not supported in your browser
VIEW IN TELEGRAM
From turning illusions into interactive realities to engineering high-performance WebGL systems, Adrián Gubrica brings a uniquely artistic and deeply technical approach to digital experiences.
A standout voice in creative development.
Read his full story
A standout voice in creative development.
Read his full story
This media is not supported in your browser
VIEW IN TELEGRAM
How’s your prototype going? 👀
Halfway through the Zero to Live Hackathon!
Behind? No stress — you can spin up a prototype in minutes with Anima.
More info + discount code: https://tympanus.net/codrops/2025/12/03/zero-to-live-the-anima-x-codrops-hackathon/
Halfway through the Zero to Live Hackathon!
Behind? No stress — you can spin up a prototype in minutes with Anima.
More info + discount code: https://tympanus.net/codrops/2025/12/03/zero-to-live-the-anima-x-codrops-hackathon/
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
What does it really take to build fast, immersive, meticulously crafted digital experiences today?
In our latest studio spotlight, Fiddle.Digital opens up about their journey, philosophy, and the tech behind their craft — from building their own animation engine to engineering high-performance websites and standout interactive work.
Read their story
In our latest studio spotlight, Fiddle.Digital opens up about their journey, philosophy, and the tech behind their craft — from building their own animation engine to engineering high-performance websites and standout interactive work.
Read their story
This media is not supported in your browser
VIEW IN TELEGRAM
Struggling to get clean, consistent UI code from AI agents?
Turns out the missing piece is giving them better context.
In our latest article by Varun Vachhar you'll learn how Storybook MCP feeds LLMs your actual patterns and tests, and the results are noticeably better.
Turns out the missing piece is giving them better context.
In our latest article by Varun Vachhar you'll learn how Storybook MCP feeds LLMs your actual patterns and tests, and the results are noticeably better.
This media is not supported in your browser
VIEW IN TELEGRAM
🎉 The Zero to Live: Anima × Codrops Hackathon has wrapped, and we’ve just updated the article with the selected winners and their featured prototypes!
Explore the projects here: https://tympanus.net/codrops/2025/12/03/zero-to-live-the-anima-x-codrops-hackathon/
Explore the projects here: https://tympanus.net/codrops/2025/12/03/zero-to-live-the-anima-x-codrops-hackathon/
This media is not supported in your browser
VIEW IN TELEGRAM
How do you turn a static photograph into 60k shimmering particles guided by fBM, curl noise, and a custom FBO pipeline?
Bautista Berto from basement.studio opens the black box behind the living particle system created for the UntilLabs site.
Read the full breakdown
Bautista Berto from basement.studio opens the black box behind the living particle system created for the UntilLabs site.
Read the full breakdown
This media is not supported in your browser
VIEW IN TELEGRAM
From a first wild experiment to crafting atmospheric 3D spaces, Pavel Mazhuga has shaped a creative path that feels entirely his own.
Our new Developer Spotlight steps inside his process and the work that pushed him forward.
Our new Developer Spotlight steps inside his process and the work that pushed him forward.
❤2
We're kicking off the week by highlighting a studio that always sets the bar.
basement has been shaping how the modern web looks and feels, bringing branding, engineering, and experimentation together for some of the internet's boldest brands.
Step inside their story
basement has been shaping how the modern web looks and feels, bringing branding, engineering, and experimentation together for some of the internet's boldest brands.
Step inside their story
What if an AI could open your design file and actually understand it? Refactor components, align tokens, and generate real code?
Penpot, the open-source design tool, is making this real with its MCP server, building that AI future in the open, with the community, with you.
That's the power of open source. Read more
Penpot, the open-source design tool, is making this real with its MCP server, building that AI future in the open, with the community, with you.
That's the power of open source. Read more
Smooth curved motion looks effortless until you try to build it responsively.
In our latest tutorial, Ross Anderson from OFF+BRAND breaks down how they built scroll-triggered curved path animations for a real client project using GSAP and a visual Bezier configurator.
Read it here
In our latest tutorial, Ross Anderson from OFF+BRAND breaks down how they built scroll-triggered curved path animations for a real client project using GSAP and a visual Bezier configurator.
Read it here
This media is not supported in your browser
VIEW IN TELEGRAM
Today we have a small demo to share with you!
Inspired by a video from satto.studio and powered by GSAP, we created an artsy one-page scrolling experience featuring text animations that move and transform in different ways as you scroll.
Take a scroll and download the code
Inspired by a video from satto.studio and powered by GSAP, we created an artsy one-page scrolling experience featuring text animations that move and transform in different ways as you scroll.
Take a scroll and download the code
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
The future of WordPress is interactive.
Our friends at Droip explore why motion and intentional UX are essential in 2026 and how to implement them without the usual headaches. Check it out
Our friends at Droip explore why motion and intentional UX are essential in 2026 and how to implement them without the usual headaches. Check it out
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
What happens when you let AI build fast—but never guess?
Harry Chuang reveals how he created a nostalgic 8-bit universe using a 95% AI-driven workflow, governed by a strict “Design Constitution” that turns AI into a compliance officer, not a stylist.
Vibe coding, but with rules. Read the full breakdown
Harry Chuang reveals how he created a nostalgic 8-bit universe using a 95% AI-driven workflow, governed by a strict “Design Constitution” that turns AI into a compliance officer, not a stylist.
Vibe coding, but with rules. Read the full breakdown
This media is not supported in your browser
VIEW IN TELEGRAM
Last motion highlights of the year, and it's such a good one! 😍
A carefully curated set of animations to watch, rewind, and get inspired by! Check it out
A carefully curated set of animations to watch, rewind, and get inspired by! Check it out
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Thanks to all of you, 2025 was a big year at Codrops! 💙
A year shaped by curiosity, experimentation, and a lot of amazing work from the community.
Thanks to everyone who was part of it!
Here's a look back at what we've been up to
A year shaped by curiosity, experimentation, and a lot of amazing work from the community.
Thanks to everyone who was part of it!
Here's a look back at what we've been up to
❤3
This media is not supported in your browser
VIEW IN TELEGRAM
In our latest case study, Artemii Lebedev shares how "Frequency Breathwork" became a site that embodies breath with cyclical flow, subtle motion, and WebGL strings powered by Three.js + the Web Audio API.
Read it here
Read it here
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
What helps teams take creative risks, speak up, and learn faster?
Our latest article is a long read in Andrew Woan's signature style on psychological safety, self-awareness, and why they quietly shape the quality of creative work.
Set aside some time and read it here
Our latest article is a long read in Andrew Woan's signature style on psychological safety, self-awareness, and why they quietly shape the quality of creative work.
Set aside some time and read it here
❤3