8starlabs-ui
0components
Installs all 14 components. Without our CLI, run instead.
Auto-indexed
8starlabs-ui contents
About 8starlabs-ui
8starlabs-ui publishes a shadcn registry at ui.8starlabs.com, with 14 components installable through the shadcn CLI.
- Components
- 14
- GitHub stars
- 136
- Last commit
- Sep 5, 2026
- Repository
- 8starlabs/ui
All 14 components
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
Flip clock
flip-clockA flip clock component
1 fileHeatmap
A heatmap component
1 fileJSON Viewer
json-viewerA JSON viewer component
@tabler/icons-react3 filesMarquee component
marqueeA marquee component
1 fileOpen In Chat
open-in-chatA component that opens an LLM chat with a pre-filled prompt.
lucide-react, simple-icons2 filesPartition Bar
partition-barA partition bar component
1 fileRelative Time
relative-timeA compact date label that displays relative time with an optional UTC tooltip.
1 file1 exampleShake
A Stripe-style perspective error shake for form fields, with a declarative wrapper and an imperative hook
1 fileStatus indicator
status-indicatorA status indicator component
1 fileStatus Monitor
status-monitorA compact status history bar for showing service uptime across days or hours.
lucide-react1 file3 examplesSystem banner
system-bannerA system banner component
1 fileTimeline component
timelineA timeline component
1 fileTransport badge
transport-badgeA transport badge component
1 fileVideo Player
video-playerA video player component
class-variance-authority1 file
From the 8starlabs-ui readme
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.
