Hello everyone,
I’m happy to announce the release of UI Shapes, a complete replacement for UGUI Images and Sprites.
With UI Shapes designers and artists can create beautiful and modern UI elements and screens directly in Unity.
Like Photoshop or Figma, but in Unity
I’ve been building UI in Unity for years and I’ve always either used textures from GUI packs from the Asset Store or built my own sprites in Photoshop.
When trying to make a button with rounded corners, I ultimately grew tired of searching through tons of sprites in my asset library, all with different corner radiuses and different pixel resolutions.
So I decided I no longer want to rely on textures at all.
I wanted a tool that just lets me build UI shapes like in Photoshop or Figma, but directly in Unity.
This tool lets me create rounded or chamfered corners, slant the whole shape and apply effects to it.
Custom Inspector
UI Shapes’ custom inspector was heavily inspired by Unity’s ParticleSystem. I’ve always liked how accessible and tidy the foldout modules are.
Effects
The inspector lets you easily author effects such as:
- Fill
- Texture
- Drop Shadow
- Inner Shadow
- Glow
- Outline
- Bevel
- Background Blur
Web Demo
Try out the effects in your browser
Animate Buttons
Static UI is boring. Buttons, Toggles, Sliders, Dropdowns and Input Fields should animate when hovering them with the mouse and when clicking on them.
The inspector shows tabs for Highlighted/Pressed/Selected/Deactivated states, previewed live in the Scene view. Override the properties in those states and your controls will change their look when you interact with them.
Other Highlights
- Easily animate child texts as well (e.g. when a button changes color, the text does too)
- Soft-masking (no more jagged lines around curves)
- Animator ready and fully scriptable from C#
- Reusable style assets: save a look once, load it anywhere, edit it live.
- Mobile performance has been benchmarked and optimized on real Android hardware and holds up well.
More Information
Check out the documentation here.
Are you ready to build beautiful UI?