Search Resources
Links by Tag
  • 3D
  • A11y
  • AI/ML
  • Animation
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
  • Career
  • CMS
  • Code
  • Colour
  • Community
  • Copywriting
  • CSS Generators
  • Design
  • Dev Tools
  • Domains & Hosting
  • eCommerce
  • Email
  • Featured
  • Fun
  • Icons
  • Illustrations
  • Inspiration
  • Learning
  • Marketing
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Security
  • Self-Hosted
  • SEO
  • Services
  • Software
  • Templates
  • Testing
  • Typography
  • Video
  • WordPress
Toolkit
  • Suggest
Screenshot of CSS Gradient Animator website
Visit Link
https://www.gradient-animator.com/

CSS Gradient Animator

Filed under Animation

Animate CSS gradients.

free

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from Animation

View all Animation  
Screenshot of NEAT website
Visit Link
https://neat.firecms.co/

NEAT

Filed under Animation, Backgrounds, Colour

Beautiful gradient animations for your website.

free
Screenshot of Keyframes App website
Visit Link
https://keyframes.app/animate

Keyframes App

Filed under Animation, CSS Generators

Visual CSS @keyframe editor. Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.

open source
Screenshot of SVG Loaders website
Visit Link
https://samherbert.net/svg-loaders/

SVG Loaders

Filed under Animation, Icons

A collection of handy free SVG loading icon animations.

open source
Screenshot of Flat Surface Shader website
Visit Link
https://matthew.wagerfield.com/flat-surface-shader/

Flat Surface Shader

Filed under Animation, Backgrounds

This lighting simulation can be configured to use either the 2D context of a canvas element or an array of SVG polygons to draw the triangles. It also utilises native Float32Arrays to store numerical data for highly optimised calculations.

free
Screenshot of Animated Backgrounds website
Visit Link
https://animatedbackgrounds.me/

Animated Backgrounds

Filed under Animation, 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.

open source
Screenshot of Ambient Canvas Backgrounds website
Visit Link
https://tympanus.net/Development/AmbientCanvasBackgrounds/index2.html

Ambient Canvas Backgrounds

Filed under Animation, Backgrounds

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

open source
Screenshot of Animated Icons website
Visit Link
https://animatedicons.co/

Animated Icons

Filed under Animation, 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.

free
Screenshot of Envato Elements website
Affiliate
Visit Link
https://1.envato.market/toolkit

Envato Elements

Filed under Animation, Audio, Backgrounds, Branding, Featured, Icons, Illustrations, Photography, Templates, Video, WordPress

One subscription for access to 1,500,000+ assets. Unlimited downloads & future-proof licensing.

premium
Screenshot of CSS Keyframes Animation Generator website
Visit Link
https://keyframes.app/animate

CSS Keyframes Animation Generator

Filed under Animation, CSS Generators

Create CSS @keyframe animations with a visual timeline similar to video editors.

free
Screenshot of Barba.js website
Visit Link
https://barba.js.org/

Barba.js

Filed under Animation, Code, Design

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

free
Screenshot of Animated GIF/WebP Maker website
Visit Link
https://ezgif.com/maker

Animated GIF/WebP Maker

Filed under Animation, Design

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
Screenshot of Two.js website
Visit Link
https://two.js.org/examples/

Two.js

Filed under Animation, Code

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

But wait, there's more! 🧰✨

Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.

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

Toolkit by Addy is a curated collection of tools and resources for people who make websites.

© Addy 2025. All rights reserved. Made with ☕️ in 🇬🇧.
Freelance Web Developer   About   Privacy   Submit
ko-fi.com/addycodes
ko-fi.com/addycodes