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)