What makes Ns-Ui components high-quality?

Ns-Ui ensures quality through 'The Gate,' a rigorous automated testing suite that validates interactivity, accessibility, theme compatibility (dark/light modes), and error-free rendering for every component.

Ns-Ui is a registry offering 266 shadcn-compatible React components installable as plain source code. It features integrations with Tailwind CSS v4, Framer Motion, and react-three-fiber.

How do I install Ns-Ui components?

Components are installed using the `npx shadcn add` command with a direct URL. This drops the plain source into your project, meaning no `ns-ui` package dependency and full code ownership.

Can Ns-Ui be used with AI agents?

Yes, Ns-Ui is designed for agent-driven integration, providing an MCP server and plain-text catalogs (`llms.txt`) that allow AI agents to easily discover, evaluate, and install components.

Ns-Ui: 266 Shadcn React Components for Modern Web Devs

Ns-Ui offers a comprehensive registry of 266 React components designed for modern web development, all compatible with the shadcn philosophy of installing components as plain source code without package dependencies or lock-in. It supports cutting-edge technologies like Tailwind v4, Framer Motion for animations, and react-three-fiber for 3D interactions, providing two distinct collections: 'core' for restrained, production-ready designs and 'loud' for visually striking showcases. Beyond a traditional component library, Ns-Ui integrates deeply into developer workflows with a dedicated CLI for terminal-based management and an MCP server, enabling agent-driven component discovery and installation, further enhanced by rigorous automated testing that ensures every component is interactive, accessible, and theme-aware.

主な機能

01266 shadcn-compatible React components installed as plain source.

02Rigorous automated testing ('The Gate') ensures component interactivity, accessibility, and theme compatibility.

03Built with Tailwind v4, Framer Motion, and react-three-fiber.

04Includes a CLI for searching, listing, and installing components.

05Provides an MCP server for agent-driven component discovery and installation.

0613 GitHub stars

ユースケース

01Customizing and extending component source code without package dependencies or vendor lock-in.

02Integrating UI components into agent-driven development workflows via CLI or MCP server.

03Rapidly building React applications with a high-quality, interactive UI component library.

Tieline — product intent grounded in code

Ns-Ui

主な機能

ユースケース

Neon

Firecrawl

Figma Context

TaskFlow Inbox Triage

Meme Maker

1Password CLI

主な機能

ユースケース