llms.txt
# InstantGradient
> WebGL shader-powered mesh gradient generator and color palette tool. Generate palettes, render them as animated gradients, and export as 4K images, MP4 video, CSS, Tailwind, or JSON.
## What InstantGradient does
InstantGradient is a web-based tool for creating mesh gradient backgrounds and color palettes. Unlike flat swatch generators (Coolors, Adobe Color), every palette renders live as an animated WebGL shader gradient. Users can export their gradients as PNG, WebP, MP4 video, CSS, Tailwind v4, React components, Vanilla JS, or JSON.
## Key features
- Hit spacebar to generate harmonious palettes (2-8 colors, using analogous, complementary, triadic, and split-complementary color theory)
- Live animated mesh gradient preview powered by WebGL shaders
- Export as 4K PNG/WebP, animated MP4 video (up to 30 seconds), CSS, Tailwind v4, SCSS, React, Vanilla JS, JSON
- Visual effects: fluted glass, grain, distortion
- 4,900+ named color pages with conversions (RGB, HSL, OKLCH, CMYK, LAB, LCH, HWB), contrast checker, code snippets, and AI-generated descriptions
- Community palette library with saves, collections, user profiles, and public pages
- REST API for programmatic palette generation, color lookup, and community data browsing
- WCAG contrast checking on every color page
## Pricing
- Free: 5 palette saves, 1x resolution export, up to 5 colors per palette
- Pro ($5/month or $39/year): unlimited saves, 4K export, MP4 video, visual effects, up to 8 colors, code exports (React, JS, JSON), REST API (500 requests/day)
## Who it is for
Designers, developers, and content creators who need gradient backgrounds for websites, apps, social media, presentations, and video. Particularly useful for anyone who wants a palette rendered as an actual visual asset rather than flat color swatches.
## How it compares
- vs Coolors: Both generate palettes with spacebar. Coolors shows flat swatches, InstantGradient renders animated mesh gradients. Coolors has Figma/Adobe plugins and a mobile app. InstantGradient exports 4K images, video, and code.
- vs Colorffy: Both make mesh gradients. Colorffy generates static CSS gradients with draggable color points. InstantGradient uses WebGL shaders for animated gradients and has a community palette ecosystem.
- vs CSS gradients: CSS supports linear, radial, and conic gradients. Mesh gradients have organic, irregular color blending that CSS cannot reproduce natively. InstantGradient bridges this gap with code export.
## Links
- Website: https://instantgradient.com
- Generator: https://instantgradient.com/app
- Color library: https://instantgradient.com/colors
- Palette directory: https://instantgradient.com/palettes
- API documentation: https://instantgradient.com/docs/api
- Pricing: https://instantgradient.com/pricing
- Blog: https://instantgradient.com/blog
## Contact
Email: ugo@instantgradient.com
Twitter/X: @instantgradient
Built by: Ugo L. (indie developer)
