Every shipped release item

41 stable items

• ResetPreview

  foundation · css-only

  Browser defaults and semantic HTML remain usable without the reset.

• Semantic basePreview

  foundation · css-only

  Semantic elements preserve meaning and interaction without CSS.

• Neutral themePreview

  foundation · css-only

  Foundation fallbacks and browser defaults remain when the Neutral mapping is unavailable.

• Thin-Sky themePreview

  foundation · css-only

  Semantic content remains available if the Thin-Sky mapping is absent.

• Curated themesPreview

  foundation · css-only

  Semantic content and browser color defaults remain without a curated mapping.

• Fluid typePreview

  foundation · css-only

  Browser font sizing remains readable without the generated type roles.

• Fluid spacePreview

  foundation · css-only

  Normal document flow remains readable without generated spacing roles.

• TypographyPreview

  foundation · css-only

  Semantic document content remains readable with browser typography.

• IconsPreview

  foundation · css-only

  Accessible text and control names communicate meaning if icons are unavailable.

• MotionPreview

  foundation · css-only

  State changes remain understandable without animation.

• Accessibility modesPreview

  foundation · css-only

  Semantic HTML and native controls preserve the core accessibility contract without CSS.

• Design tokensStable

  foundation · css-only

  Semantic HTML and browser defaults remain readable if theme assets are unavailable.

• StackStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• ClusterStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• GridStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• CenterStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• BoxStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• FlowStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• Icon layoutStable

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• BreakoutPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• ContainerPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• CoverPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• FramePreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• OverlayPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• ReelPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• SidebarPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• SwitcherPreview

  layout · css-only

  Normal document flow remains readable if CSS is unavailable.

• View-transition packPreview

  foundation · native

  If CSS, @view-transition, named pseudo-elements, or cross-document transitions are unsupported, links perform ordinary full-page navigation with identical content and focus behavior.

• Data-visualization color rolesPreview

  foundation · css-only

  Without theme or pattern CSS, labels, values, symbols, SVG descriptions, summaries, and semantic tables retain all information.

• Page shellStable

  pattern · css-only

  Landmarks and content remain in ordinary document order when layout styles are unavailable.

• Region rhythmStable

  pattern · css-only

  Landmarks and content remain in ordinary document order when layout styles are unavailable.

• Sticky sidebarStable

  pattern · css-only

  Landmarks and content remain in ordinary document order when layout styles are unavailable.

• BentoPreview

  pattern · css-only

  Without CSS, authored headings, landmarks, cards, links, and content remain in normal document order.

• Dashboard shellPreview

  pattern · css-only

  Without CSS, authored headings, landmarks, cards, links, and content remain in normal document order.

• ImposterPreview

  recipe · native

  Without advanced positioning CSS, authored content remains readable in flow; native popover, links, forms, and durable destinations retain their browser behavior.

• Anchored placementPreview

  recipe · native

  Without advanced positioning CSS, authored content remains readable in flow; native popover, links, forms, and durable destinations retain their browser behavior.

• SplitStable

  pattern · css-only

  Semantic content, media, product links, and captions remain in ordinary document order when layout styles are unavailable.

• Media objectStable

  pattern · css-only

  Semantic content, media, product links, and captions remain in ordinary document order when layout styles are unavailable.

• Product gridStable

  pattern · css-only

  Semantic content, media, product links, and captions remain in ordinary document order when layout styles are unavailable.

• Gallery layoutStable

  pattern · css-only

  Semantic content, media, product links, and captions remain in ordinary document order when layout styles are unavailable.

• ButtonStable

  component · native

  Native button behavior remains intact without CSS.

• FieldStable

  component · css-only

  Without Thin-Sky CSS or JavaScript, the labelled native control, constraint validation, submission value, autocomplete, authored hint, and server-rendered error remain usable.

• Field validation enhancementPreview

  component · dependency-free

  The explicit label, native constraint validation, submitted name and value, autocomplete, and ordinary form submission work before the optional inline validation connects.

• Text inputStable

  component · native

  The native input remains editable, validated, and submitted without CSS or JavaScript.

• SelectStable

  component · native

  The native select remains keyboard operable and submits its selected value without CSS or JavaScript.

• TextareaStable

  component · native

  The native textarea remains resizable, validated, and submitted without CSS or JavaScript.

• Autogrow textareaPreview

  component · dependency-free

  The authored textarea remains resizable, validated, scrollable, and submitted without the enhancement.

• Range inputPreview

  component · native

  The native range remains keyboard operable and submits its value without CSS or JavaScript.

• File inputPreview

  component · native

  The native file picker remains keyboard accessible and submits selected files without CSS or JavaScript.

• CheckboxStable

  component · native

  The native checkbox remains keyboard-operable and submits its value without CSS or JavaScript.

• Radio groupStable

  component · native

  Native radio inputs remain keyboard-operable and submit the selected value without CSS or JavaScript.

• SwitchStable

  component · native

  Without the switch skin the native checkbox with role=switch still communicates on/off state and submits its value.

• Drag-and-drop file uploaderPreview

  recipe · datastar-required · datastar@1.0.2

  Users choose files with the native picker and submit the ordinary multipart POST form without JavaScript.

• OTP inputLab

  pattern · dependency-free

  The labelled native input validates and submits one server-readable value without JavaScript.

• Input maskLab

  pattern · dependency-free

  The labelled native input validates and submits one server-readable value without JavaScript.

• Quantity inputPreview

  pattern · dependency-free

  The native number input retains keyboard entry, validation, and submission; stepper buttons are hidden without JavaScript.

• RatingPreview

  pattern · native

  The fieldset remains a labeled native radio group that validates and submits one value without CSS or JavaScript.

• Date and time input guidancePreview

  component · native

  Native date, time, and zone controls submit without CSS or JavaScript.

• CalendarLab

  component · dependency-free

  The native date input, constraints, guidance, and ordinary form submission remain complete without the experimental surface.

• Form validationPreview

  recipe · datastar-optional

  The native form posts to its server action and returns complete errors without JavaScript.

• Multi-step formPreview

  recipe · datastar-required · datastar@1.0.2

  Each deep link renders a complete page and every native form navigates to a complete server response without JavaScript.

• DialogStable

  component · native

  Essential tasks require an in-flow fallback such as a dedicated page, inline form, or ordinary link destination.

• Alert dialogPreview

  pattern · dependency-free

  Keep urgent server feedback in-flow or navigate to a dedicated acknowledgement page when JavaScript and native dialog presentation are unavailable.

• Confirm dialogPreview

  pattern · dependency-free

  The initiating action should navigate or submit to a server-rendered confirmation page when enhancement is unavailable; never make a destructive action depend on hidden dialog content alone.

• SheetPreview

  pattern · dependency-free

  Keep the initiating link and essential destination available in the page; the panel is an optional presentation enhancement.

• Slide-overPreview

  pattern · dependency-free

  Keep the initiating link and essential destination available in the page; the panel is an optional presentation enhancement.

• DrawerPreview

  pattern · dependency-free

  Keep the initiating link and essential destination available in the page; the panel is an optional presentation enhancement.

• Hover cardPreview

  recipe · native

  The authored popover trigger and durable subject/detail links preserve the complete information path without custom JavaScript.

• Context menuPreview

  recipe · native

  The authored details/summary disclosure, links, and forms preserve the complete action path without custom JavaScript.

• Command palettePreview

  recipe · datastar-required · datastar@1.0.2, dialog, field, status

  Without Datastar or dialog command support, the visible /search destination and native GET submission provide the complete search workflow.

• Search result listPreview

  recipe · datastar-required · datastar@1.0.2, dialog, field, status

  Without Datastar or dialog command support, the visible /search destination and native GET submission provide the complete search workflow.

• Resizable panelsLab

  component · dependency-free

  Without JavaScript the two authored regions stack in normal reading order and the separator is visually inert.

• CardStable

  component · css-only

  Without Thin-Sky CSS, headings, paragraphs, links, and buttons remain in document order and fully operable.

• BadgeStable

  component · css-only

  Without Thin-Sky CSS, the badge text remains readable inline content.

• AlertStable

  component · css-only

  Without Thin-Sky CSS, the alert text and any links or buttons remain fully readable and operable in document order.

• ToastStable

  component · dependency-free

  Without JavaScript, server-rendered messages and actions remain visible in document order; use a form submit or link when dismissal must work without enhancement.

• Toast regionStable

  component · dependency-free

  Without JavaScript, authored toast messages remain visible in document order inside the labelled region.

• Product cardStable

  pattern · datastar-optional · quantity-input, drawer, product-gallery

  Products, prices, forms, pagination, and empty states remain in document flow.

• Product detailPreview

  pattern · dependency-free · quantity-input, rating, toast, confirm-dialog, drawer, product-gallery, lightbox

  Products, prices, inventory messages, variant choices, and cart actions remain server-authored links, forms, and content without optional enhancement.

• CollectionPreview

  pattern · datastar-optional · quantity-input, rating, toast, confirm-dialog, drawer, product-gallery, lightbox

  Products, prices, inventory messages, variant choices, and cart actions remain server-authored links, forms, and content without optional enhancement.

• Product filtersPreview

  pattern · datastar-optional · quantity-input, rating, toast, confirm-dialog, drawer, product-gallery, lightbox

  Products, prices, inventory messages, variant choices, and cart actions remain server-authored links, forms, and content without optional enhancement.

• Product sortingPreview

  pattern · datastar-optional

  The browser submits the GET form and replaces the document with server-sorted results when CSS or optional enhancement is unavailable.

• Product recommendationsPreview

  pattern · datastar-optional · quantity-input, rating, toast, confirm-dialog, drawer, product-gallery, lightbox

  Products, prices, inventory messages, variant choices, and cart actions remain server-authored links, forms, and content without optional enhancement.

• Empty resultsPreview

  pattern · dependency-free

  The explanation and recovery links remain complete, navigable content without CSS or JavaScript.

• Mini-cart drawerPreview

  recipe · datastar-required · quantity-input, rating, toast, confirm-dialog, drawer, product-gallery, lightbox, datastar@1.0.2

  Products, prices, inventory messages, variant choices, and cart actions remain server-authored links, forms, and content without optional enhancement.

• CartPreview

  pattern · dependency-free · field, quantity-input, alert, status, steps

  Cart lines, checkout forms, discounts, availability notices, totals, errors, and order progress remain server-rendered and usable without JavaScript.

• CheckoutPreview

  pattern · dependency-free · field, quantity-input, alert, status, steps

  Cart lines, checkout forms, discounts, availability notices, totals, errors, and order progress remain server-rendered and usable without JavaScript.

• DiscountsPreview

  pattern · dependency-free · field, quantity-input, alert, status, steps

  Cart lines, checkout forms, discounts, availability notices, totals, errors, and order progress remain server-rendered and usable without JavaScript.

• AvailabilityPreview

  pattern · dependency-free · field, quantity-input, alert, status, steps

  Cart lines, checkout forms, discounts, availability notices, totals, errors, and order progress remain server-rendered and usable without JavaScript.

• Order statusPreview

  pattern · dependency-free · field, quantity-input, alert, status, steps

  Cart lines, checkout forms, discounts, availability notices, totals, errors, and order progress remain server-rendered and usable without JavaScript.

• Filtered data viewPreview

  recipe · datastar-required · datastar@1.0.2, field, fieldset, select, status, pagination

  Without Datastar, Apply filters, Clear filters, result links, and pagination perform ordinary GET navigation and browser history restores the server-rendered URL state.

• CRUD listPreview

  recipe · datastar-required · datastar@1.0.2

  Links and ordinary server-submitted forms retain complete list, detail, edit, validation, and cancellation workflows without Datastar or JavaScript.

• CRUD detailPreview

  recipe · datastar-required · datastar@1.0.2

  Links and ordinary server-submitted forms retain complete list, detail, edit, validation, and cancellation workflows without Datastar or JavaScript.

• CRUD editPreview

  recipe · datastar-required · datastar@1.0.2

  Links and ordinary server-submitted forms retain complete list, detail, edit, validation, and cancellation workflows without Datastar or JavaScript.

• Inline editingPreview

  recipe · datastar-required · datastar@1.0.2

  Links and ordinary server-submitted forms retain complete list, detail, edit, validation, and cancellation workflows without Datastar or JavaScript.

• Authentication flowsPreview

  recipe · datastar-optional

  Real links and server-submitted forms retain complete authentication and preference workflows without Datastar or JavaScript.

• Settings and preferencesPreview

  recipe · datastar-optional

  Real links and server-submitted forms retain complete authentication and preference workflows without Datastar or JavaScript.

• DashboardPreview

  recipe · datastar-required · datastar@1.0.2

  Server-rendered content, real links, native controls, and ordinary submitted forms preserve the complete workflow without Datastar or JavaScript.

• Bulk actionsPreview

  recipe · datastar-required · datastar@1.0.2

  Server-rendered content, real links, native controls, and ordinary submitted forms preserve the complete workflow without Datastar or JavaScript.

• UploadsPreview

  recipe · datastar-required · datastar@1.0.2

  Server-rendered content, real links, native controls, and ordinary submitted forms preserve the complete workflow without Datastar or JavaScript.

• NotificationsPreview

  recipe · datastar-required · datastar@1.0.2

  Server-rendered content, real links, native controls, and ordinary submitted forms preserve the complete workflow without Datastar or JavaScript.

• Command workflowsPreview

  recipe · datastar-required · datastar@1.0.2

  Server-rendered content, real links, native controls, and ordinary submitted forms preserve the complete workflow without Datastar or JavaScript.

• Realtime jobsPreview

  recipe · datastar-required · datastar@1.0.2

  Server-rendered content, real links, native controls, and ordinary submitted forms preserve the complete workflow without Datastar or JavaScript.

• ChatLab

  recipe · datastar-required · datastar@1.0.2

  The server-rendered transcript, message permalinks, and ordinary submitted message form remain complete without Datastar, SSE, or JavaScript.

• MessagesLab

  recipe · datastar-required · datastar@1.0.2

  The server-rendered transcript, message permalinks, and ordinary submitted message form remain complete without Datastar, SSE, or JavaScript.

• BreadcrumbsStable

  component · native

  The ordered list of links and current-page text remains readable without CSS or JavaScript.

• PaginationStable

  component · native

  The complete set of page links and current-page marker remains readable without CSS or JavaScript.

• TabsStable

  component · dependency-free

  Without JavaScript, the authored controls and all ordinary panel content remain in document order; links may be used when navigation is the canonical interaction.

• Table of contentsStable

  pattern · native

  The labelled list of fragment links remains navigable and printable without CSS or JavaScript.

• ProseStable

  pattern · native

  The complete semantic document, heading hierarchy, links, lists, quotation attribution, and media fallback remain readable without CSS or JavaScript.

• Responsive tablePreview

  pattern · native

  The native caption, headers, rows, and cells preserve every relationship without CSS or JavaScript; a narrow no-CSS viewport may use browser page overflow.

• Data tablePreview

  recipe · datastar-required · datastar@1.0.2, responsive-table, status

  Without Datastar, native GET controls, sort links, table navigation, chart summary, and equivalent data table remain complete.

• SVG chart primitivesPreview

  recipe · datastar-required · datastar@1.0.2, responsive-table, status

  Without Datastar, native GET controls, sort links, table navigation, chart summary, and equivalent data table remain complete.

• Interactive chartsPreview

  recipe · datastar-required · datastar@1.0.2

  The GET form, text summary, and complete table remain usable when SVG, CSS, or JavaScript is unavailable.

• StatsPreview

  pattern · native

  The description list preserves every label, value, unit, qualifier, and unavailable explanation without CSS or JavaScript.

• StepsPreview

  pattern · native

  The ordered list, headings, content, and authored current state remain meaningful without CSS or JavaScript.

• TimelinePreview

  pattern · native

  The ordered list, event headings, native dates, visible statuses, and supporting content remain chronological and readable without CSS or JavaScript.

• Compare and diffPreview

  pattern · native

  Caption, Before and After headings, native insertion and deletion semantics, and the plain-language summary remain understandable without CSS or JavaScript.

• Editorial articlePreview

  recipe · native

  Landmarks, headings, links, article body, archive list, and pagination remain complete without CSS, JavaScript, or enhancement.

• Archive indexPreview

  recipe · native

  Landmarks, headings, links, article body, archive list, and pagination remain complete without CSS, JavaScript, or enhancement.

• Video and lite embedPreview

  component · dependency-free

  Without JavaScript, the poster, description, transcript, and ordinary platform-independent watch link remain available; no iframe or provider request is created.

• CarouselPreview

  component · dependency-free

  Every image remains an ordinary link or a natively scrollable figure without enhancement.

• Product galleryPreview

  component · dependency-free

  Every image remains an ordinary link or a natively scrollable figure without enhancement.

• LightboxPreview

  component · dependency-free

  Every image remains an ordinary link or a natively scrollable figure without enhancement.

• Logo reelPreview

  component · dependency-free

  The semantic list remains horizontally scrollable and every organization destination remains an ordinary link when optional behavior or CSS is unavailable.

• Combobox and autocompletePreview

  component · dependency-free

  Without JavaScript, the labelled named text input submits any typed value and server-rendered suggestions remain readable; provide an ordinary submit button and durable server results page.

• Searchable multi-selectPreview

  recipe · datastar-required · datastar@1.0.2

  Without Datastar or JavaScript, the primary fixture's query, checked checkbox values, and remove submit buttons use ordinary form submission. A native select[multiple] may be authored as a separate alternative control; it is not combined with the checkbox group. Author the receiving endpoint to return the complete page with options, selections, and errors.

• SpinnerPreview

  component · css-only

  Without Thin-Sky CSS, the accessible name and any adjacent visible text still communicate that a task is in progress; no rotation is required for the announcement.

• Keyboard keyPreview

  component · native

  Without Thin-Sky CSS the kbd element retains its native monospace styling and remains readable as inline text.

• SeparatorPreview

  component · native

  Without Thin-Sky CSS the native hr keeps its default browser boundary and generic role="separator" elements remain in document flow.

• StatusPreview

  component · css-only

  Without Thin-Sky CSS the status is plain inline text that still states the condition.

• Progress and meterPreview

  component · native

  Browsers without CSS render the native bar; the element's text content is the fallback for any browser without the element.

• SkeletonPreview

  component · css-only

  Without CSS the skeletons are empty and the status message still says the content is loading.

• Empty statePreview

  component · css-only

  Without CSS the heading, explanation, and action remain in document order.

• AvatarPreview

  component · css-only

  Without CSS the image or initials remain inline next to the name.

• TablePreview

  component · native

  Without CSS the native table keeps its structure and the page scrolls horizontally if it must.

• Search and resultsPreview

  recipe · datastar-required · datastar@1.0.2

  The browser performs the ordinary request and renders a complete server response without enhancement.

• Poll formPreview

  recipe · datastar-required · datastar@1.0.2

  The browser performs the ordinary request and renders a complete server response without enhancement.

• HeroStable

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Logo cloudPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Feature gridPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Stats patternPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• TestimonialPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Call to actionPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Site footerPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• PricingPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• FAQPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• NewsletterPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Content sectionPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• AnnouncementPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• TeamPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• ContactPreview

  pattern · css-only

  Landmarks, headings, links, media, disclosure, and native forms remain useful in normal document flow without CSS or JavaScript.

• Site headerStable

  pattern · native

  The header remains a normal landmark containing a home link and complete navigation links without CSS or JavaScript.

• Navigation menuPreview

  pattern · native

  Without CSS the complete semantic list and native details disclosure remain readable, keyboard operable, and navigable.

• Mega menuPreview

  pattern · native

  Without CSS or JavaScript, the native disclosure exposes headed groups of ordinary links; print styles expose the full destination set.

• MenubarLab

  component · dependency-free

  Before enhancement, every link remains reachable in document order and submenu destinations remain expanded in normal flow.

• Application sidebarStable

  pattern · datastar-optional

  Every destination remains an ordinary link in a named navigation landmark without CSS, JavaScript, or optional application-state enhancement.

• Bottom navigationStable

  pattern · datastar-optional

  Every destination remains an ordinary link in a named navigation landmark without CSS, JavaScript, or optional application-state enhancement.

• Dock navigationStable

  pattern · datastar-optional

  Every destination remains an ordinary link in a named navigation landmark without CSS, JavaScript, or optional application-state enhancement.

• Full-screen menuStable

  pattern · datastar-optional

  Every destination remains an ordinary link in a named navigation landmark without CSS, JavaScript, or optional application-state enhancement.