10 Best React Gradient Libraries

List hand-picked by Openbase Experts
Learn More

gra

@vx/gradient

🐯 visx | visualization components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
15K
Weekly Downloads
45K
Last Commit
2mos ago
gra

@visx/gradient

🐯 visx | visualization components

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

@times-components/gradient

A collection of reusable components used by The Times

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
244
Weekly Downloads
2K
Last Commit
1mo 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
5mos ago
rcg

react-color-gradient-picker

Color picker for react

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
17
Weekly Downloads
774
Last Commit
4mos ago
rgp

react-gcolor-picker

Simple color(hex, rgb/a and hsla) and gradient(linear and radial) picker for react apps

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
10
Weekly Downloads
235
Last Commit
5mos ago
rlg

react-linear-gradient-picker

Linear Gradient picker written in React.

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

ink-gradient

Gradient color component for Ink

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
131
Weekly Downloads
2K
Last Commit
1yr ago
rgp

react-gradient-progress

Simple light circular progress bars in react with gradient.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
86
Weekly Downloads
821
Last Commit
1yr ago
rgc

react-gradient-color-picker

react gradient color picker

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
704
Last Commit
5yrs ago
rg

react-gradient

A React component with built-in functionality to transition between gradients

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
547
Last Commit
2yrs ago
ag

animated-gradient

React component with state controlled animated gradient

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

react-hash-avatar

React hash avatar algorithm

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
6
Last Commit
8mos ago
rgg

react-gradient-generator

A color gradient generator between any two colors with a defined step for react.js

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

react-linear-gradient-button

React linear gradient button component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
14
Weekly Downloads
51
Last Commit
4yrs ago
rgt

rgt

React Gradient Text formats any text to be colored with a beautiful gradient.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
26
Last Commit
N/A
uig

uigradients

Gradients-as-a-react-component™

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
215
Weekly Downloads
22
Last Commit
2yrs ago
rgt

react-gradient-text

Slick React Gradient Text Effects

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
12
Weekly Downloads
7
Last Commit
3yrs ago
rs

react-surfaces

A collection of animated background gradients.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
2yrs ago
rt

react-textgradient

Text gradient react component. CSS with SVG fallback.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
4
Last Commit
N/A
rbg

react-background-gradient

Create "Instagram Stories"-like background gradients for images

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
4
Last Commit
1yr ago
rg

react-gpickr

A React Gradient Creator / Picker

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

react-gradient-view

Inspired from source code of http://www.blackswan.com/dragonfly/

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
3
Last Commit
N/A
rgc

react-gradient-carousel

A custom React component, with a shimmering gradient animation.

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

react-text-skeleton

A simple and small react library in order to create a text skeleton that either blurs out a dummy text or displays a loading gradient until the loaded text is provided.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
2yrs ago