components / card

card.

compositional bordered card: Card shell plus CardHeader / CardTitle / CardMeta / CardBody / CardActions slots.

chrome registry

2026

own-the-code components ported from justin06lee.dev. install via the cli.

view codelive

no link, no actions

draft

compose the slots you need; drop the ones you don't.

installation
bunx @justin06lee/chrome@latest add card
usage
Full card

chrome registry

2026

own-the-code components.

view code
<Card>
  <CardHeader>
    <CardTitle href="https://example.com">chrome registry</CardTitle>
    <CardMeta>2026</CardMeta>
  </CardHeader>
  <CardBody>own-the-code components.</CardBody>
  <CardActions>
    <a href="#" className="text-sm underline-offset-4 hover:underline">view code</a>
  </CardActions>
</Card>
Title + body only

just the essentials

drop the slots you don't need.

<Card>
  <CardTitle>just the essentials</CardTitle>
  <CardBody>drop the slots you don't need.</CardBody>
</Card>