Badge components and templates
Explore 8 ThreeUI components, templates, backgrounds, and interactive effects tagged Badge, with previews and editable implementation source.
- Spark Badge — Badge
The original Codex credential assembled from luminous rain and curl-noise embers.
- Spark Badge — Browser
A complete browser window and page layout illustrated with the exact same rain, spark, waterline, and dissolve effect.
- Spark Badge — iPhone
A modern iPhone silhouette with Dynamic Island, app UI, icon grid, dock, and home indicator formed from the same living spark field.
- Spark Badge — Studio Display
A widescreen studio monitor with camera, creative workspace, tool rail, inspector, timeline, architectural stand, and base formed from the same sparks.
- Heatmap Badge — Vinyl
The authored badge: a matte charcoal card inside a crinkled vinyl sleeve, read by a blue-to-ember thermal ramp and hung on a printed polyester lanyard.
- Heatmap Badge — Field Canvas
A cloth-backed press pass: indigo cotton duck woven thread by thread, a halftone portrait screened onto the weave, saddle stitching, brass hardware, and a herringbone cotton strap.
- Heatmap Badge — Titanium
The credential milled as a metal card: an anisotropic brushed plate, laser-etched type over an embossed account row, a contact chip and foil hologram, and an optical sleeve that mirrors the studio instead of creasing.
- Heatmap Badge — Retro Plastic
An injection-moulded putty badge with screw bosses, vents and moulded lettering, a screen-printed panel with a dot-matrix window and a power lamp, and a thermochromic ink that multiplies magenta into indigo where you touch it.