Procedural UI Tool is a high-performance, non-destructive styling solution. Elevate your project's visual quality with dynamic rounded corners, customizable borders, and progress indicators.Stop wasting time creating countless image assets for UI variations. With Procedural UI Tool, you can design, iterate, and implement stunning UI effects directly within the Unity editor, saving hours of development time while achieving a polished, professional look.This powerful tool extends the capabilities of Unity's standard Image and RawImage components, allowing you to apply sophisticated visual styles without modifying prefabs or writing a single line of code. At its core is a flexible ScriptableObject-based profile system. Design a style once, save it as a profile, and reuse it across your entire project to ensure perfect visual consistency. Need to update the look of all your buttons? Simply edit one profile, and the changes propagate instantly.Key Features:Live-Preview Editor Window: A centralized hub for creating and editing effects. See every change in real-time on your selected UI objects without ever entering Play Mode.Non-Destructive Workflow: Add effects to any existing UI element safely. The tool works alongside your current setup, never permanently altering your components.Reusable Style Profiles: Create a library of ProceduralUIProfile assets. Perfect for establishing a consistent design language for panels, buttons, icons, and more.Progress Indicators: Effortlessly convert any border into a circular or radial progress bar, complete with adjustable start angle and direction. Ideal for health bars, loading spinners, and ability cooldowns.Advanced Border & Corner Control:Dynamic Corner Radius: Use absolute pixels for precision or percentages for responsive, resolution-independent designs. Control all corners at once or each one individually for complex shapes.Customizable Borders: Set border width and color with ease.Automated Pipeline Detection: The tool automatically detects whether you are using the Built-in Render Pipeline or URP and applies the correct, optimized shader. No setup required.Multi-Language Support: The editor is fully localized for English, Spanish, German, and Chinese to enhance usability for international teams.Whether you're building a sleek modern interface, a stylized game HUD, or a data-rich application, Procedural UI Tool provides the performance and flexibility you need to bring your vision to life.Core Components:ProceduralUIComponent: The main MonoBehaviour that renders effects on any Image or RawImage component.ProceduralUIProfile: A ScriptableObject asset that stores all styling data (corner radius, border settings, fill color, etc.).Editor & Workflow:Procedural UI Tool Window: The primary interface for live-previewing, creating, and applying profiles.Preset Manager Window: A utility to browse, manage, and apply all ProceduralUIProfile assets within your project.Non-destructive: Adds effects via a single component, leaving your original UI components and prefabs untouched.Rendering & Compatibility:Universal Render Pipeline (URP)Supported Render Pipelines:Built-in Render PipelineAutomatic Shader Selection: The correct shader is chosen at runtime and in-editor, ensuring seamless integration. No manual shader assignment is needed.High Performance: Built with an efficient SDF (Signed Distance Field) approach in a single shader pass for minimal performance impact, making it safe for mobile and performance-critical applications.Features:Control: Global (all corners) or Individual (Top-Left, Top-Right, Bottom-Left, Bottom-Right).Corner Radius:Units: Pixels or Percent.Customizable width and color.Borders:Units: Pixels or Percent.Value (0-1), Start Angle (-360 to 360), and Direction (Clockwise/Counter-Clockwise).Progress Border:Enable/disable on any border.Solid color fill.Fill:Editor available in English, Spanish, German, and Chinese.Localization:Package Content:Runtime scripts and optimized shaders.Editor scripts for all tool windows.Full source code included.Example presets to get you started.Comprehensive documentation.Artificial Intelligence (AI) tools were utilized during development as an assistant for code refactoring and cleanup. The primary use was to improve code structure, enhance readability, and ensure consistent styling across the entire project. All AI-generated suggestions were manually reviewed and approved to guarantee quality and correctness.
