A classless CSS framework built for speed. Style your website later—build it now.
launch.css is a minimalist, classless CSS framework focused on helping you launch projects quickly. It applies sensible styling to HTML elements without requiring class names, so you can build functional interfaces fast and style them later.
- Zero Classes - Style HTML elements directly, no need for complex class naming
- Light/Dark Themes - Built-in theme support with simple switching
- Multiple Layouts - Choose between website and dashboard layouts
- Responsive - Looks great on all devices with built-in breakpoints
- Lightweight - Only the essentials, no bloat
- Modern - Built with modern CSS features
npx nypm add launch.cssThen import in your JavaScript:
import "launch.css";Add the following to your HTML:
<link rel="stylesheet" href="https://unpkg.com/launch.css" />Just write semantic HTML and launch.css will style it for you. Add data attributes to control layout and theme:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My launch.css Site</title>
</head>
<body data-layout="website">
<header>
<nav>
<a href="/">My Site</a>
<menu>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</menu>
</nav>
</header>
<main>
<section>
<h1>Welcome to my site</h1>
<p>Built with launch.css - no classes needed!</p>
<button>Click me</button>
</section>
</main>
</body>
</html>Supports light and dark themes with seamless switching using color-schemecss properties:
color-scheme: only dark;
// pr
color-scheme: only dark;launch.css provides two main layout options:
<!-- Standard website layout -->
<body data-layout="website">
<!-- Dashboard/app layout with fixed header -->
<body data-layout="dashboard">Check the examples directory for complete implementation examples:
- Website example with blog layout
- Dashboard/application layout
Visit https://launch-css.dev for complete documentation and examples.
MIT © Torsten Dittmann