Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kwadwoatta/vanilla-extract-dashboard
https://github.com/kwadwoatta/vanilla-extract-dashboard
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kwadwoatta/vanilla-extract-dashboard
- Owner: kwadwoatta
- Created: 2022-10-24T20:51:47.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-21T12:29:43.000Z (10 months ago)
- Last Synced: 2024-03-22T13:34:41.297Z (10 months ago)
- Language: TypeScript
- Size: 453 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Exploring dashboard styling with Vanilla Extract
**Design File ->** [Design file](https://www.figma.com/file/qVnSyRyvmpCIIimDiRl96y/dashboard-ui-vanilla-extract?type=design&node-id=0-1&mode=design)
## About this repo
```sh
vanilla-extract-dashboard/
├── apps
| └── web-app # Website
|
└── libs/
└── components/
└── src/
└── lib/ # Components for @/components package
└── [component] # Individual components
```
## Libraries
🧰 [NX](https://nx.dev/) — Monorepo manager
🎨 [Vanilla Extract](https://vanilla-extract.style) - CSS-in-TS styling library
🧱 [Radix UI](https://www.radix-ui.com/) - Headless accessible components
✂️ [Capsize](https://seek-oss.github.io/capsize/) - Font trimming
📈 [React Chart Js](https://react-chartjs-2.js.org/) - Headless charts
🏓 [Tanstack Table](https://tanstack.com/table/v8) - Headless table
### Install dependencies and run app
```sh
# install packages
pnpm install
# to run
pnpm exec nx run web-app:serve