10 Best Vanilla JavaScript Gradient Libraries

List hand-picked by Openbase Experts
Learn More

gra

granim

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
5K
Weekly Downloads
1.4K
Last Commit
3yrs ago
User Rating
5.0/ 5
2
Top Feedback
1Easy to Use
1Bleeding Edge
expo-linear-gradient

expo-linear-gradient

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
18.2K
Weekly Downloads
102K
Last Commit
9mos ago
gj

grade-js

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

ISC
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
3.7K
Weekly Downloads
276
Last Commit
4yrs ago
User Rating
4.0/ 5
1
Top Feedback
pmg

postcss-minify-gradients

Minify gradient parameters with PostCSS.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
Weekly Downloads
10.2M
Last Commit
fast-average-color

fast-average-color

🍏🍊🍅 Fast Average Color

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
807
Weekly Downloads
24.8K
Last Commit
8mos ago
jcg

javascript-color-gradient

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
47
Weekly Downloads
4.9K
Last Commit
7mos ago
tin

tinygradient

Fast and small gradients manipulation, built on top of TinyColor

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
168
Weekly Downloads
85.1K
Last Commit
7mos ago
gra

gradstop

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

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
153
Weekly Downloads
16.7K
Last Commit
3yrs ago
gra

grapick

Easy configurable gradient picker, with no dependencies

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
85
Weekly Downloads
1.4K
Last Commit
2yrs ago
gra

gradient

A class for generating gradients

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
19
Weekly Downloads
141
Last Commit
7yrs ago