This monorepo will show examples of various CSS-in-JS libraries in Astro. Currently only shows a basic counter example, would be nice to demonstrate more advanced usage for each library.

See withastro/astro#4432

Clone the repo and install deps:

npm install

Start the dev server for all examples in parallel using turborepo:

npm run dev

Open localhost:3000, localhost:3001, etc in browser.

To add an example of a new library:

1. Create a copy of any folder (e.g. emotion).
2. Rename the folder and the name field in the folder's package.json.
3. Update the dependencies and run npm install from the root of the monorepo.
4. Update the code. Try to keep the actual styles more or less the same.
5. Update the README.md