Codrops
@codrops
Fueling web creativity since 2009. ๐ฅ
โฝ Open source demos:
โฝ Website inspiration:
2.5K Following 171.1K Followers
For the @webflow, @greensock, and @codetv_dev coding challenge, @filipz built an incredible landing page inspired by Resident Evil.
It started from a single windshield wiper animation, and he spent days tracking down one line that kept breaking before the deadline.
The whole page is built with @astrodotbuild and deployed on Webflow Cloud.
Read the full story:
#gsap# #webflow# #astro#
Show more
Built entirely on @Webflow, Maksym Ponomarenko's yearly portfolio rebuild swings from last year's loud brutalism to quiet minimalism.
He breaks down the GSAP blur effect, the WebGL background, and the Barba.js transitions behind bleibtgleich'26:
#webflow# #gsap# #portfolio#
Show more
๐ซ๐ท TOMORROW. The very first @threejsconf is finally happening in Paris! ๐
Before the big day, weโre taking one more journey with @mingjyunhungโs astronaut in Still, the third chapter of his beautiful interactive story.
Inspired by Akira and traditional Japanese art, this dreamlike world turns an exhausted astronaut into a living garden of ink, silk, flowers, and growing tendrils, all brought to life with WebGPU. ๐ธ๐ฟ๐
Read his amazing breakdown here:
#threejs# #webgpu# #threejsconf# #creativecoding#
(sound on โ๐)
Show more
๐ซ๐ท TWO DAYS. The workshops are already kicking off, Paris is warming up, and the very first @threejsconf is almost here! ๐
As the party is about to begin, Filip Kantedal takes us behind the scenes of an experiment created at @shadersweden that made some serious waves: an infinite liquid glass grid built with Three.js, WebGPU & TSL ๐ซงโจ
Come see how they made the magic happen:
#threejs# #webgpu# #threejsconf#
Show more
Weโre continuing our celebration of the first @threejsconf in Paris with more creative work from the Three.js community. โจ
Today, @chirovisuals takes us behind his Geometry Painter, an exploration of painting, procedural growth, and WebGPU/TSL.
Read the tutorial & explore the demos:
Show more
Today we have something truly special for you!
Creative Engineer Andy Thelander from @Shopify takes us behind the scenes of the epic Everywhere edition, sharing the rendering system, custom asset pipeline, performance techniques, and creative workflow that brought the experience to life.
A fantastic deep dive into modern creative engineering:
Show more
