Gradient Designer is a powerful visual tool for VS Code that brings a professional gradient studio directly into your editor.
Designed with a stunning Modern Pro aesthetic, it allows you to create, tweak, and export complex gradients and textures without leaving your code.
✨ Features
🎨 Visual Studio Interface
Pro Aesthetic: A deep dark theme (#000) with Electric Blue (#A8C7FA) accents and "Pill" shaped controls.
Single-Page Design: All tools (Dimensions, Gradient, Effects, Export) are visible in one clean sidebar.
Visual Controls:
Linear/Radial: Animated capsule switches.
Stops: Add unlimited color stops with a click.
Sliders: High-contrast sliders for precise adjustments.
🛠️ Texture & Effects
Noise Engine: Add grain/texture to your gradients to prevent color banding and add a premium feel.
Blend Modes: Choose how the noise blends (Overlay, Multiply, Screen).
Shadows (Coming Soon): Future updates will include Drop & Inner shadow controls.
🚀 Professional Export Ecosystem
Stop using online generators. Export directly to your codebase:
CSS Class (.ark-designer):
Generates a production-ready CSS class.
Zero-Asset Noise: The grain texture is embedded as a pure CSS ::before element using an SVG Data URI. No external image files needed!
This software is Proprietary. All rights reserved by Ark Platforms.
Unauthorized copying, modification, or distribution is strictly prohibited.
See LICENSE for details.
