Primitive · CLI

Checkbox

Soft-rect checkbox with Motion check path draw on Base UI.

Preview

npx shadcn@latest add @atroui/checkbox

Notify on publish

Installation

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/checkbox

Source lands in your repo. Installation · Registry

Usage

Pair with a visible label. Check path draws on tick; respect reduced motion.

tsx

import { Checkbox } from "@/components/ui/checkbox"

<label className="flex items-center gap-2 text-sm">
  <Checkbox defaultChecked />
  Notify on publish
</label>

import { Checkbox } from "@/components/ui/checkbox"

<label className="flex items-center gap-2 text-sm">
  <Checkbox defaultChecked />
  Notify on publish
</label>