Aidash Components
An opinionated set of accessible, tokenised React primitives you can copy into your app. Built on Next.js, Tailwind CSS v4, and Framer Motion — themed with the Aidash design language.
pnpm add @aidash/componentsWhat's inside
A pragmatic starter kit built on primitives you already know, wired together the way we ship them at Aidash.
43 components
Every primitive you need — button, dialog, table, calendar, command palette, and more.
Design tokens
oklch-based colors, typography scale, spacing, radii, and shadows. All CSS variables.
Dark mode built-in
Every component is dual-theme by default. Toggle a class on `<html>` to switch.
Accessible
ARIA-first, keyboard-first. Focus rings, roles, and reduced-motion support baked in.
Getting started
Everything you need to go from zero to a themed app in about ten minutes.
Installation
Add the package to your Next.js or Vite project in three commands.
Quick start
Copy a Button, wire up a Dialog, ship something in under an hour.
Design tokens
The colour, spacing, and radius vocabulary that ties every component together.
Patterns
Recipes that combine components into real screens — dashboards, forms, auth.
Components
43 accessible primitives, categorised for browsing. Every component ships with variants, states, and a live playground.
Philosophy
Aidash Components is opinionated where it matters and quiet everywhere else.
src/components/aidash/ — edit, extend, or replace freely. No black-box package to fight against.prefers-reduced-motion. No dizzying entrances — just enough polish.Keep reading
Go deeper into the topics that matter.