animation

Web Animation Libraries, CSS Animations & Motion Design Tools

30 resources indexed

Create smooth, performant animations that delight users with our hand-picked collection of CSS and JavaScript animation libraries. From micro-interactions to complex motion sequences, find the perfect tools for bringing your interfaces to life.

affiliateBring stories to life! Access thousands of professional motion graphics and animation templates on Envato Elements. Ready to use in your projects. Browse Animations →
Screenshot of Animated Backgrounds

Animated Backgrounds

AnimationBackgrounds

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

AnimationIcons

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 Animated GIF/WebP Maker

Animated GIF/WebP Maker

AnimationDesign

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 Two.js

Two.js

AnimationCode

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

3DAnimationCode

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
Screenshot of Leon Sans

Leon Sans

AnimationDesignTypography

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
open_in_new info
Screenshot of Framer

Framer

Animation

Create responsive layouts, design realistic prototypes, and bring everything closer to production—all in one place.

Freemium
open_in_new info
Screenshot of Stylie

Stylie

Animation

Stylie is a fun tool for easily creating complex web animations. Quickly design your animation graphically, grab the generated code and go!

Free
open_in_new info
// browse
Colour Design Accessibility Testing Dev Tools Learning Inspiration Icons Books Software Illustrations Security Backgrounds Productivity Animation Video Podcasts Fun Placeholders Code CSS Generators Typography Services Branding Domains & Hosting Blogs Photography Community Marketing Templates AI/ML Email Business Career WordPress Audio Copywriting SEO Self-Hosted 3D Ethics CMS Featured eCommerce Colour Design Accessibility Testing Dev Tools Learning Inspiration Icons Books Software Illustrations Security Backgrounds Productivity Animation Video Podcasts Fun Placeholders Code CSS Generators Typography Services Branding Domains & Hosting Blogs Photography Community Marketing Templates AI/ML Email Business Career WordPress Audio Copywriting SEO Self-Hosted 3D Ethics CMS Featured eCommerce
affiliateBring stories to life! Access thousands of professional motion graphics and animation templates on Envato Elements. Ready to use in your projects. Browse Animations →