Home

Display, headline, body, and label text styles

Any icon source rendered through the theme resolver

Flexbox primitives for building page structure

Right-to-left layout — toggle from the AppBar

One page in English and German, linked with hreflang

Filled, outlined, tonal, elevated, and text buttons

Standard and connected button groups with single/multi select

Compact icon-only actions with toggle and size variants

Floating action button — primary, surface, sizes, and extended

Compact elements for filters and selections

Filled and outlined text input fields

MD3 search bar with a clear button and trailing actions

MD3 search view: full screen on a phone, docked on a wide window

Smart keyboard-aware wrapper with platform behavior

Toggle controls for on/off settings

Selection controls for multiple choices

Selection controls for single-choice options

Continuous, discrete, range, and centered MD3 sliders

Top app bars for navigation and actions

Contained surfaces for grouping related content

Vertically arranged items with text and icons

Horizontal and vertical 1dp rules with optional edge insets

Circular user representations — image, icon, or initials

Linear and circular progress (determinate, indeterminate)

Expressive shape-morphing loading spinner (contained + uncontained)

Pulsing loading placeholders that match content shape

Render overlays above the rest of the tree — toasts, dialogs, scrims

Basic and full-screen modal dialogs with compound slots

Draggable modal and standard sheets with velocity-based snap points

Queued transient messages via SnackbarProvider

Anchored dropdown menus that flip and shift to stay on screen

Plain and rich tooltips on hover or a long press

Primary and secondary tab rows, fixed or scrollable, with a sliding indicator

80dp bottom destination bar with an animated indicator pill

80dp side rail of destinations with an optional menu and FAB header

Modal or standard side panel of destinations with sections and badges

Small dot or count anchored to an icon