8starlabs UI

Marketing

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

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

All available components can be found .

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:

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 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 for more details. Love 8StarLabsUI? Give us a ⭐ on GitHub!

Huge thank you to our contributors.

License

Licensed under the .

Contact

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

Engineered by .

Star History