UI Kit

Foundry apps use Shoelace web components with the CrowdStrike Falcon Shoelace Theme for building UI experiences that match the Falcon console design language.

Getting started

When you create a UI extension or page with the Foundry CLI, the starter templates include the Shoelace component library pre-configured:

foundry ui extensions create

The generated project includes:

• Shoelace web components (@shoelace-style/shoelace)
• CrowdStrike’s Falcon Shoelace Theme for consistent styling
• Framework-specific boilerplate (Vanilla JS or React)

Shoelace components

Shoelace provides a comprehensive set of web components. Common components used in Foundry apps:

Component	Shoelace Element	Description
Button	<sl-button>	Standard buttons with variants
Input	<sl-input>	Text inputs, search fields
Select	<sl-select>	Dropdown selects
Card	<sl-card>	Content cards
Dialog	<sl-dialog>	Modal dialogs
Tab Group	<sl-tab-group>	Tabbed navigation
Alert	<sl-alert>	Status alerts
Badge	<sl-badge>	Status badges
Spinner	<sl-spinner>	Loading indicators
Table	<sl-table>	Data tables

For the full component reference, see the Shoelace documentation.

Framework support

Foundry CLI templates support:

• Vanilla JavaScript/HTML
• React

Refer to the UI Examples for starter templates.