Skip to content

First release

Choose a tag to compare

@NiceArti NiceArti released this 18 Apr 19:08
· 58 commits to main since this 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