Product scope
The full Thin-Sky UI suite
Explore every independently named public item in the current Thin-Sky UI inventory—from lab and preview work to stable releases.
A registry item can be a foundation, layout, component, pattern, or recipe. Components style native elements. Layouts arrange elements. Patterns compose components and layouts, and recipes connect them to application workflows. See the standalone layouts and HTML element reference.
Foundations
Reset
Previewfoundation · css-only · core
Semantic base
Previewfoundation · css-only · core
Neutral theme
Previewfoundation · css-only · core
Thin-Sky theme
Previewfoundation · css-only · core
Curated themes
Previewfoundation · css-only · core
Fluid type
Previewfoundation · css-only · core
Fluid space
Previewfoundation · css-only · core
Typography
Previewfoundation · css-only · core
Icons
Previewfoundation · css-only · core
Motion
Previewfoundation · css-only · core
Accessibility modes
Previewfoundation · css-only · core
Design tokens
Stablefoundation · css-only · core
View-transition pack
Previewfoundation · native · optional
foundation · css-only · expansion
Layouts
Stack
Stablelayout · css-only · core
Cluster
Stablelayout · css-only · core
Grid
Stablelayout · css-only · core
Center
Stablelayout · css-only · core
Box
Stablelayout · css-only · core
Flow
Stablelayout · css-only · core
Icon layout
Stablelayout · css-only · core
Breakout
Previewlayout · css-only · core
Container
Previewlayout · css-only · core
Cover
Previewlayout · css-only · core
Frame
Previewlayout · css-only · core
Overlay
Previewlayout · css-only · core
Reel
Previewlayout · css-only · core
Sidebar
Previewlayout · css-only · core
Switcher
Previewlayout · css-only · core
Page shell
Stablepattern · css-only · core
Region rhythm
Stablepattern · css-only · core
Sticky sidebar
Stablepattern · css-only · core
Bento
Previewpattern · css-only · expansion
Dashboard shell
Previewpattern · css-only · expansion
Imposter
Previewrecipe · native · expansion
Anchored placement
Previewrecipe · native · expansion
Split
Stablepattern · css-only · core
Media object
Stablepattern · css-only · core
Product grid
Stablepattern · css-only · core
Gallery layout
Stablepattern · css-only · core
layout · css-only · optional — Progressive enhancement only.
Forms and controls
Button
Stablecomponent · native · core
Field
Stablecomponent · css-only · core
Field validation enhancement
Previewcomponent · dependency-free · core
Text input
Stablecomponent · native · core
Select
Stablecomponent · native · core
Textarea
Stablecomponent · native · core
Autogrow textarea
Previewcomponent · dependency-free · core
Range input
Previewcomponent · native · core
File input
Previewcomponent · native · core
Checkbox
Stablecomponent · native · core
Radio group
Stablecomponent · native · core
Switch
Stablecomponent · native · core
Drag-and-drop file uploader
Previewrecipe · datastar-required · expansion
OTP input
Labpattern · dependency-free · expansion
Input mask
Labpattern · dependency-free · expansion
Quantity input
Previewpattern · dependency-free · core
Rating
Previewpattern · native · core
Date and time input guidance
Previewcomponent · native · core
Calendar
Labcomponent · dependency-free · expansion
Form validation
Previewrecipe · datastar-optional · core
Multi-step form
Previewrecipe · datastar-required · expansion
Combobox and autocomplete
Previewcomponent · dependency-free · expansion
Searchable multi-select
Previewrecipe · datastar-required · expansion
Disclosure and overlays
Dialog
Stablecomponent · native · core
Alert dialog
Previewpattern · dependency-free · core
Confirm dialog
Previewpattern · dependency-free · core
Sheet
Previewpattern · dependency-free · core
Slide-over
Previewpattern · dependency-free · core
Drawer
Previewpattern · dependency-free · core
Hover card
Previewrecipe · native · expansion
Context menu
Previewrecipe · native · expansion
Command palette
Previewrecipe · datastar-required · expansion
Search result list
Previewrecipe · datastar-required · expansion
component · dependency-free · optional
component · dependency-free · optional
Feedback and content
Card
Stablecomponent · css-only · core
Badge
Stablecomponent · css-only · core
Alert
Stablecomponent · css-only · core
Toast
Stablecomponent · dependency-free · core
Toast region
Stablecomponent · dependency-free · core
Prose
Stablepattern · native · core
Responsive table
Previewpattern · native · core
Data table
Previewrecipe · datastar-required · expansion
SVG chart primitives
Previewrecipe · datastar-required · expansion
Interactive charts
Previewrecipe · datastar-required · expansion
Stats
Previewpattern · native · core
Steps
Previewpattern · native · core
Timeline
Previewpattern · native · core
Compare and diff
Previewpattern · native · core
Video and lite embed
Previewcomponent · dependency-free · core
Carousel
Previewcomponent · dependency-free · core
Product gallery
Previewcomponent · dependency-free · core
Lightbox
Previewcomponent · dependency-free · core
Logo reel
Previewcomponent · dependency-free · core
Spinner
Previewcomponent · css-only · core
Keyboard key
Previewcomponent · native · core
Separator
Previewcomponent · native · core
Status
Previewcomponent · css-only · core
Progress and meter
Previewcomponent · native · core
Skeleton
Previewcomponent · css-only · core
Empty state
Previewcomponent · css-only · core
Avatar
Previewcomponent · css-only · core
Table
Previewcomponent · native · core
recipe · external · defer — Focused dependencies, not core widgets.
recipe · external · defer — Focused dependencies, not core widgets.
recipe · external · defer — Focused dependencies, not core widgets.
recipe · external · defer — Focused dependencies, not core widgets.
Ecommerce patterns
Product card
Stablepattern · datastar-optional · core
Product detail
Previewpattern · dependency-free · core
Collection
Previewpattern · datastar-optional · core
Product filters
Previewpattern · datastar-optional · core
Product sorting
Previewpattern · datastar-optional · core
Product recommendations
Previewpattern · datastar-optional · core
Empty results
Previewpattern · dependency-free · core
Mini-cart drawer
Previewrecipe · datastar-required · core
Cart
Previewpattern · dependency-free · core
Checkout
Previewpattern · dependency-free · core
Discounts
Previewpattern · dependency-free · core
Availability
Previewpattern · dependency-free · core
Order status
Previewpattern · dependency-free · core
Application recipes
Filtered data view
Previewrecipe · datastar-required · core
CRUD list
Previewrecipe · datastar-required · expansion
CRUD detail
Previewrecipe · datastar-required · expansion
CRUD edit
Previewrecipe · datastar-required · expansion
Inline editing
Previewrecipe · datastar-required · expansion
Authentication flows
Previewrecipe · datastar-optional · expansion
Settings and preferences
Previewrecipe · datastar-optional · expansion
Dashboard
Previewrecipe · datastar-required · expansion
Bulk actions
Previewrecipe · datastar-required · expansion
Uploads
Previewrecipe · datastar-required · expansion
Notifications
Previewrecipe · datastar-required · expansion
Command workflows
Previewrecipe · datastar-required · expansion
Realtime jobs
Previewrecipe · datastar-required · expansion
Chat
Labrecipe · datastar-required · expansion
Messages
Labrecipe · datastar-required · expansion
Content recipes
Editorial article
Previewrecipe · native · core
Archive index
Previewrecipe · native · core
Marketing patterns
Search and results
Previewrecipe · datastar-required · expansion
Poll form
Previewrecipe · datastar-required · expansion
Hero
Stablepattern · css-only · core
Logo cloud
Previewpattern · css-only · core
Feature grid
Previewpattern · css-only · core
Stats pattern
Previewpattern · css-only · core
Testimonial
Previewpattern · css-only · core
Call to action
Previewpattern · css-only · core
Site footer
Previewpattern · css-only · core
Pricing
Previewpattern · css-only · core
FAQ
Previewpattern · css-only · core
Newsletter
Previewpattern · css-only · core
Content section
Previewpattern · css-only · core
Announcement
Previewpattern · css-only · core
Team
Previewpattern · css-only · core
Contact
Previewpattern · css-only · core