We’re thrilled to introduce 8StarLabs UI, an open-source React component library designed to help developers and designers build modern, interactive, and unique interfaces faster.

Why 8StarLabs UI?

Across countless projects, we realized a problem: most component libraries focus on generic, everyday components like buttons, forms, and modals, things that have already been implemented countless times. While these components are useful, they don’t help your project stand out.

With 8StarLabs UI, our goal is different. We focus on building special, niche components, UI elements that solve uncommon problems and elevate your interfaces. These aren’t your typical buttons or input fields. From interactive dashboard elements to custom status indicators, we create components designed to make your project unique and handle cases you won’t find in standard libraries.

By combining these niche components with the power of shadcn/ui, 8StarLabs UI allows you to:

• Develop Faster: Add complex, uncommon components without reinventing the wheel.
• Stand Out Visually: Deliver interfaces that feel distinctive and memorable.
• Scale Smartly: Modular components integrate seamlessly with your existing Next.js stack.

We're starting with 3 carefully crafted components today, with many more exciting additions planned. Each component has been designed to solve real problems we've encountered in production applications.

Why We Chose the Shadcn Registry

Instead of publishing to npm, we decided to use the shadcn registry for our components. This approach lets us:

• Ship Components Instantly: No waiting for npm releases; new components are ready as soon as they’re published.
• Offer Version Flexibility: Pick only the components you need, without worrying about version conflicts.
• Seamlessly Integrate: Components work directly with shadcn/ui, making adoption effortless for projects already using it.

This setup ensures our niche components reach developers quickly and integrate cleanly into real projects.

Shadcn MCP Capabilities

Another reason we chose the shadcn ecosystem is its MCP (Model Context Protocol) capabilities, a forward-looking feature that allows AI assistants to interact directly with component registries.

The shadcn MCP Server enables developers (or AI copilots) to:

• Browse available components from any registry.
• Search and install them directly into your project using natural language.

For example, you can ask your AI assistant:

“Find me a transport badge from the 8starlabs registry.”

Registries are configured in your project’s components.json file:

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

Contributing

8StarLabs UI is open-source and community-driven. If you want to contribute:

1. Check out the contributing guide
2. Report issues or suggest new components
3. Star the project on GitHub

We love seeing what the community builds using 8StarLabs UI!

Getting started

Components are available via the shadcn install command.

npmpnpmyarnbun
pnpm dlx shadcn@latest add <component>
Copy

For example, to install the Status Indicator component, you can run:

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

Read the docs and start building beautiful interfaces, faster.