10 Best Vanilla JavaScript Visual Effects Libraries

List hand-picked by Openbase Experts
Learn More

mo-js

The motion graphics toolbelt for the web

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
3
Top Feedback
N/A
GitHub Stars
17K
Weekly Downloads
3K
Last Commit
2mos ago
pe

proton-engine

Javascript particle animation library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
3
Top Feedback
2Great Documentation
2Easy to Use
2Performant
GitHub Stars
2K
Weekly Downloads
2K
Last Commit
20d ago
sc

stackblur-canvas

Fast and almost Gaussian blur

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
1Performant
GitHub Stars
1K
Weekly Downloads
660K
Last Commit
10mos ago
fwp

focus-within-polyfill

Small vanilla javascript that feature detect the :focus-within pseudo selector and polyfills it with a standard css class if necessary.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
33
Weekly Downloads
14K
Last Commit
8mos ago
pj

particles.js

A lightweight JavaScript library for creating particles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.5/ 5
57
Top Feedback
2Poor Documentation
2Buggy
2Abandoned
GitHub Stars
25K
Weekly Downloads
11K
Last Commit
5yrs ago

expo-linear-gradient

An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
15K
Weekly Downloads
62K
Last Commit
8d ago

postcss-minify-gradients

A modular minifier, built on top of the PostCSS ecosystem.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
9M
Last Commit
8d ago
gra

granim

Create fluid and interactive gradient animations with this small javascript library.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Bleeding Edge
GitHub Stars
5K
Weekly Downloads
560
Last Commit
2yrs ago
fre

fluent-reveal-effect

Fluent Reveal Effect JavaScript library for web

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
N/A
GitHub Stars
185
Weekly Downloads
15
Last Commit
6mos ago
gj

grade-js

This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
230
Last Commit
3yrs ago

postcss-focus-visible

Use the :focus-visible pseudo-selector in CSS

License Icon
License: CC0-1.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
53
Weekly Downloads
5M
Last Commit
3mos ago

fast-average-color

🍏🍊🍅 Fast Average Color

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
652
Weekly Downloads
20K
Last Commit
1mo ago
tin

tinygradient

Fast and small gradients manipulation, built on top of TinyColor

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
146
Weekly Downloads
38K
Last Commit
6mos ago
spa

sparticles

JavaScript Particles in Canvas ~~ Fast, Lightweight, High Performance.

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
2.3/ 5
3
Top Feedback
2Abandoned
2Unwelcoming Community
1Great Documentation
GitHub Stars
108
Weekly Downloads
1
Last Commit
3mos ago
gra

grapick

Easy configurable gradient picker, with no dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
78
Weekly Downloads
1K
Last Commit
10mos ago

glur

Fast gaussian blur in pure JavaScript via IIR filer

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
44
Weekly Downloads
286K
Last Commit
6yrs ago
jcg

javascript-color-gradient

Lightweight JavaScript library, used to generate an array of color gradients, between start and finish colors.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
35
Weekly Downloads
2K
Last Commit
4mos ago
gra

gradstop

JavaScript micro library to generate gradient color stops 🏳️‍🌈

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
150
Weekly Downloads
13K
Last Commit
3yrs ago
bou

bounty

Javascript and SVG odometer effect library with motion blur

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
764
Weekly Downloads
312
Last Commit
1yr ago
cnj

canvas-nest.js

♋ Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
218
Last Commit
2yrs ago
gra

gradient

A class for generating gradients

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
18
Weekly Downloads
107
Last Commit
6yrs ago
smo

@bijection/smoke

Small but good javascript smoke effect 🌬💨

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
218
Weekly Downloads
21
Last Commit
1yr ago
cj

clickspark.js

clickspark.js is a javascript utility that adds beautiful particle effects to your javascript events

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
277
Weekly Downloads
1
Last Commit
3yrs ago
mj

magnifier.js

Javascript library enabling magnifying glass effect on an images

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
789
Weekly Downloads
0
Last Commit
7yrs ago