Giter Site home page Giter Site logo

cipherlogs / klassco Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 686 KB

Minify/Auto-replace/Abstract all CSS classnames in your components and create high level utilities

Home Page: https://klassco.cipherlogs.com

License: GNU General Public License v3.0

Haskell 100.00%
css frontend tailwindcss js

klassco's Introduction

Klassco

Just as components helps developpers abstract and avoid repetition, Klassco helps you do the same to your css classnames inside your components.


How Does Klassco Work?

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.

  1. Build: It optimizes the build size by removing all duplicate combos.

  2. 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.

  3. 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.


Documentation

For full documentation, visit klassco.cipherlogs.com


Contribution

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.


License

This project is licensed under the GPL-3.0 License - see the LICENSE file for details.

klassco's People

Contributors

cipherlogs avatar dependabot[bot] avatar

Stargazers

Julien Jung avatar  avatar

Watchers

 avatar

klassco's Issues

There is a problem on Windows

I installed your package globally through pnpm and whatever I did, it didn't work and it gives the following error, please fix it.

klassco -m ./pages
'"C:\Users\user\AppData\Local\pnpm\global\5\node_modules\klassco\klassco"' is not recognized as an internal or external command,
operable program or batch file.

I installed it through npm, but it didn't run and gave the following error

C:...\nodejs\node-v20.11.0\node_modules\klassco\klassco"' is not recognized as an internal or external command,
operable program or batch file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.