Next generation utility-first CSS framework. (by voorjaar)


Basic windicss repo stats
2 days ago

voorjaar/windicss is an open source project licensed under MIT License which is an OSI approved license.

Windicss Alternatives

Similar projects and alternatives to windicss

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo svelte-windicss-preprocess

    A Svelte Preprocessor to compile windicss at build time.

  • GitHub repo chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • GitHub repo classnames

    A simple javascript utility for conditionally joining classNames together

  • GitHub repo tachyons

    Functional css for humans

  • GitHub repo styletron

    :zap: Toolkit for component-oriented styling

  • GitHub repo twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  • GitHub repo classless-css

    A list of classless CSS themes/frameworks with screenshots

  • GitHub repo generator

    Generate a custom Tachyons build from a config file (by tachyons-css)

  • GitHub repo vue-windicss-preprocess

    A Vue Loader to compile tailwindcss at build time.

NOTE: The number of mentions on this list indicates mentions on common posts. Hence, a higher number means a better windicss alternative or higher similarity.


Posts where windicss has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-03-29.
  • Top 4 Tailwind CSS alternatives for 2021 | 2021-03-29
    Windi CSS, in contrast to Tachyons, is a very fresh framework. Started in the late December of 2020, it’s already gained a lot of attention and currently sits at respectable 1.5K GitHub stars.
  • Just-In-Time: The Next Generation of Tailwind CSS
    No mention of Windi CSS? Didn't it inspire this?
  • Ok fine… TailwindCSS rocks! | 2021-02-26
    However I decided it was time to question my own biases. I installed Tailwind Intellisense for VS Code and started up a test project with a starter that included Tailwind (actually it uses Windi, which is a Tailwind compiler). I then started making a basic site, forcing myself to use the utility classes for (most) all of the styling.
  • Windi CSS: Tailwind CSS Compiler | 2021-02-19
  • Introduce vue-windicss-preprocess, the best way to interact with vue and tailwindcss. | 2021-01-05
    For more details, please check windicss
  • Introduce svelte-windicss-preprocess, the best way to interact with svelte and tailwindcss. | 2021-01-05
    You can check the README of windicss ( Compared with postcss, it runs faster, can be built in real time and does not require plugins such as autoprefixer and purgecss to increase the complexity of configuration. And windicss extends the utilities and variants of tailwindcss. For example, you can directly use p-1.3rem or bg-hex-fff just like atomic css. And we also have a compilation mode, which can combine a line of classes into one to increase the readability of html.
  • I built a new tailwindcss compiler with Typescript. It runs fast, can build css in real-time during development, well-matched with vue and svelte. Give it a try. If you like leave a star, or send some feedback if you find problems. Pull requests are most helpful.