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.
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:
- Create a copy of any folder (e.g.
emotion
). - Rename the folder and the
name
field in the folder's package.json. - Update the dependencies and run
npm install
from the root of the monorepo. - Update the code. Try to keep the actual styles more or less the same.
- Update the README.md