The minimalist CSS library.
A clean and lightweight kit that prioritizes minimalism, speed, and ease of maintenance.
Choose one of these methods to get started:
Download the latest version and link the CSS in your HTML <head>.
Note: The GitHub repository includes documentation, making it larger than the NPM package.
Include Luxa CSS via CDN:
<!-- Expanded (7.23KB) -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/luxacss@latest/dist/expanded/luxa.css"
/>
<!-- Compressed (5.47KB) -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/luxacss@latest/dist/compressed/luxa.min.css"
/>Install using your preferred package manager:
npm i luxacss
pnpm i luxacss
bun i luxacssThen import it:
import "luxacss";Or, import individual CSS modules in your CSS file:
@import "luxacss/css/colors.css";
@import "luxacss/css/tokens.css";
@import "luxacss/css/grid.css";If you find Luxa CSS helpful, consider supporting the project:
Want to contribute or customise Luxa CSS? Get started quickly:
- Quick Onboarding - Get started in 5 minutes
- Contributing Guide - How to contribute
- Development Guide - Local development setup
- Project Structure - Repository organisation
# Clone and install (workspace dependencies)
git clone https://github.com/luxonauta/luxacss.git
cd luxacss
npm install
# Build framework and docs
npm run build
# Or start development mode
npm run devPlease read our GitHub contributing guidelines to get started.
Luxa CSS is released under the MIT License. Feel free to use and modify it for your projects.
