Installing Luxa CSS

Install Luxa manually or via CDN for a dependency-free setup, or use NPM.

On this page

Choose the method that best suits your project:

CDN (quickest)

Add one of these lines to your HTML <head>:

<!-- Expanded (8KB) -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/luxacss@1.0.9/dist/expanded/luxa.css"
/>

<!-- Compressed (6KB) -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/luxacss@1.0.9/dist/compressed/luxa.min.css"
/>

Manual download

  1. Download the latest version;
  2. Extract the CSS file you need;
  3. Link it in your HTML <head>.

Note: The GitHub repository includes documentation, making it larger than the NPM package.

Package manager

Install using your preferred package manager:

npm install luxacss

pnpm add luxacss

bun add luxacss

Then import it:

import "luxacss";

Or in SCSS:

@use "luxacss";

Choose the method that best fits your development workflow and project requirements.