What is uiGradients?
uiGradients is a community collection of beautiful two and three color gradients. Each gradient fills the whole screen so you can see exactly how it looks as a background.
When you find one you like, copy the CSS code or download it as an image. The project is open source on GitHub, where people contribute new gradients.
Key features
- Large collection of full-screen gradient previews
- Copy CSS with one click
- Download as JPG
- Filter by color
Pros
- Instant ready-to-use CSS
- Beautiful full-screen previews
- Open source
Cons
- No gradient editor
- Mostly two-color linear gradients
Best for
Website and app backgroundsButtons and bannersSocial media graphics
Ratings and reviews
No reviews yet. Community ratings and reviews are coming soon, so you can share how uiGradients worked for you.
uiGradients FAQ
Is uiGradients free?
uiGradients is free and open source with no account.
Do I need an account to use uiGradients?
No. uiGradients works without signing up, so you can open uigradients.com and start using it right away.
What are some alternatives to uiGradients?
Similar free tools that also work without an account include Coolors, Realtime Colors, Excalidraw, tldraw, Hero Patterns and Favicon.io.