Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nucliweb/people-you-should-follow-on-codepen

People You Should Follow on CodePen
https://github.com/nucliweb/people-you-should-follow-on-codepen

animation canvas codepen creative-coding css hacktoberfest interaction p5js svg webgl

Last synced: 2 days ago
JSON representation

People You Should Follow on CodePen

Awesome Lists containing this project

README

        

# People You Should Follow on [CodePen](https://codepen.io/)

> If you like SVG, Animation, Canvas, Interaction, WebGL, Three.js, Shader, GLSL, P5.js and Creative Code

## Demo or it didn't happen

| CodePen Coder | Tags |
| -------------- | ----- |
| [Adam Argyle](https://codepen.io/argyleink) | `CSS`, `Animation` |
| [Adam Kuhn](https://codepen.io/cobra_winfrey) | `SVG`, `CSS`, `Animation` |
| [Adir Slutzki](https://codepen.io/Adir-SL) | `CSS`, `SVG`, `Animation` |
| [Agathe Cocco](https://codepen.io/agathaco) | `SVG`, `CSS`, `Animation`, `GSAP` |
| [Alex McNerney](https://codepen.io/ajm13) | `Canvas`, `Particles`, `Generative` |
| [Alexandre Rivaux](https://codepen.io/alexr4) | `WebGL`, `GLSL`, `Animation`, `Generative` |
| [al-ro](https://codepen.io/al-ro) | `Shaders`, `GLSL`, `Three.js`, `Particles` |
| [Alvaro Montoro](https://codepen.io/alvaromontoro) | `CSS`, `Game`, `Animation` |
| [Amelia Bellamy-Royds](https://codepen.io/AmeliaBR) | `SVG`, `CSS`, `Animation` |
| [Ana Tudor](https://codepen.io/thebabydino) | `Animation`, `Canvas`, `Sass`, `Javascript` |
| [AndyMan](https://codepen.io/Manoylov) | `Canvas`, `Generative`, `Creative Code`, `GSAP` |
| [Anthony Dugois](https://codepen.io/anthonydugois) | `SVG`, `Three.js`, `Animation`, `Javascript` |
| [Bali Balo](https://codepen.io/bali_balo) | `Canvas`, `Animation`, `CSS`, `Javascript` |
| [Ben Evans](https://codepen.io/ivorjetski) | `CSS` |
| [Blake Bowen](https://codepen.io/osublake) | `Animation`, `SVG`, `GSAP`, `GreenSock`, `Canvas`, `Javascript` |
| [Cami Williams](https://codepen.io/cwillycs) | `CSS` |
| [Cassie Evans](https://codepen.io/cassie-codes) | `CSS`, `Animation`, `GSAP`, `SVG` |
| [Cassidy Williams](https://codepen.io/cassidoo) | `CSS`, `Animation` |
| [Chris Coyier](https://codepen.io/chriscoyier) | `SVG`, `CSS`, `Animation`, `Javascript` |
| [Chris Gannon](https://codepen.io/chrisgannon) | `SVG`, `Animation`, `GSAP` |
| [Chris Johnson](https://codepen.io/jhnsnc) | `SVG`, `Animation`, `Shader`, `WebGL`, `GLSL`, `Javascript` |
| [Christina Gorton](https://codepen.io/cgorton) | `SVG`, `Animation`, `GSAP`, `CSS` |
| [Christopher Wallis](https://codepen.io/notoriousb1t) | `Animation`, `SVG`, `Javascript` |
| [CJ Gammon](https://codepen.io/cjgammon) | `SVG`, `Canvas`, `Animation`, `Three.js` |
| [Dan Wilson](https://codepen.io/danwilson) | `Animation`, `CSS`, `WAAPI` |
| [Daniel](https://codepen.io/scorch) | `Canvas`, `SVG`, `Particles` |
| [Daniel Del Core](https://codepen.io/delcore92) | `Three.js`, `3D`, `WebGL` |
| [Dave Whyte](https://codepen.io/beesandbombs) | `P5.js`, `Animation`, `Canvas`, `Javascript` |
| [David DeSandro](https://codepen.io/desandro) | `Animation`, `Canvas`, `Game` |
| [David Khourshid](https://codepen.io/davidkpiano) | `Animation`, `CSS` |
| [Diaco ML](https://codepen.io/MAW) | `Animation`, `GSAP`, `SVG`, `Canvas`, `Javascript` |
| [Dion Snoeijen](https://codepen.io/octopus11) | `Canvas`, `Javascript`, `Creative Code`, `Generative` |
| [DPDK](https://codepen.io/dpdknl) | `WebGL`, `Three.js`, `Animation`, `GSAP` |
| [Drew Dahlman](https://codepen.io/DrewDahlman) | `Canvas`, `P5.js` |
| [Dudley Storey](https://codepen.io/dudleystorey) | `SVG`, `CSS`, `Animation`, `Javascript` |
| [Eli Fitch](https://codepen.io/elifitch) | `Animation`, `Three.js`, `WebGL`, `Canvas` |
| [Elior Tabeka](https://codepen.io/eliortabeka) | `SASS`, `Animation`, `Javascript`, `Games`, `Components` |
| [Elliot Geno](https://codepen.io/pyrografix) | `SVG`, `GreenSock`, `GSAP`, `Animation` |
| [Eva Santos](https://codepen.io/SoyEva) | `Animation`, `CSS`, `SVG`, `Javascript` |
| [Fabio Ottaviani](https://codepen.io/supah) | `Animation`, `SVG`, `Three.js` |
| [Gabi](https://codepen.io/enxaneta) | `Canvas`, `Animation`, `SVG`, `CSS`, `Javascript` |
| [Gerard Ferrandez](https://codepen.io/ge1doot) | `Canvas`, `3D`, `Physics`, `Animation` |
| [Giana](https://codepen.io/giana) | `CSS`, `Animation`, `Sass`, `Canvas`, `Javascript`, `Particles` |
| [Grant Skinner](https://codepen.io/gskinner) | `Canvas`, `Javascript`, `Particles`, `3D`, `CreateJS` |
| [GreenSock](https://codepen.io/GreenSock) | `GSAP`, `SVG`, `Animation`, `GreenSock`, `Javascript` |
| [Greg Hovanesyan](https://codepen.io/gregh) | `Javascript`, `Web Audio`, `Animation`, `Game`, `CSS` |
| [Hernan Torrisi](https://codepen.io/airnan) | `SVG`, `Animation`, `Canvas`, `GSAP` |
| [Himalaya Singh](https://codepen.io/himalayasingh) | `CSS`, `Animation` |
| [Hornebom](https://codepen.io/Hornebom) | `Animation`, `CSS`, `SVG`, `Three.js` |
| [ilithya](https://codepen.io/ilithya) | `CSS`, `Animation`, `3D`, `Javascript`, `Shaders` |
| [Issey](https://codepen.io/issey) | `SVG`, `Animation`, `GreenSock`, `GSAP` |
| [Jack Rugile](https://codepen.io/jackrugile) | `Canvas`, `Animation`, `CSS`, `Particles`, `Javascript` |
| [Jackson A. Joseph](https://codepen.io/alexandrejosephdev) | `3D`, `Three.js`, `Particles`, `Animation`, `CreativeCode` |
| [Jake Albaugh](https://codepen.io/jakealbaugh) | `CSS`, `Web Audio` |
| [Jamie Coulter](https://codepen.io/jcoulterdesign) | `CSS`, `Game`, `Animation` |
| [Jatin Rao](https://codepen.io/jatinrao) | `CSS`, `Javascript`, `Animation` |
| [Jerome Herr](https://codepen.io/p5art) | `Canvas`, `Animation`, `P5js`, `Particles`, `Processing`, `Generative` |
| [Jhey Tompkins](https://codepen.io/jh3y) | `Animation`, `CSS`, `GreenSock`, `SVG` |
| [Johan Karlsson](https://codepen.io/DonKarlssonSan) | `P5.js`, `Fractal`, `Canvas`, `Animation`, `WebAudio` |
| [Joni Trythall](https://codepen.io/jonitrythall) | `Animation`, `SVG`, `Sass` |
| [Joseph Rex](https://codepen.io/josephrexme) | `Animation`, `GSAP`, `SVG`, `CSS` |
| [Judith Neumann](https://codepen.io/judag) | `Animation`, `CSS` |
| [Julia Muzafarova](https://codepen.io/miocene) | `Animation`, `CSS` |
| [Julian Garnier](https://codepen.io/juliangarnier) | `Animation`, `SVG`, `CSS`, `3D`, `Javascript` |
| [Justin Windle](https://codepen.io/soulwire) | `Animation`, `Canvas`, `Particles`, `Physics`, `Javascript`, `WebGL` |
| [K-T](https://codepen.io/K-T) | `Animation`, `Canvas`, `Particles`, `Javascript` |
| [Kass](https://codepen.io/kassandrasanch) | `CSS`, `GSAP` |
| [Karim Maaloul](https://codepen.io/Yakudoo) | `Animation`, `WebGL`, `Three.js`, `3D`, `Particles`, `GSAP` |
| [Kenji Saito](https://codepen.io/kenjiSpecial) | `Animation`, `Canvas`, `WebGL`, `Three.js`, `Particle`, `Shader` |
| [Kevin LEVRON](https://codepen.io/soju22) | `WebGL`, `Three.js`, `SVG` |
| [Kyle Brumm](https://codepen.io/kjbrum) | `Animation`, `CSS`, `Javascript` |
| [Lea Rosema](https://codepen.io/terabaud) | `WebGL`, `GLSL`, `SVG`, `Canvas`, `CSS` |
| [LegoMushroom](https://codepen.io/sol0mka) | `Animation`, `Javascript`, `SVG`, `Canvas` |
| [Liam Brummitt](https://codepen.io/liabru) | `Animation`, `Canvas`, `Physics` |
| [Liam Egan](https://codepen.io/shubniggurath) | `GLSL`, `Shaders`, `Javascript`, `Generative`, `CreativeCode`, `Animation` |
| [Lisi](https://codepen.io/lisilinhart) | `Animation`, `SVG`, `GSAP`, `CSS` |
| [Louis Hoebregts](https://codepen.io/Mamboleoo) | `Canvas`, `Three.js`, `Particles`, `Shader`, `GSAP`, `Animation` |
| [Lucas Bebber](https://codepen.io/lbebber) | `CSS`, `Animation`, `SVG` |
| [Mandy Michael](https://codepen.io/mandymichael) | `CSS`, `Effects`, `Animation` |
| [Marco Dell´Anna](https://codepen.io/plasm) | `Animation`, `Particles`, `GreenSock` |
| [Mariusz Dabrowski](https://codepen.io/MarioD) | `Animation`, `SVG`, `Canvas`, `Physics`, `P5.js`, `GSAP` |
| [Massimo](https://codepen.io/_massimo) | `Canvas`, `CSS`, `SVG` |
| [masuwa](https://codepen.io/ma_suwa) | `PostProcessing`, `Three.js`, `GLSL`, `Canvas`, `Shader` |
| [Mattia Astorino](https://codepen.io/equinusocio) | `CSS`, `Animation`, `Creative Code` |
| [Michael Gehrmann](https://codepen.io/g12n) | `CSS`, `SVG`, `Animation` |
| [Mike Schultz](https://codepen.io/mike-schultz) | `Animation`, `SVG`, `CSS` |
| [Mustafa Enes](https://codepen.io/pavlovsk) | `CSS`, `Animation`, `CSS` |
| [Nat Cooper](https://codepen.io/natacoops) | `SVG`, `Animation`, `CSS`, `GSAP` |
| [Noel Delgado](https://codepen.io/noeldelgado) | `Animation`, `Canvas`, `CSS`, `SVG` |
| [Not Important](https://codepen.io/clindsey) | `Animation`, `Canvas`, `Three.js`, `Javascript` |
| [Olivia](https://codepen.io/oliviale) | `Animation`, `CSS`, `Javascript` |
| [Paul J Karlik](https://codepen.io/pjkarlik) | `Animation`, `WebGL`, `GLSL`, `Canvas`, `Shader`, `Three.js` |
| [Peter Barr](https://codepen.io/petebarr) | `Animation`, `SVG`, `GSAP`, `CSS`, `GreenSock` |
| [Petr Tichy](https://codepen.io/ihatetomatoes) | `CSS`, `Animation`, `GreenSock`, `SVG`, `GSAP`, `Canvas` |
| [Ricardo Oliva Alonso](https://codepen.io/ricardoolivaalonso) | `CSS`, `Animation` |
| [Rachel Bull](https://codepen.io/rachel_web) | `CSS`, `Animation` |
| [Rachel Nabors](https://codepen.io/rachelnabors) | `Animation`, `CSS`, `SVG`, `WAAPI` |
| [Rachel Smith](https://codepen.io/rachsmith) | `Animation`, `Canvas`, `SVG`, `Particles`, `WebGL` |
| [Riley J Shaw](https://codepen.io/rileyjshaw) | `Animation`, `Canvas`, `CSS`, `Javascript` |
| [Rob DiMarzo](https://codepen.io/robdimarzo) | `Animation`, `Canvas`, `CSS`, `Javascript`, `GSAP` |
| [Ryan Thavi](https://codepen.io/rthavi) | `Generative`, `Canvas`, `Animation`, `Javascript` |
| [Sasha Tran](https://codepen.io/sashatran) | `CSS`, `SVG`, `Animation` |
| [Sara Soueidan](https://codepen.io/SaraSoueidan) | `SVG`, `CSS`, `Animation` |
| [Sarah Drasner](https://codepen.io/sdras) | `Animation`, `SVG`, `Javascript`, `GreenSock`, `GSAP`, `Canvas` |
| [Sarah Fossheim](https://codepen.io/fossheim) | `CSS`, `Animation` |
| [Sebastian DeRossi](https://codepen.io/derossi_s) | `Create.JS`, `Easel.JS`, `Canvas`, `Animation`, `Javascript` |
| [Stívali Serna](https://codepen.io/stivaliserna) | `3D`, `Three.js`, `Animation`, `CSS` |
| [Scott R McGann](https://codepen.io/cantelope) | `Animation`, `Canvas`, `3D`, `Particles`, `Javascript` |
| [Shaw](https://codepen.io/shshaw) | `Animation`, `CSS`, `SVG`, `Javascript`, `Canvas`, `Three.js` |
| [Stefan Weck](https://codepen.io/stefanweck) | `Canvas`, `Animation`, `WebGL`, `Shader` |
| [Sullivan Nolan](https://codepen.io/nolakat) | `Animation`, `CSS`, `SVG`, `WebGL` |
| [Szenia Zadvornykh](https://codepen.io/zadvorsky) | `Canvas`, `Three.js`, `WebGL`, `Shader` |
| [Takashi](https://codepen.io/tksiiii) | `P5.js`, `Canvas`, `Particles` |
| [Tee Diang](https://codepen.io/cybercountess) | `CSS`, `Animaiton` |
| [Tibix](https://codepen.io/Tibixx) | `Animation`, `Canvas`, `CSS`, `Particles` |
| [Tim Holman](https://codepen.io/tholman) | `Canvas`, `Animation`, `Interactive`, `Generative`, `JS` |
| [Thepheer](https://codepen.io/thepheer) | `Canvas`, `Particles`, `3D`, `WebGL`, `Shader` |
| [Thibaut](https://codepen.io/Thibka) | `Canvas`, `Particles`, `Three.js`, `Animation` |
| [Tiffany Rayside](https://codepen.io/tmrDevelops) | `Animation`, `Canvas`, `Particles`, `SVG`, `CSS` |
| [Toshiya Marukubo](https://codepen.io/toshiya-marukubo) | `Animation`, `Canvas`, `Javascript`, `Particles` |
| [Val Head](https://codepen.io/valhead) | `Animation`, `CSS`, `SVG`, `P5.js`, `GreenSock` |
| [Varun Vachhar](https://codepen.io/winkerVSbecks) | `Animation`, `CSS`, `SVG`, `P5.js`, `GreenSock`, `GSAP` |
| [Victor Vergara](https://codepen.io/vcomics) | `3D`, `Three.js`, `Shader`, `Animation` |
| [Yoksel](https://codepen.io/yoksel) | `Animation`, `CSS`, `SVG` |
| [Yuán Chuān](https://codepen.io/yuanchuan) | `SVG`, `CSS`, `Animation`, `GreenSock`, `Javascript` |
| [Yugam Dhuriya](https://codepen.io/pizza3) | `Animation`, `CSS`, `SVG`, `Canvas`, `P5.js` |
| [Yusuke Nakaya](https://codepen.io/YusukeNakaya) | `Animation`, `CSS` |
| [Zach Saucier](https://codepen.io/Zeaklous) | `Animation`, `CSS`, `SVG` |
| [Zed Dash](https://codepen.io/z-) | `Animation`, `CSS`, `Javascript` |

### Contributing

1. Add someone to `directory.js`
2. Run `node generate.js` to generate README.md file
3. Open a Pull Request 👍

------------------------

By [Joan León](https://joanleon.dev) | [@nucliweb](https://twitter.com/nucliweb)