Pure CSS
No runtime, no JavaScript required for components like accordion, tabs, tooltip, menu, dialog. Optional enhancement scripts add keyboard & ARIA polish.
Content-first styling with @layer, custom properties, color-mix(in oklch), :has(), @starting-style, container queries. 23 components, 8 themes, fluid typography, zero runtime dependencies.
Single stylesheet. Use classes directly in your HTML.
<!DOCTYPE html>
<html data-theme="auto">
<head>
<link rel="stylesheet" href="https://unpkg.com/litura">
</head>
<body>
<main class="container">
<section class="hero">
<h1>Ship a clean UI today</h1>
<p>No runtime. No config. Just content.</p>
<a class="btn" href="#">Get started</a>
</section>
<div class="stats-grid">
<div class="stat-card"><span class="stat-number">12k</span><span class="text-muted">Users</span></div>
<div class="stat-card"><span class="stat-number">99.9%</span><span class="text-muted">Uptime</span></div>
</div>
</main>
</body>
</html>Everything you need for content-heavy UIs.
No runtime, no JavaScript required for components like accordion, tabs, tooltip, menu, dialog. Optional enhancement scripts add keyboard & ARIA polish.
Light, Dark, High contrast, Sepia, Nord, Ocean, Rose + Auto. Switch via data-theme on <html>. All tokens derive from semantic custom properties.
Type scale uses clamp(), adapts smoothly between 40rem and 96rem viewports. Opt out with data-typo="fixed".
data-density="compact" or "spacious" rescales every --size-* token. Great for data-dense dashboards.
prefers-reduced-motion, focus-visible rings, :user-invalid forms, contrast-color() forward-compat, ARIA examples in every template.
Buttons, cards, forms, tables, nav, dialog, menu, accordion, tabs, tooltip, toast, alert, badge, label, hero, stats, pricing, breadcrumb, testimonial & more.
Live components, ready-to-fork templates, source on GitHub.