UnoCSS is the instant, on-demand atomic CSS engine. It has various advantages over Tailwind CSS. Read more in the GitHub readme.
Open this example on CodeSandbox:
This example shows a bare-bones setup of UnoCSS.
List of dependencies installed:
unocss
@unocss/reset
@unocss/cli
The scripts
in package.json
have been updated to use the UnoCSS CLI to generate CSS into app/styles/uno.css
. This file is imported to app/root.tsx
to apply these styles into the Remix app. A Tailwind CSS preset is also being used from @unocss/reset
to add basic global styles according to Tailwind CSS defaults.
You can add more presets in unocss.config.ts
.