Gradient Craft is a lightweight, reusable Out Systems component that allows users to dynamically generate, preview, and copy CSS linear gradients in real time.
The component provides an interactive UI where users can:
Select two gradient colors
Adjust gradient angle
Preview the gradient instantly
Copy generated CSS code with a styled success popup
It is designed for theme builders, admin panels, design tools, and applications that require dynamic color customization.? Real-time gradient preview? Two dynamic color pickers? Adjustable angle slider (0°–360°)? Auto-generated CSS output? One-click copy to clipboard? Animated success popup? Responsive layout? Lightweight (no external libraries)