Scratch
Focus: coding for kids, games and education. Shares animation with Codrops. A web app, not a blog. Adds Windows, macOS and Android. Rated 4.8 (Codrops: 4.6).
Web AppFreeWeb, Windows
4.8Visit
Blog
Codrops
Free web design tutorials, demos and creative coding experiments.
Rating
4.6 / 5
Pricing
Free
Difficulty
Intermediate
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Codrops?
Codrops has published free tutorials, demos and articles for web designers and front-end developers since 2009. You can learn animation, WebGL, CSS and layout techniques from detailed write-ups, and most demos come with source code you can study and reuse.
Pros: what Codrops does well
- High-quality creative demos
- Source code for most experiments
- Free to read
Cons: where it falls short
- Many demos assume coding experience
- Some posts are sponsored
Who Codrops is for
Front-end developers and designers who want to add creative motion and effects to their sites.
Who can skip it
Beginners looking for basic, step-by-step web lessons.
Codrops alternatives
Not sold on Codrops? These do a similar job, and each card says what it has in common.
60fps.design
Focus: motion, interaction and ios. Shares animation with Codrops. A website, not a blog. Freemium (Codrops: Free). Same 4.6 rating.
WebsiteFree planWeb
4.6Visit
Awwwards
Focus: inspiration, showcase and ui. Shares web design with Codrops. A website, not a blog. Same 4.6 rating.
WebsiteFreeWeb
4.6Visit
Minimal Gallery
Focus: inspiration and gallery. Shares web design with Codrops. A website, not a blog. Rated 4.5 (Codrops: 4.6).
WebsiteFreeWeb
4.5Visit
Dark Mode Design
Focus: dark mode, inspiration and gallery. Shares web design with Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
Seesaw
Focus: inspiration and curation. Shares web design with Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
Free alternatives to Codrops
Want to spend nothing? These free picks cover similar ground.
Umanmade
Focus: creative directory, portfolios and illustration. Shares web design with Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
Grid Garden
Focus: grid and game. Shares css and web design with Codrops. A web app, not a blog. Rated 4.7 (Codrops: 4.6).
Web AppFreeWeb
4.7Visit
Algorithmic Art Skill
Focus: claude, claude skills and generative art. Also in Brainstorming and Learning, like Codrops. An AI tool, not a blog. Rated 4.7 (Codrops: 4.6).
AI ToolFreeWeb
4.7Visit
Chrome Music Lab
Focus: music, education and experiments. Also in Learning and Brainstorming, like Codrops. A website, not a blog. Rated 4.7 (Codrops: 4.6).
WebsiteFreeWeb
4.7Visit
BeepBox
Focus: music, chiptune and composition. Also in Brainstorming and Learning, like Codrops. A web app, not a blog. Adds Offline. Same 4.6 rating.
Web AppFreeWeb, Offline
4.6Visit
p5.js
Focus: creative coding, javascript and generative art. Also in Learning and Brainstorming, like Codrops. A framework, not a blog. Same 4.6 rating.
FrameworkFreeWeb
4.6Visit
Are you the maker of Codrops?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.