H SDF UI Outline

A clean, resolution-independent outline for Unity UI (uGUI). Sharp at any size or scale. Free.

Mesh and vertex UI outlines shimmer, alias, and vanish the moment they get thin. Small sizes, high-DPI screens and animated scaling make them fall apart, and rounded corners look faceted unless you crank the segment count up.

──────────────────────────────────────────────────

How it works

This is an SDF (signed-distance-field) outline. The edge is computed per-pixel from a distance field instead of built from geometry, so it stays crisp and consistent at any resolution: no flicker, no dropouts, smooth corners. A classic mesh-ring mode is included for when you want it.

──────────────────────────────────────────────────

Performance

One quad, one lightweight fragment shader, premultiplied-alpha blending, and allocation-free in SDF mode. It's a UI graphic, and it costs like one. Works in any pipeline, with no render feature and no setup.

──────────────────────────────────────────────────

Features

◆ Two modes: procedural SDF (crisp, never flickers) and a legacy mesh ring.

◆ Resolution-independent. Holds up at tiny sizes and while scaling.

◆ Full styling control: outline width, corner radius, edge softness, fill center and color.

◆ Fully scriptable. Animate width and color for hover, focus and select effects.

◆ URP, HDRP and Built-in. Plain uGUI, drop it on any RectTransform.

◆ Component plus a GameObject → UI create menu. Its shader is auto-included, so it never strips from builds.

◆ Full source. No DLLs. And free.

──────────────────────────────────────────────────

Easy Setup

1. GameObject → UI → H SDF UI Outline (or add the component to any UI RectTransform).

2. Pick a mode, set width and corner radius.

3. Set the color, done.

──────────────────────────────────────────────────

Good to know

• Rounded-rectangle shape. Perfect for panels, buttons, cards and highlights, not arbitrary sprite silhouettes.

• SDF mode renders through its own included shader, registered automatically, so builds are covered.

──────────────────────────────────────────────────

Battle-Tested in Production

Built for our own game, not a tech demo. H_SDFUIOutline exists because Silent Strike, our in-development tactical shooter, needed clean UI outlines that stayed crisp at every size and on every screen, instead of the flicker you get from stock UI outlines. It's used across our real in-game UI.

──────────────────────────────────────────────────

See for yourself

Download the demo here.

──────────────────────────────────────────────────

Support

Documentation: https://hworksinteractive.com/hassets/hsdfuioutline

Support email: [email protected]

Discord: https://hworksinteractive.com/discordinvite