Destiny 2 · Bungie FUI

The Destiny UI toolkit

72 React components that render real Destiny data — item tiles, socket/perk grids, nameplates, loadouts, triumphs, scoreboards — in the in-game visual language. Distributed as a shadcn registry: you own the code. The data mapping (@engram/core) and color tokens (@engram/tokens) are framework-neutral.

Get started See it in action

Quick install

shadcn registry

npx shadcn@latest add @engram/item-tile

One-time registry setup + the full flow on the Get started page. The tokens theme and @engram/core come along automatically.

Browse

14 groups · 72 components

Primitives

Bungie image · Button · Chip · Countdown · Key hint · Progress ring · Segmented bar

Layout

Band · Paged grid · Panel · Title bar

Icons

Ammo icon · Breaker icon · Class icon · Def icon · Element icon · Item icon · Power badge · Rarity gem · Subclass diamond · Tier watermark · Weapon icon

Items

Cost chip · Item grid · Item hover card · Item popup · Item popup header · Item stats · Item tile

Sockets & perks

Perk popup · Plug · Plug badge · Plug picker · Socket · Socket grid

Loadout

Ability slot · Artifact perk · Energy meter · Loadout card · Mod popup · Mod slot · Mod tray · Plug popup · Slot row

Identity & nameplates

Character tile · Emblem banner · Nameplate · Player card

Stats

Character stats · Stat bar · Stat card · Stat card grid · Stat popup · Stat priority list · Stat range slider

Inventory

Bucket column · Currency bar

Triumphs

Objective progress · Record card

Quests

Pursuit card

Tables

Compare cell · Data table

Crucible

Kill tracker · Roll verdict

Interaction

Collapsible section · Dnd · Filter bar · Search input · Select · Sheet · Tab bar · Tooltip