home_repair_service web dev toolkit
add_circle Suggest
search
Browse
  • home Overview
  • article Blog
  • add_circle Suggest
Links
  • view_in_ar 3D 9
  • accessibility_new Accessibility 29
  • smart_toy AI/ML 23
  • animation Animation 32
  • headphones Audio 17
  • wallpaper Backgrounds 33
  • rss_feed Blogs 28
  • menu_book Books 11
  • verified Branding 15
  • business_center Business 17
  • work Career 16
  • dashboard CMS 11
  • code Code 85
  • palette Colour 38
  • groups Community 10
  • edit_note Copywriting 12
  • css CSS Generators 31
  • design_services Design 100
  • terminal Dev Tools 96
  • dns Domains & Hosting 27
  • shopping_cart eCommerce 6
  • mail Email 14
  • balance Ethics 9
  • celebration Fun 53
  • interests Icons 58
  • brush Illustrations 56
  • lightbulb Inspiration 73
  • school Learning 86
  • campaign Marketing 27
  • photo_camera Photography 23
  • image Placeholders 15
  • podcasts Podcasts 19
  • task_alt Productivity 36
  • security Security 17
  • home_storage Self-Hosted 19
  • search SEO 6
  • cloud Services 35
  • apps Software 43
  • description Templates 14
  • bug_report Testing 42
  • text_fields Typography 47
  • videocam Video 13
  • web WordPress 13

magecdn.com

MageCDN SVG Loaders

added September 4, 2026 Free
image_not_supported magecdn.com
open_in_new Visit Website

A curated collection of more than 100 open-source, MIT-licensed SVG loading spinners that can be used commercially without attribution.

label Animation label Code
open_in_new Visit MageCDN SVG Loaders arrow_back Back to Home

interests Related Links

image_not_supported easings.net

Easing Functions Cheat Sheet

An interactive cheat sheet for comparing and choosing easing functions that control the rate of change in animations.

Free
open_in_new info
Screenshot of NEAT

NEAT

Beautiful gradient animations for your website.

Open Source
open_in_new info
Screenshot of SVG Loaders

SVG Loaders

A collection of handy free SVG loading icon animations.

Open Source
open_in_new info
Screenshot of Ambient Canvas Backgrounds

Ambient Canvas Backgrounds

Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner's Simplex Noise library.

Open Source
open_in_new info
Screenshot of Animated Backgrounds

Animated Backgrounds

Are you tired of boring, static backgrounds on your website or presentation? Our animated backgrounds will bring your content to life and make it stand out from the crowd. With a wide range of styles and colors to choose from, you'll find the perfect background to match your brand and message.

Free
open_in_new info
Screenshot of Animated Icons

Animated Icons

1100+ Animated Icons for the modern web. High-quality animated icons to wow your users! Available to download for free without attribution. Adjust to your brand in just a few clicks.

Freemium
open_in_new info
Screenshot of Envato Elements

Envato Elements

One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.

Premium affiliate
open_in_new info
Screenshot of Barba.js

Barba.js

Create badass, fluid and smooth transitions between your website’s pages.

Open Source
open_in_new info
Screenshot of Animated GIF/WebP Maker

Animated GIF/WebP Maker

GIF maker allows you to instantly create your animated GIFs by combining separated image files as frames. Produced GIFs are of high quality and free of watermarks or attribution, making this tool ideal for developers and content creators. This website also offers a number of GIF editing tools including animated WebP, APNG and AVIF files.

Free
open_in_new info
Screenshot of Paper.js

Paper.js

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.

Open Source
open_in_new info
Screenshot of Two.js

Two.js

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

Open Source
open_in_new info
Screenshot of p5.js

p5.js

p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!

Open Source
open_in_new info
code
terminal
palette
brush
design_services
lightbulb
deployed_code
data_object
web
dns
api
developer_mode
database
cloud
security
analytics
integration_instructions
architecture
grid_view
dashboard
code
terminal
palette
brush
design_services
lightbulb
deployed_code
data_object
web
dns
api
developer_mode
database
cloud
security
analytics
integration_instructions
architecture
grid_view
dashboard
code
terminal
palette
brush
design_services
lightbulb
deployed_code
data_object
// but wait, there's more!

Level up your web development/design toolkit! 😄

// browse
Colour Design Accessibility Testing Dev Tools Learning Inspiration Icons Books Typography Software Illustrations Security Backgrounds Productivity Animation Video Podcasts Fun Placeholders Career Code CSS Generators Services Branding Domains & Hosting Blogs Photography Community Marketing Ethics Templates AI/ML Email Business WordPress Audio Copywriting SEO Self-Hosted 3D CMS Featured eCommerce Colour Design Accessibility Testing Dev Tools Learning Inspiration Icons Books Typography Software Illustrations Security Backgrounds Productivity Animation Video Podcasts Fun Placeholders Career Code CSS Generators Services Branding Domains & Hosting Blogs Photography Community Marketing Ethics Templates AI/ML Email Business WordPress Audio Copywriting SEO Self-Hosted 3D CMS Featured eCommerce
home_repair_service Toolkit

A curated directory of tools and resources for web developers.

Send Feedback

Powered by Ava CMS | Built & curated with ❤️ by freelance web developer AG

Disclaimer: Toolkit is a curated directory of third-party resources. We are not affiliated with the listed websites and cannot guarantee the accuracy of descriptions, pricing, or availability. Always verify information directly on the source website.

info

Heads up!

You're leaving Toolkit

You're about to visit an external website. This directory is hand-picked, but listings are not endorsements and we're not affiliated with the sites linked.

Please keep in mind:

  • Information shown here (including pricing, features, availability, and labels) is provided for convenience and may be incomplete, inaccurate, or change over time
  • Third-party tools and services can evolve or be discontinued, and we can't guarantee their quality, suitability, or ongoing availability
  • Always review the provider's website for current details, terms of use, and any applicable licences before using or purchasing a product

If you notice something that looks incorrect, misleading, or outdated, we'd appreciate you letting us know so we can review it.

flag

Report a problem

// link-slug

Required so we can follow up on your report if needed.