Slate — Modern uGUI Canvas Framework & Design System for Unity 6
Stop stitching together mismatched UI prefabs. Slate is a complete, production-grade UI runtime framework built natively on Unity 6 uGUI (Canvas).
Designed for teams that need a clean, cohesive, and performant game interface, Slate delivers 60 modular Canvas components, resolution-independent vector rounded geometry, spring physics motion, reactive MVVM data binding, turnkey localization, interactive line & bar charts, procedural micro-audio synthesis, mobile touch controls, and a dockable visual Theme Editor.
Every component is a standard MonoBehaviour with standard Unity components (RectTransform, Image, Button, TextMeshProUGUI). No markup, no external runtime dependencies, and no locked-in art assets—everything is authored and customized directly in the Inspector.
🌟 Key Features
- 🚀 60 Production-Ready Canvas Components: From foundational controls and complex inputs to responsive containers, data visualization, game action wheels, and full multi-screen flows.
- 💎 Resolution-Independent Vector Geometry (SlateRoundedRect): Procedural mesh generation for rounded corners, borders, shadows, outlines, and multi-stop gradients. Crisp at 4K, 8K, and mobile retina displays with zero 9-slice bitmap stretching.
- 🎨 Visual Theme Editor & 1-Frame Dark Mode: Author semantic color tokens, spacing, radiuses, and typography in a dockable editor window. Switch between light and dark themes in a single frame at runtime.
- 🎮 Game & Mobile Controls:SlateRadialMenu: Analog stick and pointer-driven circular action wheel / weapon selector with customizable deadzones and sectors.
SlateVirtualJoystick: Smooth touch joystick with dynamic, floating, and fixed modes plus 8-way directional snapping.
SlateDamageTextPool: Zero-allocation floating combat numbers with vertical lift, bounce curves, and critical hit styling.
- 🔊 Procedural UI Audio & Sound Synthesis: Automatic click/hover audio wiring across your scene. Includes built-in algorithmic sound synthesis (pops, chimes, ticks, buzzes) so your UI sounds great out-of-the-box with zero audio clip dependencies!
- ⚡ Reactive MVVM Data Binding (SlatePropertyBinder): Two-way property binding connecting your view models (INotifyPropertyChanged) to text, sliders, progress bars, and toggles with built-in cycle protection.
- 🌍 Turnkey Localization System: ScriptableObject-based string tables (SlateStringTableAsset), live editor preview with SlateLocalizedText, and a Localization Stress Tester tool (pseudo-localization +40% / +100% expansion and CJK testing).
- 📊 High-Performance Charts & Graphs (SlateGraph): Dynamic multi-series line and bar charts rendered as single-draw-call vector geometry. Includes live telemetry feeds, auto-ranging, category strips, and interactive hover readouts.
- 🕹️ 4-Way Gamepad Auto-Nav Baker: One-click 2D geometric cone raycasting that calculates and bakes explicit 4-way gamepad/keyboard navigation across complex layouts.
- 🔤 Non-Latin Typography Pipeline: 6 bundled open-licensed font families (Inter, Roboto, Open Sans, Montserrat, Bebas Neue, JetBrains Mono) with automatic SDF generation and 1-click fallback chaining for CJK, Arabic, Hebrew, Thai, and Devanagari.
- 📱 Responsive & Safe Area Support: Components adapt seamlessly across 16:9, 16:10, ultrawide, portrait mobile, and notched displays (SlateSafeArea).
📦 60 Canvas Components Included
- Controls: Button, Checkbox, Dropdown, Search Field, Stepper, Segmented Control, Radio Group, Chip, Toggle Switch
- Inputs: Text Area, Number Field, Password Field, Inset Input, Add-on Input, Combined Field Row
- Navigation: Tab Bar, Select Menu, Breadcrumbs, Pagination, Sidebar, Stepper Bar
- Containers: Card, Panel, Modal Dialog, Drawer, Accordion, Toolbar, Header, Footer, Scroll Area (SlateSmoothScroll)
- Data & Feedback: SlateGraph, List View, Localized Text, Progress Bar, Health Bar, Alert Banner, Toast Notification, Tooltip, Badge, Avatar, Stat Row
- Game Controls: Radial Action Menu, Mobile Virtual Joystick, Damage Text Pool, Crosshair, Cooldown Radial
- Audio & System: SlateAudioSource, SlateAudioTrigger, SlateFocusRing, SlateThemeRoot, SlateThemeSwitcher
- Screen Prefabs: Main Menu, Settings Screen, Inventory Screen, Game HUD, Pause Menu, Sample Screen, Component Gallery
🛠️ Integrated Editor Suite
- Overview Palette: Instant search and 1-click Canvas instancing for all 60 components.
- Theme Editor: Live token authoring with real-time contrast diagnostics (WCAG AA/AAA compliance) and instant scene repainting.
- Font Browser: Manage project fonts, bundled open-source typefaces, and automated non-Latin SDF fallback chains.
- Localization Tester: Stress-test layout bounding boxes against German/French expansion (+40%) and Asian glyph sets.
- Auto-Nav Baker: Eliminate navigation dead-ends on gamepads with explicit 2D raycast wiring.
🎮 Play WebGL Demo
📖 Documentation & Support
- Documentation: Comprehensive User Manual, API Guide, and Step-by-Step Quick Start included.
- Ready-to-Play Demo: 1-click interactive demo scene showcasing a complete game UI flow (Main Menu → Settings → Inventory → Game HUD → Pause).
- Customer Support: Fast response via email and Discord.
