https://docs.skeletonic.com https://docs.skeletonic.com/components/

All 40 Skeletonic Stylus primitives, each with a live example and copyable markup.

Sebastien Rousseau https://docs.skeletonic.com/components/accordion/

Disclosure built on native details and summary.

Sebastien Rousseau https://docs.skeletonic.com/components/alert-dialog/

Interrupts to confirm something destructive.

Sebastien Rousseau https://docs.skeletonic.com/components/alert/

Inline banner for status that stays on the page.

Sebastien Rousseau https://docs.skeletonic.com/components/aspect-ratio/

Ratio-locked container that never reflows as media loads.

Sebastien Rousseau https://docs.skeletonic.com/components/avatar/

Portraits, initials fallbacks, presence and stacked groups.

Sebastien Rousseau https://docs.skeletonic.com/components/badge/

Compact status label.

Sebastien Rousseau https://docs.skeletonic.com/components/breadcrumb/

Semantic wayfinding with a slash or chevron separator.

Sebastien Rousseau https://docs.skeletonic.com/components/button-group/

Connected buttons that read as one control.

Sebastien Rousseau https://docs.skeletonic.com/components/button/

The button element, in three weights and the status colours.

Sebastien Rousseau https://docs.skeletonic.com/components/card/

Surface with a header, body and footer.

Sebastien Rousseau https://docs.skeletonic.com/components/carousel/

Scroll-snap carousel in pure CSS.

Sebastien Rousseau https://docs.skeletonic.com/components/checkbox/

Accessible checkboxes with a custom mark and an indeterminate state.

Sebastien Rousseau https://docs.skeletonic.com/components/clipboard/

Copy-to-clipboard affordance for a code block.

Sebastien Rousseau https://docs.skeletonic.com/components/code/

Inline code and preformatted blocks, with status variants.

Sebastien Rousseau https://docs.skeletonic.com/components/collapsible/

A single disclosure, built on native details.

Sebastien Rousseau https://docs.skeletonic.com/components/command/

Grouped search results with shortcut hints.

Sebastien Rousseau https://docs.skeletonic.com/components/divider/

Horizontal rules in several treatments.

Sebastien Rousseau https://docs.skeletonic.com/components/dropdown/

A menu built on the same native popover primitive.

Sebastien Rousseau https://docs.skeletonic.com/components/empty/

The zero-data screen, with room for a recovery action.

Sebastien Rousseau https://docs.skeletonic.com/components/fieldset/

Groups related controls under one legend.

Sebastien Rousseau https://docs.skeletonic.com/components/form/

Text inputs and textareas, with validation colours.

Sebastien Rousseau https://docs.skeletonic.com/components/header/

The typographic scale applied to h1–h6.

Sebastien Rousseau https://docs.skeletonic.com/components/hover-card/

Richer preview panel revealed on hover or focus-within.

Sebastien Rousseau https://docs.skeletonic.com/components/image/

Images are responsive by default.

Sebastien Rousseau https://docs.skeletonic.com/components/input-otp/

Segmented one-time-password entry with a blinking caret.

Sebastien Rousseau https://docs.skeletonic.com/components/item/

A list row: media, text, and a trailing value.

Sebastien Rousseau https://docs.skeletonic.com/components/kbd/

Inline keyboard shortcuts with a tactile border.

Sebastien Rousseau https://docs.skeletonic.com/components/label/

The form label, tied to its control.

Sebastien Rousseau https://docs.skeletonic.com/components/link/

Anchors, with optional hover effects.

Sebastien Rousseau https://docs.skeletonic.com/components/list/

Ordered and unordered lists with marker variants.

Sebastien Rousseau https://docs.skeletonic.com/components/loader/

Spinner for waits of unknown length.

Sebastien Rousseau https://docs.skeletonic.com/components/menubar/

A row of menus, each a native disclosure.

Sebastien Rousseau https://docs.skeletonic.com/components/modal/

Native top-layer dialog with a backdrop.

Sebastien Rousseau https://docs.skeletonic.com/components/navbar/

Sticky application bar with a scroll-driven shadow.

Sebastien Rousseau https://docs.skeletonic.com/components/pagination/

Page controls with an ellipsis for elided ranges.

Sebastien Rousseau https://docs.skeletonic.com/components/popover/

Native [popover] surface — no positioning library, no script.

Sebastien Rousseau https://docs.skeletonic.com/components/progress/

Determinate progress with status colours.

Sebastien Rousseau https://docs.skeletonic.com/components/radio-group/

Custom radio controls in a column or a row.

Sebastien Rousseau https://docs.skeletonic.com/components/scroll-area/

Bounded scroller with a thin custom scrollbar.

Sebastien Rousseau https://docs.skeletonic.com/components/select/

The native select, with the chevron drawn on a wrapper.

Sebastien Rousseau https://docs.skeletonic.com/components/separator/

Horizontal or vertical divider, optionally labelled.

Sebastien Rousseau https://docs.skeletonic.com/components/sheet/

Dialog that slides in from an edge.

Sebastien Rousseau https://docs.skeletonic.com/components/sidebar/

An application rail that goes off-canvas on a phone.

Sebastien Rousseau https://docs.skeletonic.com/components/skeleton/

Placeholder blocks for content whose layout is already known.

Sebastien Rousseau https://docs.skeletonic.com/components/slider/

Native range input with a 24px target area.

Sebastien Rousseau https://docs.skeletonic.com/components/switch/

Sliding on/off control for settings that apply immediately.

Sebastien Rousseau https://docs.skeletonic.com/components/table/

Data tables, styled without a class.

Sebastien Rousseau https://docs.skeletonic.com/components/tabs/

Tab list with a pill or underline treatment.

Sebastien Rousseau https://docs.skeletonic.com/components/toast/

Transient notification with a title and description.

Sebastien Rousseau