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
Blog
Codrops
Free web design tutorials, demos and creative coding experiments.
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
- High-quality creative demos
- Source code for most experiments
- Free to read
Cons
- Many demos assume coding experience
- Some posts are sponsored
Who should use Codrops
Front-end developers and designers who want to add creative motion and effects to their sites.
Who may not need it
Beginners looking for basic, step-by-step web lessons.
Codrops alternatives
Similar resources to Codrops, picked from the directory.
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
Seesaw
Focus: inspiration and curation. Shares web design with Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
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
Morphin Inspirations
Focus: ui inspiration, interactions and dashboards. Shares animation and web design with Codrops. A website, not a blog. Freemium (Codrops: Free). Rated 4.3 (Codrops: 4.6).
WebsiteFree planWeb
4.3Visit
Free alternatives to Codrops
Free resources that cover similar ground.
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
Rnote
Focus: handwritten notes, pdf annotation and infinite canvas. Also in Brainstorming and Learning, like Codrops. A desktop app, not a blog. Adds Linux, Windows and macOS. Same 4.6 rating.
Desktop AppFreeLinux, Windows
4.6Visit
Markmap
Focus: mind map, markdown and visual notes. Also in Brainstorming and Learning, like Codrops. A web app, not a blog. Rated 4.5 (Codrops: 4.6).
Web AppFreeWeb, Cross-Platform
4.5Visit
Design for B2B
Focus: b2b websites, design inspiration and landing pages. Also in Learning and Brainstorming, like Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
Logggos
Focus: logo design, branding and inspiration. Also in Brainstorming and Learning, like Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
SparkBites
Focus: design inspiration, design systems and design.md. Also in Learning and Brainstorming, like Codrops. A website, not a blog. Rated 4.4 (Codrops: 4.6).
WebsiteFreeWeb
4.4Visit
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.