Just as components helps developpers abstract and avoid repetition, Klassco helps you do the same to your css classnames inside your components.
There are three available modes, each independent of the others. This means that if you're only interested in reducing the bundle size, you can use Klassco solely for that purpose.
-
Build: It optimizes the build size by removing all duplicate combos.
-
Dev: It scans all of your HTML files, JavaScript components, and other templates for classname combo duplications to help you reuse styles and create higher abstractions.
-
Watch: It automatically replaces classname combinations with new utilities as you type, using the ones you have created or loaded.
Klassco uses mathematical combinations to thoroughly explore and analyze every imaginable combination of your CSS classnames, to help you identify subtle patterns, spot redundancies, and create a carefully curated selection of higher level utilities — designed to save you time and effort.
For full documentation, visit klassco.cipherlogs.com
If you're passionate about clarity and want to make the project more accessible to everyone, contributing to the documentation is a fantastic way to get involved.
See the CONTRIBUTING file for details.
This project is licensed under the GPL-3.0 License - see the LICENSE file for details.