FormWren
Pre-release docs

Example catalog

Choose A Scene By What You Want To Learn

Open examples from Tools > Rounded Rectangle > Examples, or browse the matching purpose folder inside ExampleScenes.

Finished Editable UI

Start with one complete Canvas SDF result and a clearly named editable panel.

Open
Open Golden Example
Folder
GettingStarted
Shapes And Effects

Compare live corner, border, gradient, texture, and SDF-effect specimens.

Open
Open Style and Effects
Folder
FeatureExamples
Rendering Paths

Open World Mesh, Canvas Mesh UI, or Canvas SDF as three independent direct examples.

Open
The matching path example
Folder
RenderingPaths
Live Button States

Try Normal, Focused, Pressed, and Disabled on one real action surface.

Open
Open Runtime Button States
Folder
FeatureExamples
Prototype To Final

Compare a base composition with the same layout after hierarchy and surface refinement.

Open
Open Prototype to Final
Folder
Showcases
Portrait Mobile UI

Inspect a complete 9:16 Canvas SDF layout and its main ranked panel.

Open
Open Mobile Leaderboard
Folder
Showcases
Surface Languages

Compare Soft, Toon, Sci-Fi, and Paper treatments built from the same UI roles.

Open
Open Design Style Variations
Folder
FeatureExamples
Light Loadout UI

Inspect a complete light layout with profile, equipment, inventory, and controls.

Open
Open Light Loadout Showcase
Folder
Showcases
Dark Interface

Inspect a full-screen Canvas SDF dashboard with status, data, and action surfaces.

Open
Open Dark Interface Showcase
Folder
Showcases
Retro Arcade UI

Inspect a flat-neon screen with score, status, progress, and a primary action.

Open
Open Retro Arcade Showcase
Folder
Showcases

Validation/RR_BuildTest_Showcase.unity and Validation/RR_StressTest_Matrix.unity are technical fixtures rather than recommended first-use scenes. Use the focused Light Loadout, Dark Interface, and Retro Arcade scenes for complete visual directions; the broader Polished and Toon showcases remain composition references under Showcases.

First edit

Make One Change In The Golden Example

  1. Open Tools > Rounded Rectangle > Examples > Open Golden Example.
  2. Select Canvas / Golden Example V2 / 00_APP_SURFACE / 01_EDIT_PROFILE_PANEL.
  3. Change Corner Radius, Corner Profile, Border Width, or the RectTransform Width and Height.
  4. Confirm that the panel updates while remaining part of the finished composition, then Undo the edit.
  5. Enter Play Mode and use the main action when you want to inspect the included pointer interaction.

Use Style and Effects for a focused feature comparison. Use Design Style Variations to compare complete surface languages built from the same card, action, pill, and corner-accent roles.

For other workflows, use Performance for render-cache measurement, Troubleshooting when a mask clips glow or shadow, Raster Export for PNG/PSD paths, and Component Map for Runtime Shape Handles.