Halo

A UI kit you install from a shadcn registry and own as source.

Install

Components use your app's colours. Run the theme command once for Halo's look; running it again resets your colours. The Button command replaces your button.tsx.

npx shadcn@latest add https://halo-ui.pages.dev/r/halo-theme.json
npx shadcn@latest add https://halo-ui.pages.dev/r/button.json --overwrite
npx shadcn@latest add https://halo-ui.pages.dev/r/badge.json
npx shadcn@latest add https://halo-ui.pages.dev/r/card.json

Button

Basic
Circle
Ghost
With icon
Icon only
Sizes
Loading
Disabled

Badge

NeutralReviewActivePausedBlockedArchived

Card

Projects
Everything your team is working on.
  • Marketing siteUpdated by Dana
    Active
  • iOS onboardingWaiting on design
    Review
  • Billing migrationNeeds a schema decision
    Blocked
  • Partner APIResumes after the audit
    Paused
Delete workspace
This can't be undone.

Projects, files and member access will be removed for everyone in this workspace. Export anything you want to keep first.