Introduction

A classless CSS framework that styles semantic HTML elements directly.

What is launch.css?

launch.css is a lightweight CSS framework designed for speed and simplicity. Unlike traditional CSS frameworks that require memorizing class names, launch.css styles your HTML elements directly based on their semantic meaning.

Simply write semantic HTML, and launch.css handles the styling. No classes needed for basic elements.

Key Features

• Classless by design - Style semantic HTML elements directly
• ARIA-powered components - Uses accessibility attributes for styling variants
• Automatic dark mode - Built-in light/dark theme support via CSS color-scheme
• Zero JavaScript - Pure CSS, no runtime required
• Tiny footprint - Minimal CSS for maximum impact

Philosophy

launch.css embraces the web platform. Instead of fighting HTML semantics with utility classes, it works with them. Buttons look like buttons. Links look like links. Forms are styled sensibly.

When you need variants (like a danger button or secondary action), launch.css uses ARIA attributes you should already be using for accessibility. This approach encourages better HTML practices while reducing cognitive overhead.