Lightpack CSS Framework

No compilers. No fuss. Just Native CSS + JavaScript components that work — from themes to tabs, toasts, drawers & more.

Github: lightpackcss/framework

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.

Quick Start Example

<!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.7-beta/dist/lightpack.min.css">
</head>

<body>
    <h1>Hello, Lightpack!</h1>
    <script src="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.7-beta/dist/lightpack.min.js"></script>
</body>

</html>

Installation

CDN

<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.7-beta/dist/lightpack.min.css">

<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/@lightpackcss/framework@v0.1.7-beta/dist/lightpack.min.js"></script>

npm

npm install @lightpackcss/framework

Features