@contentbit

React components that render Content Blocks: plain Markdown with schema-validated directive blocks. Built for content written by humans, CMSes, and LLMs.

20 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://contentbit.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://contentbit.dev/r/registry.json

bun bunx shadcn@latest add https://contentbit.dev/r/registry.json

fetch registry curl -s https://contentbit.dev/r/registry.json

Components

20 total

Content Renderer component

Renders a validated Content Blocks document with the styled component pack.

npx shadcn@latest add https://contentbit.dev/r/content-renderer.json

Callout Block component

Note, tip, warning, important, and TLDR callouts.

npx shadcn@latest add https://contentbit.dev/r/callout.json

Steps Block component

Numbered process steps.

npx shadcn@latest add https://contentbit.dev/r/steps.json

Key Metrics Block component

Stat cards for scannable numbers.

npx shadcn@latest add https://contentbit.dev/r/key-metrics.json

Quick Reference Block component

Compact key/value reference card.

npx shadcn@latest add https://contentbit.dev/r/quick-ref.json

Comparison Block component

Two-option comparison table.

npx shadcn@latest add https://contentbit.dev/r/comparison.json

Pros & Cons Block component

Paired advantages and disadvantages.

npx shadcn@latest add https://contentbit.dev/r/pros-cons.json

Tabs Block component

Tabbed switcher for alternative methods.

npx shadcn@latest add https://contentbit.dev/r/tabs.json

FAQ Block component

Accordion of question/answer pairs.

npx shadcn@latest add https://contentbit.dev/r/faq.json

Generic Pack block

All Content Blocks components plus the renderer.

npx shadcn@latest add https://contentbit.dev/r/generic-pack.json

Content Renderer (Astro) component

Renders a validated Content Blocks document with the styled component pack.

npx shadcn@latest add https://contentbit.dev/r/astro-content-renderer.json

Callout Block (Astro) component

Note, tip, warning, important, and TLDR callouts.

npx shadcn@latest add https://contentbit.dev/r/astro-callout.json

Steps Block (Astro) component

Numbered process steps.

npx shadcn@latest add https://contentbit.dev/r/astro-steps.json

Key Metrics Block (Astro) component

Stat cards for scannable numbers.

npx shadcn@latest add https://contentbit.dev/r/astro-key-metrics.json

Quick Reference Block (Astro) component

Compact key/value reference card.

npx shadcn@latest add https://contentbit.dev/r/astro-quick-ref.json

Comparison Block (Astro) component

Two-option comparison table.

npx shadcn@latest add https://contentbit.dev/r/astro-comparison.json

Pros & Cons Block (Astro) component

Paired advantages and disadvantages.

npx shadcn@latest add https://contentbit.dev/r/astro-pros-cons.json

Tabs Block (Astro) component

Tabbed switcher for alternative methods.

npx shadcn@latest add https://contentbit.dev/r/astro-tabs.json

FAQ Block (Astro) component

Accordion of question/answer pairs.

npx shadcn@latest add https://contentbit.dev/r/astro-faq.json

Astro Generic Pack block

The full styled Astro pack: all 8 generic blocks plus the content renderer.

npx shadcn@latest add https://contentbit.dev/r/astro-pack.json