Skip to content

Skip to Content

Components Landing Introduction

Registry Themes

Blocks All blocks Dashboard Dashboard 01 Sign in Dashboard management Profile settings Kanban board Tasks Data table Calendar Settings dialog Notifications Command centre Pipeline File manager Email inbox Conversations Sidebar Desktop

Accordion Alert Aspect ratio Auth Auto height Avatar Avatar group Badge Breadcrumb Bubble Button Calendar Card Carousel Chat Checkbox Code block Collapsible Color picker Color swatches Combobox Command menu Confirmation dialog Context menu Copy button Countdown Date picker Diagram Dialog Disclosure Drawer Dropdown menu EmptyState Field and inline validation Fieldset Form Highlight text Hotkey recorder Hover card Image zoom Inline edit Input group Inset group Item Kanban Keyboard shortcuts Knob List Mention input Message Message Scroller MultiStepForm Navigation menu Page transition Pagination Pinned list Popover Preview card Progress Reorderable tabs Reveal Search input Segmented control Select Separator Sheet Sidebar Skeleton Slider Spinner Stepper Switch Table Tabs Tag input Theme toggler Time picker Timeline Toast Toggle Toggle group Tooltip User menu

Examples API reference

Platform

Palette

Dark · macOS · Menlo

Blocks

Desktop

A whole XP-era or Aero-era desktop, from the library

The XP-era look, Start menu open: captured from the native window — The XP-era look, Start menu open — captured from the native window

The Aero-era look, Start menu open: captured from the native window — The Aero-era look, Start menu open — captured from the native window

Block source on GitHubexamples/blocks/src/desktop/desktop.tsx

The chrome, as CSS

Both looks, one stylesheet: the window frame, title bar, caption buttons, the taskbar and the Start menu, in Luna's and Aero's own values.

Edit this page on GitHubapps/docs/content/docs/blocks/desktop.mdx

Sidebar

Sixteen sidebar blocks on one page, grouped

Components

Every component the library ships