TastefulKit 1 view · 24h
← UI libraries

Merid

A plain-CSS React component system with shared design tokens, theme and density controls, and documented form, data-display and overlay patterns.

React
Visit library ↗ GitHub repository ↗

Working with this library

Verified 2026-10-02 from meridui.dev installation docs and ahmetcantryk/merid README/LICENSE. MIT-licensed library; bundled Geist fonts have separate SIL OFL 1.1 terms. Install @meridui/react and import @meridui/react/styles.css once; components.css omits the base layer and tokens.css exposes tokens only. Supports React 18/19; documented integrations include Next.js, Vite and React Router. CSS cascade-layer order matters with Tailwind resets and starter styles. CLI/MCP workflows are optional and were not installed or executed. Editorial: distinctive quiet visual system for dashboard/forms work without a runtime CSS-in-JS engine. Newer project; evaluate stability for your application. Upstream accessibility/CI claims were not independently audited; avoid treating the catalogue as certification.

Pricing

MIT library

Free

Bundled fonts retain SIL OFL 1.1 terms.

Last checked Oct 2, 2026. Prices and licensing may change.

Check current pricing and terms ↗

Landing page preview

Landing page of Merid

Captured Oct 2, 2026. This is a visual reference; check the library's license before using its components.

A little more taste in your inbox.

A weekly selection of standout designs, useful UI elements, and fresh inspiration from TastefulKit.