https://github.com/flowscape-ui/gradiente
Lightweight gradient API that treats gradients as structured data instead of strings
https://github.com/flowscape-ui/gradiente
color flowscape flowscape-ui gradient gradiente gradients
Last synced: about 2 months ago
JSON representation
Lightweight gradient API that treats gradients as structured data instead of strings
- Host: GitHub
- URL: https://github.com/flowscape-ui/gradiente
- Owner: Flowscape-UI
- License: mit
- Created: 2026-04-18T16:39:48.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-05-13T19:48:46.000Z (about 2 months ago)
- Last Synced: 2026-05-13T20:31:39.647Z (about 2 months ago)
- Topics: color, flowscape, flowscape-ui, gradient, gradiente, gradients
- Language: TypeScript
- Homepage: https://flowscape-ui.github.io/gradiente/
- Size: 5.7 MB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Security: SECURITY.md
- Authors: AUTHORS.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
gradiente
Minimalist & lightweight engine for sophisticated web gradients
## 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:
```css
linear-gradient(red, blue)
```
You work with **structured data**.
## Documentation
The full documentation is published on [gradiente docs](https://flowscape-ui.github.io/gradiente/). Some quick entry points:
- [Getting started](https://flowscape-ui.github.io/gradiente/getting-started.html)
- [API References](https://flowscape-ui.github.io/gradiente/core-api/working-with-gradients.html)
- [Custom Gradients](https://flowscape-ui.github.io/gradiente/core-api/custom-gradients.html)
## 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](./CONTRIBUTING.md).
## License
MIT