8starlabs UI

8StarLabs UI is a component library built on top of shadcn/ui to help you build modern, interactive, and unique interfaces faster.

The library integrates seamlessly with Next.js projects using shadcn/ui and provides a simple CLI for adding components to your project.

Installation

pnpm dlx shadcn@latest add https://ui.8starlabs.com/r/status-indicator.json

All available components can be found here.

Installed components are added under components/8starlabs-ui by default.

MCP

8StarLabs UI can be used with AI coding assistants through the shadcn MCP server. Add the registry to your project's components.json:

{
  "registries": {
    "@8starlabs": "https://ui.8starlabs.com/r/{name}.json"
  }
}

Then configure the shadcn MCP server in Claude, Codex, Cursor, VS Code, or another MCP client. See the MCP guide for client-specific setup.

Prerequisites

Before using 8starlabs UI, ensure your Next.js project meets these requirements:

• Node.js 18 or later
• shadcn/ui initialized in your project pnpm dlx shadcn@latest init
• Tailwind CSS configured

Contributing

Please read the contributing guide for more details. Love 8StarLabsUI? Give us a ⭐ on GitHub!

Huge thank you to our contributors.

License

Licensed under the MIT license.

Contact

• Tham Kei Lok (Lead Engineer & Developer Relations) - X, LinkedIn
• Wang Jia Hua (Software Engineer, Full-stack) - LinkedIn

Engineered by 8StarLabs.

Star History