First release
Gradiente v1.0.1
Initial public release of Gradiente — a lightweight gradient engine for parsing CSS gradients into normalized data structures.
✨ What’s included
- Linear gradients (
linear-gradient) - Radial gradients (
radial-gradient) - Conic gradients (
conic-gradient) - Full support for repeating variants
- Automatic stop normalization
- Repeating gradient expansion into real stop data
🚀 Example
import { parse } from 'gradiente';
const gradient = parse('repeating-linear-gradient(red 10%, blue 20%)');↓
[
{ color: 'red', position: 0.1 },
{ color: 'blue', position: 0.2 },
{ color: 'red', position: 0.3 },
{ color: 'blue', position: 0.4 },
...
]🧠 Key idea
Gradiente transforms gradients from:
linear-gradient(...)into a clean, predictable data model that can be used directly in:
- Canvas
- WebGL
- Pixi
- Konva
- visual editors and design tools
📦 Install
npm install gradiente🎯 Why Gradiente
Most libraries treat gradients as strings.
Gradiente treats them as data structures.
🔗 Links
⚠️ Notes
This is the first public version.
The core API is stable, but improvements and new features are planned.
🔥 What’s next
- serialization (
toString) - gradient sampling
- documentation site
- playground