SignalWire Component Library

Interactive UI components built from the SignalWire design token system. Every color, font, radius, and spacing value comes from signalwire-tokens.dtcg.json. Toggle between dark and light to see both themes.

Buttons

Primary uses brand blue. Secondary is outlined. Ghost is borderless. Destructive is red. All have hover and active states.

Sizes

Form Inputs

Inputs use surface background, strong borders, and blue focus rings. Error state uses red border.

Status Alerts

Four semantic states with soft backgrounds and colored borders.

Agent deployed successfully. 3 endpoints active.
API key expires in 7 days. Rotate your credentials.
Call failed: SIP 503 Service Unavailable. Check trunk configuration.
New SDK version available. Run pip install --upgrade signalwire-agents.

Toggles & Badges

Toggles
Off On
Badges
Voice AI Agent Active Beta

Tabs

Dropdown & Tooltip

Dropdown Menu
Tooltip
Agent handles 800+ calls/min

Data Table

AgentStatusCalls TodayAvg Latency
Reception BotActive1,247812ms
Support TriageActive893795ms
Appointment SetterTraining0--
Legacy IVRPaused121,340ms

Loading Skeleton

Shimmer animation for loading states.

Links

Visit the documentation to get started. Check the API reference for details. Read our pricing guide.

Cards

Voice

AI Agent Runtime

Production voice AI at $0.16/min. Sub-second latency. Native telephony.

Messaging

SMS & MMS

10DLC, toll-free, and shortcode. Campaign registry built in.

Platform

Call Fabric

Every resource addressable. SIP, PSTN, WebRTC, AI agents in one system.