UI Kit Showcase · Desktop release viewport
Buttons
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Form Controls
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Workflow
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Scatter
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Heatmap
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Contour
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Hello WebGPU · Desktop
Hello WebGPU
The minimal GPUI-on-WASM smoke demo.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Buttons
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Text
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Text
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Badges
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Badges
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Avatars
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Avatars
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Form Controls
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Progress
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Progress
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Alerts
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Alerts
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Tabs
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Tabs
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Cards
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Cards
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Breadcrumbs
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Breadcrumbs
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Spinners
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Spinners
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Layout
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Layout
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Icon Buttons
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Icon Buttons
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Toasts
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Toasts
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Dialog
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Dialog
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Menu
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Menu
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Table
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Table
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Tooltips
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Tooltips
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Accordion
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Accordion
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Wizard
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Wizard
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Workflow
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
QR Code
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
QR Code
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Context Menu
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Context Menu
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Popover
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Popover
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Sidebar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Sidebar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Status Bar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Status Bar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Search Bar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Search Bar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Keyboard Shortcuts
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Keyboard Shortcuts
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Empty State
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Empty State
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Confirm Dialog
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Confirm Dialog
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Split Pane
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Split Pane
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Image View
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Image View
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Settings Form
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Settings Form
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Step Indicator
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Step Indicator
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Loading Overlay
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Loading Overlay
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Tag
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Tag
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Toolbar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Toolbar
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Notification
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Notification
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Tree View
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Tree View
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Drag List
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Drag List
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Command Palette
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Command Palette
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Accessibility
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Accessibility
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Audio Visuals
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Audio Visuals
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Desktop release viewport
Thinking Orbs
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
UI Kit Showcase · Narrow responsive viewport
Thinking Orbs
Buttons, forms, workflows, navigation, accessibility, and responsive GPUI components.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Overview
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Overview
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Scatter
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Line
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Line
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Bar
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Bar
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Box Plot
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Box Plot
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Log Scales
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Log Scales
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Heatmap
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Contour
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Isoline
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Isoline
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Treemap
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Treemap
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Gallery
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Gallery
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Desktop release viewport
Scatter (vello)
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗
Chart Showcase · Narrow responsive viewport
Scatter (vello)
Plotly Express-style scatter, line, bar, heatmap, contour, isoline, and treemap charts.
Open live demo ↗ View source ↗