ACTIVE

Anvil

Tactical HUD Component Library

Svelte TypeScript CSS Design System

Anvil is a tactical HUD component library for Svelte with 29 components. It powers this website. Explore the full component showcase below.

Component Showcase

Buttons

Sizes

Badges & Indicators

Default Success Warning Error Accent
Pulsing Status
Connected Standby Offline Active

Avatars

V1
HK
GH
WF

Tags

Default Accent Success Warning Error
Removable Tags
UAV Active Armed Tracking

Tooltips & Keyboard Keys

Ctrl + K ⌘ + Shift + P
Card Variants

Standard Card

Default card styling with tactical HUD aesthetics.

Card With Glow

Ambient glow effect for highlighted content.

Card With Footer

Cards can have footer sections for actions.