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
  • About
  • 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 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 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

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
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
Screenshot of p5.js website
Visit Link
https://p5js.org/

p5.js

Filed under 3D, Animation, Code

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!

free
Screenshot of Paper.js website
Visit Link
http://paperjs.org/

Paper.js

Filed under Animation, Code

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

open source
Screenshot of Leon Sans website
Visit Link
https://leon-kim.com/#intro

Leon Sans

Filed under Animation, Design, Typography

Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim. It allows you to change font weight dynamically and to create custom animations, effects or shapes in the Canvas element of HTML5.

open source
Screenshot of Vanta.js website
Visit Link
https://www.vantajs.com/

Vanta.js

Filed under 3D, Animation, Backgrounds

Animated website backgrounds in a few lines of code.

free
Screenshot of Zdog website
Visit Link
https://zzz.dog/

Zdog

Filed under 3D, Animation, Code

Javascript 3D library. Round, flat, designer-friendly pseudo-3D engine for HTML canvas & SVG.

free
Screenshot of Haiku Animator website
Visit Link
https://www.haikuanimator.com/

Haiku Animator

Filed under Animation, Software

Create engaging animations for any app or website. Code export for React, Angular, Vue, Lottie (iOS & Android). Figma, Sketch, Ai Integration.

premium
Screenshot of Anime.js website
Visit Link
https://animejs.com/

Anime.js

Filed under Animation

Lightweight animation library for JavaScript.

free

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 Codes is a curated collection of tools and resources for people who make websites.

Make friends making the web on our Discord community. ✨

Webwide is an inclusive, supportive Discord community of professional and hobbyist web designers & developers.

Discord Join Webwide on Discord
© Addy Codes 2023. All rights reserved. Made with ☕️ in 🇬🇧. Proudly hosted with 100% renewable energy 🍃 at Krystal Hosting (affiliate).
Freelance Web Developer   About   Privacy   Submit