📝 Exploring dashboard styling with Vanilla Extract

Design File -> Design file

About this repo

vanilla-extract-dashboard/
├── apps                        
|   └── web-app                 # Website
|
└── libs/
    └── components/
        └── src/
            └── lib/            # Components for @/components package
                └── [component] # Individual components

Libraries

🧰   NX — Monorepo manager

🎨   Vanilla Extract - CSS-in-TS styling library

🧱   Radix UI - Headless accessible components

✂️   Capsize - Font trimming

📈   React Chart Js - Headless charts

🏓   Tanstack Table - Headless table

Install dependencies and run app

# install packages
pnpm install

# to run
 pnpm exec nx run web-app:serve