As if publishing Célia's spotlight today wasn't exciting enough...💜 here comes another one!
For more than 15 years (almost a third of my life!!!) I've been running Codrops. What began as sharing small experimental demos has turned into a journey that's connected me with so many inspiring creatives 💙🫶
That's why I'm so happy to share that we've evolved our Demos Hub into the new Creative Hub, a place that brings everything together: a growing collection of hand-picked, open-source demos from Codrops and beyond.
A space to discover, learn from, and celebrate the creativity of the web community!
I'd love for you to explore it, get inspired, and also share your own work: tympanus.net/codrops/hub/
Among the work I'm most proud of, here's one small project I made years ago that's finally out there! Learned so much about frame buffers and shaders through it — dimsum009.resn.global/#webgl#threejs#creativecoding
Today we have a wonderful tutorial for you!
@jorgecapillo shows how to build an infinite parallax image grid powered by @greensock, seamless tiling, and dynamic scroll/drag effects.
A motion-rich visual treat: tympanus.net/codrops/?p=9473…
[LIVE DEMO] Check out our latest WebGL demo, exploring a fluid cellular particle effect. Full write up and details of what's going on under the hood coming soon 🔍
Live → unseen.co/labs/cellular/#webgl#realtime#threejs
So happy to finally put the spotlight on @jorgecapillo 🌟
He’s not only shared some fantastic tutorials on Codrops, but also built a body of work full of creativity, motion, and care.
Read his Developer Spotlight here: tympanus.net/codrops/2025/03…
Thank you so much, Jorge 💙🙏 To many more 🫶
We’re featuring @jorgecapillo in today’s spotlight—a creative developer whose motion-focused tutorials and interactive work have inspired the Codrops community!✨
Explore his story, favorite projects, and the ideas behind his beautifully crafted web experiences 🔗⬇️
Ever wondered what a crayon sketch would look like in motion? ✏️💫
@jorgecapillo shares a step-by-step tutorial on creating a stop-motion crayon cursor effect with p5.js.
Playful, interactive, and fun to build!
Follow along 👇
Wrapped up a small #sideproject — Colormatch!
colormatch.jayas.me
A color matching game built over the weekends*. Aims to familiarize players with the RGB color model using 3D space.
#3d#rgb#color
ALT Screenshot of Colormatch! A game, showing a cube with each axis mapped to the three color channels in RGB color model—Red, Green and Blue. Player is shown a color written in RGB notation, and expected to click on the corresponding coordinate in the cube.
ALT Screenshot of Colormatch! intro screen, showing three options for difficulty, a short description of the game, atop a blurred colorful gradient (where colors are moving behind the blur IRL).
We make the tools. You make the magic. 💚
Here's our favourite GSAP-powered animations and interactions from 2024, or as we're calling it - the year of the pixel transition. 👾
Honoured to serve such an inspiring community.