Cardlane UI

Cardlane UI is an MD3-inspired dashboard component library starter built with React + Vite + TypeScript. It ships card layouts, filter controls, trend bars, and data table primitives with tokenized light/dark themes.

Included components

• Card
• FilterBar
• StatGrid
• TrendBars
• WorkTable

Theme system

All design tokens are centralized in src/styles/tokens.css and exposed as CSS variables for runtime theme switching.

• Default theme: light
• Secondary theme: dark

Quick start

npm install
npm run dev

Scripts

• npm run dev
• npm run test
• npm run typecheck
• npm run build

Testing

• Unit tests for filter/summarize logic
• Component tests for core UI rendering
• Flow test for filter interactions and reset behavior

License

MIT