Getting Started in 2 Minutes
Learn how to create and use gradient tools in your projects with simple, actionable steps.
1. Install the Tools
Using NPM:
npm install @egegasas/gradient-engine
For CDN users:
<script src="https://cdn.egegasas.dev/engine"></script>
2. Create Your First Gradient
Use this basic example to get started with gradient creation. Adjust colors and angles in real-time!
// JavaScript
import { generateGradient } from '@egegasas/gradient-engine';
const gradient = generateGradient({
colors: ['#00f3ff', '#ff00cc'],
angle: 45
});
This will generate a diagonal linear gradient from blue to pink at a 45-degree angle.
3. Try It Live
Interactive Preview
Open the full demo explorer to adjust gradient parameters in real-time.
Open Gradient Explorer