No compilers. No fuss. Just Native CSS + JavaScript components that work — from themes to tabs, toasts, drawers & more.
This project is a modern, modular CSS framework with zero build dependencies for consumers. Use the CSS and JS directly in the browser, or integrate with your build pipeline.
⚠️ This project is currently in beta. Breaking changes and deprecated CSS may be introduced as the framework evolves.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lightpack CSS Quick Start</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.6-beta/dist/lightpack.min.css">
</head>
<body>
<h1>Hello, Lightpack!</h1>
<script src="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.6-beta/dist/lightpack.min.js"></script>
</body>
</html><!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.6-beta/dist/lightpack.min.css">
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.6-beta/dist/lightpack.min.js"></script>npm install @lightpackcss/framework- Modular, customizable, themeable CSS architecture
- Native, dependency-free JavaScript components (tabs, accordions, alerts, modals, drawers, toasts, theme switcher, etc.)
- Easy to use: just include the built CSS/JS or import into your project
- Designed for extensibility and theming