Everything, organized.
Detailed, tested markup examples and meaningful production guidance for every category.
Deploy on any ordinary static web host, Apache, LiteSpeed, Nginx or PHP hosting.
↗Getting startedArchitectureModular cascade layers, component APIs, a predictable token system and optional scripts.
↗Design systemDesign DNAFive complete design personalities, controlled with one data attribute.
↗Design systemThemingLight, dark and system themes with coordinated semantic tokens.
↗Design systemBrand EngineCreate cohesive branded UI by changing a single brand seed.
↗Design systemDensity EngineChange vertical rhythm, table density, forms and card padding together.
↗Design systemAutopilotComponents respond to their own available width, not just the viewport.
↗UtilitiesResponsive utilitiesStatic breakpoints without build-time class discovery or compilation.
↗UtilitiesUtility catalogueMore than a thousand named utilities, plus responsive and interaction variants.
↗FoundationsAccessibilityKeyboard focus, native HTML semantics, high contrast and reduced-motion defaults.
↗FoundationsMotionCoordinated motion modes with automatic reduced-motion handling.
↗FoundationsRTL and localizationLogical CSS spacing and layout patterns for multilingual websites.
↗ComponentsButtonsButtons in primary, secondary, ghost and status styles, with sizes, icon controls and disabled states.
↗ComponentsBadges and statusCompact semantic markers, indicators and progress context.
↗ComponentsCardsFlat, elevated, statistical and media cards that integrate with layout and DNA systems.
↗ComponentsAlerts and calloutsDismissible notices, semantic status treatments and editorial callouts.
↗ComponentsFormsInputs, selectors, textareas, floating labels, input groups, switches, ranges and field help.
↗InteractionsForm validationNative constraint validation with custom field errors and programmatic hooks.
↗InteractionsInput toolsText counters, reveal-password controls and select-all checkboxes.
↗InteractionsTabsAccessible tabs with roving keyboard focus and proper panel relationships.
↗InteractionsAccordionSingle or multi-expand disclosures with managed aria-expanded state.
↗InteractionsCollapseSingle-element disclosures that can be controlled from multiple buttons.
↗InteractionsDialog and modalNative HTML dialog with focus handling and Escape support.
↗InteractionsDrawer and offcanvasSide-panel experiences implemented with native dialog under the hood.
↗InteractionsDropdownsContextual menus for simple links or action lists.
↗InteractionsToast notificationsProgrammatic, accessible status updates with dismiss buttons and safe text rendering.
↗ComponentsData tablesResponsive striped tables, sticky headings and semantic headers.
↗InteractionsTable sort and filteringClient-side sorting and filtering for ordinary HTML tables.
↗InteractionsCarouselAccessible, scroll-snap carousel without heavyweight slider dependencies.
↗ComponentsNavigation and breadcrumbsNavbar, link groups, breadcrumb trail and active navigation states.
↗PatternsApplication shellPremium dashboards with sidebar, header and responsive main area.
↗ComponentsPaginationAccessible page controls and current page indicators.
↗ComponentsProgress and skeletonsNative progress bars, meters, spinners, and skeleton placeholders.
↗ComponentsTimeline and stepsActivity timelines and ordered workflow stepper patterns.
↗ComponentsAvatars and mediaAvatar initials, photos, stacks and flexible media objects.
↗PatternsPricing cardsStructured, featured and comparison-ready commercial offer cards.
↗PatternsHero and marketingLarge expressive headlines, call-to-action clusters and product layouts.
↗InteractionsCommand paletteKeyboard-launchable command surface using native dialog.
↗ComponentsPopovers and tooltipsNative HTML popovers and CSS-only tooltips for short annotations.
↗FoundationsPrint and documentsPrint media behavior, cleaner reports and semantic document layouts.
↗ReferenceJavaScript APIOptional vanilla JavaScript modules with a stable public Xshna API.
↗ReferenceCustom eventsListen for state transitions without direct dependency on internal code.
↗ReferenceInspectorDevelopment-only runtime diagnostics for basic HTML structure and xsh components.
↗ReferenceBrowsers and hostingBrowser compatibility decisions and safe fallbacks for modern CSS.
↗ReferenceProduction deploymentOperational checklist for caching, CSP, security, accessibility and repeatable delivery.
↗ReferenceMigration from v1Upgrade guidance from the initial 1.0.0 prototype to the expanded 3.0.0 package.
↗ReferenceProduct positioningWhat Xshna delivers and what it deliberately does not attempt.
↗