10 Best Vanilla JavaScript Gradient Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

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
66K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
605
Last Commit
2yrs ago
Bundle Size (min+gzip)
4.70KB
Not Tree-Shakeable

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
1d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
231
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.26KB
Not Tree-Shakeable

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
638
Weekly Downloads
22K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
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
147
Weekly Downloads
35K
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
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
34
Weekly Downloads
2K
Last Commit
2mos ago
Bundle Size (min+gzip)
0.80KB
Not Tree-Shakeable
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
74
Weekly Downloads
1K
Last Commit
9mos ago
Bundle Size (min+gzip)
4.27KB
Not Tree-Shakeable
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
149
Weekly Downloads
23K
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.36KB
Not Tree-Shakeable
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
181
Last Commit
6yrs ago
Bundle Size (min+gzip)
8.42KB
Not Tree-Shakeable