New CSS framework

A new CSS framework now exists, it is called Whirlwind CSS.

The classes are designed to be shorter than bootstrap and tailwind

For example making something bold:

import 'whirlwindcss/dist/classes.css'

function App() {
  return(
    <div id="App">
      <h1 className="f-bold">Hello from bold with whirlwind CSS!</h1>
    </div>
  );
}

export default App;

It also comes with other short classes!

In your terminal, to install the NPM run npm i whirlwindcss or npm install whirlwindcss

NOTE: When using whirlwind CSS do not try to run:

npm i -D whirlwindcss
npm i postcss

This is because whirlwind is NOT a dev dependency

The correct way to import whirlwind(And its Peer Dependencys) is:

npm i whirlwindcss
npm i postcss

Whirlwind CSS comes with intellisense.