Work · alternatives · 2026
24 alternatives to Colir
Gradients that don't look like defaults
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Web Gradients▲906Curated collection of 180 free fresh background gradients 🚀
2017 · webgradients.com · its alternatives →
- 2
- 3
- 4
Mesh Gradients▲340Create awesome mesh gradients right in Figma
2021 · meshgradients.com · its alternatives →
- 5
- 6
Create unique customizable SVG gradients with MagicPattern
2022 · magicpattern.design · its alternatives →
- 7
Generate custom beautiful mesh gradients
2022 · meshgradient.in · its alternatives →
- 8GGradientMagic▲259
2020 · gradientmagic.com · its alternatives →
- 9
A novel and easy way to design beautiful color gradients.
2020 · mybrandnewlogo.com · its alternatives →
- 10
Create perceptually smooth gradients of all types
2021 · learnui.design · its alternatives →
- 11
Design Gradients▲310Free gradients curated by designers to use anywhere you want
2022 · designgradients.com · its alternatives →
- 12
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
- 13
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own. [1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY
Apr 2026 · static.laszlokorte.de · its alternatives →
- 14
Create gorgeous gradients in 8 color spaces
2024 · learnui.design · its alternatives →
- 15
Generate and make beautiful colors
2024 · cssgradientgenerator.com · its alternatives →
- 16
- 17
Gradient Cards▲357A simple and beautiful list of editable gradients
2018 · cssgears.com · its alternatives →
- 18
Build 3D interactions visually, without writing any code
2015 · 3d-transforms.webflow.com · its alternatives →
- 19
- 20
- 21
- 22RT
2023 · antimatter15.com · its alternatives →
- 23
Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
2024 · repaint.com · its alternatives →
- 24
Gradienta▲292Open-source multi-layered CSS gradients with JPG downloads
2019 · gradienta.io · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →