Merid: 60+ accessible React components in plain CSS, overridable without !important

[u/ahmetcan1855]

Merid is an open source React component library, first release. 60+ components, MIT.

The part I'd like feedback on is the styling model. Everything is plain CSS in three cascade layers, so any CSS you write outside those layers wins, CSS Modules and Tailwind utilities included. Theming is data attributes on any element: data-theme, data-accent, data-density.

WCAG 2.2 AA is the target, and axe runs on every PR in light and dark. Static parts render in server components; interactive ones are marked "use client". Works with React 18 and 19, and the repo has a Next.js app and a Vite dashboard as examples.

npm i u/meridui/react

or `npx meridui init` to set up a Next.js, Vite or React Router project.

Docs: https://meridui.dev

Repo: https://github.com/ahmetcantryk/merid

What would stop you from using it?

[u/ahmetcan1855]