GPUI Box GitHub

Scenes

99 canonical renderings, each captured in both themes and compared pixel for pixel on every run. A scene is also the example: the code below each one is what the gate compiled to produce the image above it.

The button scene button The badge scene badge The card scene card The status scene status The loading scene loading The choice scene choice The input scene input The textarea scene textarea The form scene form The auth-sign-in scene auth-sign-in The auth-verification scene auth-verification The actions scene actions The content scene content The kbd scene kbd The overlay scene overlay The dialog scene dialog The tooltip scene tooltip The menu scene menu The context-menu scene context-menu The popover scene popover The command-palette scene command-palette The toast scene toast The tabs scene tabs The accordion scene accordion The breadcrumb scene breadcrumb The list scene list The table scene table The data-grid scene data-grid The data-grid-editing scene data-grid-editing The tree-grid scene tree-grid The tree scene tree The split-pane scene split-pane The scroll-area scene scroll-area The scroll-shadow scene scroll-shadow The scroll-fade scene scroll-fade The frost scene frost The toolbar scene toolbar The sidebar scene sidebar The pagination scene pagination The drawer scene drawer The motion-flip scene motion-flip The motion-state scene motion-state The animated-number scene animated-number The drag-list scene drag-list The drag-tree scene drag-tree The dropzone scene dropzone The wizard scene wizard The undo-history scene undo-history The settings scene settings The detail scene detail The filter-bar scene filter-bar The inline-edit scene inline-edit The progress-circle scene progress-circle The split-tree scene split-tree The ide-shell scene ide-shell The keybinding scene keybinding The keymap-editor scene keymap-editor The markdown scene markdown The conversation scene conversation The image-viewer scene image-viewer The transport scene transport The audio-player scene audio-player The video-player scene video-player The model-viewer scene model-viewer The approval scene approval The permission-matrix scene permission-matrix The cost-meter scene cost-meter The tool-call scene tool-call The step-list scene step-list The node-graph scene node-graph The browser-panel scene browser-panel The thinking scene thinking The json-view scene json-view The schema-form scene schema-form The server-list scene server-list The offering-catalog scene offering-catalog The reading-direction scene reading-direction The toggle scene toggle The collapsible scene collapsible The hover-card scene hover-card The menubar scene menubar The copy-button scene copy-button The aspect-ratio scene aspect-ratio The document-tabs scene document-tabs The search-field scene search-field The find-replace scene find-replace The notification-center scene notification-center The failure-panel scene failure-panel The log-stream scene log-stream The diff-view scene diff-view The sparkline scene sparkline The code-view scene code-view The upload-list scene upload-list The cascader scene cascader The anchor-list scene anchor-list The diagnostics-list scene diagnostics-list The calendar scene calendar The date-range scene date-range The date-time scene date-time