Editable shapes, directly in Unity

Rounded Rectangle: Procedural Shape System for UI & 3D

Build rounded panels, controls, frames, displays, and scene shapes directly in Unity. Adjust geometry and appearance without preparing a separate sprite for every size, state, or style.

Coming Soon to Unity Asset Store

Read the documentation See where it can be used

A complete interface example, two responsive layouts, a selected panel with Unity Scene controls, and examples of border, corner, and SDF settings — A finished interface, responsive variants, one selected element with Scene controls, and a compact appearance range.

Use the same shape in UI and 3D scenes

Build Canvas UI with generated geometry or SDF effects, or place the shape directly in a 3D scene. Each path is designed for a different rendering context and set of appearance controls.

3D scenesWorld Mesh places generated geometry directly in the scene, with material control and optional collision.

Canvas UICanvas Mesh UI draws generated shape geometry inside a Canvas.

Effects-rich UICanvas SDF adds soft edges, glow, shadows, inner effects, and emboss.

Compare the rendering paths

A complete light loadout interface built from editable Rounded Rectangle surfaces — A complete Canvas SDF example scene built from editable Rounded Rectangle surfaces.

A portrait mobile leaderboard interface built from Rounded Rectangle surfaces — A portrait mobile layout using the same procedural shape system.

Edit directly in the Scene view

Resize and position the shape, change its radius, adjust individual corners, and set border width with Scene handles. Use the Inspector when you need exact values or the complete control set.

Size, position, radius, and border width

Linked or independent corner controls

Open the quick start

Unity Scene view and Inspector controls for size, radius, independent corners, border width, and gradients — Scene handles and Inspector controls for shape and surface settings.

Shape the look without rebuilding artwork

Adjust corner profiles, borders, fills, gradients, textures, and alpha. Canvas SDF adds soft edges, glow, shadows, inner effects, and emboss, with directional effects that can respond to scene lighting.

Circular, Squircle, and Bevel corner profiles

Canvas SDF: softness, glow, shadow, inner effects, and emboss

See the examples

The same card, pill, and button structure shown in soft, toon, science-fiction, and paper styles — The same component structure expressed through four visual styles.

Three rounded rectangles showing crisp dual rims, a centre accent band, and a fill-linked inner seam — Three multi-stop border-gradient profiles on live Rounded Rectangle surfaces.

Change shapes at runtime or export a finished result

Connect supported values to scripts, animation, layout, or game state. Stable Canvas SDF results can be cached, and finished visuals can be exported for raster workflows.

Runtime controlConnect supported values to scripts, animation, layout, or game state.

SDF cacheReplace a stable live Canvas SDF result with a cached texture when appropriate.

Raster exportExport one Canvas SDF result to PNG or raster PSD, or flatten a supported Canvas subtree to PNG.

Check export scope Read the performance guidance

The same action control shown in normal, focused, pressed, and disabled interaction states — The same control in four supported interaction states.

Additional tools

The package also covers in-game editing, content clipping, 3D collision, and offline guidance.

In-game editingOptional runtime handles for supported shape values.

Content clippingKeep child content inside rounded boundaries while preserving the visible shape and its outer effects.

3D collisionOptional generated MeshCollider for World Mesh shapes.

Offline documentationSetup, rendering paths, examples, troubleshooting, performance guidance, and component reference included with the package.

Compatibility

Testing currently covers Unity 2022.3 LTS and Unity 6 with the Built-in Render Pipeline and URP. Final verified combinations will be published before release.

View compatibility notes

Documentation

Setup, editing, rendering methods, examples, troubleshooting, compatibility, performance, and component reference.

Open documentation

Support

Questions about setup, compatibility, or package use.

Contact support@formwren.com