Lightning CSS is an extremely fast CSS parser, transformer, and minifier written in Rust. Use it with Parcel, as a standalone library or CLI, or via a plugin with any other tool.
This is free and open source software.
Key Features
- Extremely fast – Parsing and minifying large files is completed in milliseconds, often with significantly smaller output than other tools.
- Typed property values – many other CSS parsers treat property values as an untyped series of tokens. This means that each transformer that wants to do something with these values must interpret them itself, leading to duplicate work and inconsistencies. Lightning CSS parses all values using the grammar from the CSS specification, and exposes a specific value type for each property.
- Browser-grade parser – Lightning CSS is built on the cssparser and selectors crates created by Mozilla and used by Firefox and Servo. These provide a solid general purpose CSS-parsing foundation on top of which Lightning CSS implements support for all specific CSS rules and properties.
- Minification – One of the main purposes of Lightning CSS is to minify CSS to make it smaller. This includes many optimizations including:
- Combining longhand properties into shorthands where possible.
- Merging adjacent rules with the same selectors or declarations when it is safe to do so.
- Combining CSS transforms into a single matrix or vice versa when smaller.
- Removing vendor prefixes that are not needed, based on the provided browser targets.
- Reducing calc() expressions where possible.
- Converting colors to shorter hex notation where possible.
- Minifying gradients.
- Minifying CSS grid templates.
- Normalizing property value order.
- Removing default property sub-values which will be inferred by browsers.
- Many micro-optimizations, e.g. converting to shorter units, removing unnecessary quotation marks, etc.
- Vendor prefixing – Lightning CSS accepts a list of browser targets, and automatically adds (and removes) vendor prefixes.
- Browserslist configuration – Lightning CSS supports opt-in browserslist configuration discovery to resolve browser targets and integrate with your existing tools and config setup.
- Syntax lowering – Lightning CSS parses modern CSS syntax, and generates more compatible output where needed, based on browser targets.
- CSS Nesting
- Custom media queries (draft spec)
- Logical properties
- Color Level 5
- color-mix() function
- Relative color syntax, e.g. lab(from purple calc(l * .8) a b)
- Color Level 4
- lab(), lch(), oklab(), and oklch() colors
- color() function supporting predefined color spaces such as display-p3 and xyz
- Space separated components in rgb and hsl functions
- Hex with alpha syntax
- hwb() color syntax
- Percent syntax for opacity
- #rgba and #rrggbbaa hex colors
- Selectors
- :not with multiple arguments
- :lang with multiple arguments
- :dir
- :is
- Double position gradient stops (e.g. red 40% 80%)
- clamp(), round(), rem(), and mod() math functions
- Alignment shorthands (e.g. place-items)
- Two-value overflow shorthand
- Media query range syntax (e.g. @media (width <= 100px) or @media (100px < width < 500px))
- Multi-value display property (e.g. inline flex)
- system-ui font family fallbacks
- CSS modules – Lightning CSS supports compiling a subset of CSS modules features.
- Locally scoped class and id selectors
- Locally scoped custom identifiers, e.g. @keyframes names, grid lines/areas, @counter-style names, etc.
- Opt-in support for locally scoped CSS variables and other dashed identifiers.
- :local() and :global() selectors
- The composes property
- Custom transforms – The Lightning CSS visitor API can be used to implement custom transform plugins.
Website: github.com/parcel-bundler/lightningcss
Support:
Developer: Parcel
License: Mozilla Public License 2.0
Lightning CSS is written in Rust. Learn Rust with our recommended free books and free tutorials.
Related Software
| CSS Parsers | |
|---|---|
| PostCSS | Transform styles with JavaScript plugins |
| Lightning CSS | Parser, transformer, bundler, and minifier |
| Rework | Plugin framework for CSS preprocessing |
| Mensch | Non-validating CSS parser |
| CSSTree | Tool set for CSS |
| Stylis | Lightweight CSS preprocessor |
| tinycss2 | CSS parser and generator |
| LibCSS | CSS parser and selection engine |
| Ruby CSS Parser | Load, parse and cascade CSS rule sets |
| ParserLib | CSS3 SAX-inspired parser |
| css-parser | Fork of the cssutils project |
| Stylecow | Modern CSS to all browsers |
| Gonzales PE | CSS parser which plays nicely with preprocessors |
| CSSOM | CSS parser written in pure JavaScript |
Read our verdict in the software roundup.
 Explore our comprehensive directory of recommended free and open source software. Our carefully curated collection spans every major software category.This directory is part of our ongoing series of informative articles for Linux enthusiasts. It features hundreds of detailed reviews, along with open source alternatives to proprietary solutions from major corporations such as Google, Microsoft, Apple, Adobe, IBM, Cisco, Oracle, and Autodesk. You’ll also find interesting projects to try, hardware coverage, free programming books and tutorials, and much more. Discovered a useful open source Linux program that we haven’t covered yet? Let us know by completing this form. |