Ui
8StarLabs UI is a component library designed for developers who want niche, high-utility UI elements that you won’t find in standard libraries.
Install / Use
/learn @8starlabs/UiREADME
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
npx shadcn@latest add https://ui.8starlabs.com/r/status-indicator.json
All available components can be found here.
Prerequisites
Before using 8starlabs UI, ensure your Next.js project meets these requirements:
- Node.js 18 or later
- shadcn/ui initialized in your project
npx 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.
<a href="https://github.com/8starlabs/ui/graphs/contributors"> <img src="https://contrib.rocks/image?repo=8starlabs/ui" /> </a>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
Related Skills
bluebubbles
347.9kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
slack
347.9kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
108.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Agent Development
108.7kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.
