Skip to content

Latest commit

 

History

History
82 lines (61 loc) · 2.8 KB

File metadata and controls

82 lines (61 loc) · 2.8 KB
gradiente logo

gradiente

Minimalist & lightweight engine for sophisticated web gradients

npm version
npm version bundle size license

Getting Started

gradiente is a data layer for gradients.

It turns gradient strings into structured, predictable objects that can be validated, transformed, and reused across different systems.

Instead of treating gradients as strings:

linear-gradient(red, blue)

You work with structured data.

Documentation

The full documentation is published on gradiente docs. Some quick entry points:

Why

Gradients are more than just visual output.

They are:

  • user input
  • editable state
  • serializable data
  • cross-platform definitions

gradiente gives you full control over that layer.

Features

  • Parse gradient strings → structured data
  • Normalize and validate inputs
  • Serialize back to CSS
  • Transform gradients to different targets
  • Custom gradient types via Pattern DSL
  • Works with Canvas, WebGL, editors, and rendering engines

Part of Flowscape

gradiente is part of the Flowscape ecosystem.
Flowscape is a developer-first 2D engine designed for building:

  • visual editors
  • design tools
  • builders
  • infinite canvas systems

gradiente provides the gradient system layer - used inside Flowscape.

Community

  • GitHub Issues → bug reports / feature requests
  • Discussions (soon)

Contributing

Contributions of all kinds (feedback, ideas, bug fixes, documentation) are welcome.

Please open a GitHub issue/discussion before putting in any work that’s not straightforward.

More in CONTRIBUTING.md.

License

MIT