sh4dcnv2 · atlas
← libraries

@beadkit

Learning primitives for AI-native interfaces: inline quizzes, flashcards, sequences, and mastery meters with streaming support and xAPI telemetry.

27 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://beadkit.dev/r/registry.json
pnpm pnpm dlx shadcn@latest add https://beadkit.dev/r/registry.json
bun bunx shadcn@latest add https://beadkit.dev/r/registry.json
fetch registry curl -s https://beadkit.dev/r/registry.json

Components

27 total
Learning core component

Shared card shell and xAPI telemetry. Every learning component depends on this; installing a component pulls it in automatically.

npx shadcn@latest add https://beadkit.dev/r/learning-core.json
Quiz component

Inline concept check with immediate feedback and an xAPI answered statement.

npx shadcn@latest add https://beadkit.dev/r/quiz.json
Flashcard component

Two-sided card with an xAPI experienced statement on first reveal.

npx shadcn@latest add https://beadkit.dev/r/flashcard.json
Sequence builder component

Shuffled steps the learner drags back into order, with equivalent keyboard reordering, live-region announcements, and an xAPI answered statement carrying the s…

npx shadcn@latest add https://beadkit.dev/r/sequence.json
Mastery meter component

Per-skill mastery bars plus a learner self-rating, emitting an xAPI rated statement.

npx shadcn@latest add https://beadkit.dev/r/mastery.json
Learning stream component

Parses <LEARNING_COMPONENT> payloads out of streaming model output and hydrates them inline. Pulls in every component it can render.

npx shadcn@latest add https://beadkit.dev/r/learning-stream.json
AI interface core component

Shared motion styles and the upstream Beautiful UI MIT notice used by Beadkit's AI interface primitives.

npx shadcn@latest add https://beadkit.dev/r/ai-core.json
Loading state component

Pixel-grid AI loading state with Drive, Dots, and Orbit variants, a shimmer label, elapsed time, and reduced-motion support.

npx shadcn@latest add https://beadkit.dev/r/loading-state.json
Thinking component

Expandable AI trace for step, reasoning, search, and coding progress with reusable row data and reduced-motion support.

npx shadcn@latest add https://beadkit.dev/r/thinking.json
Thinking examples example

Approved deterministic Thinking scenarios used by the Beadkit workbench.

npx shadcn@latest add https://beadkit.dev/r/thinking-examples.json
Approval card component

Paged human-in-the-loop questions with single- and multi-select answers, custom input, and submission state.

npx shadcn@latest add https://beadkit.dev/r/approval-card.json
Tool chips component

Progressively revealed tool calls with expandable details and file diff summaries.

npx shadcn@latest add https://beadkit.dev/r/tool-chips.json
Task rows component

Expandable agent task rows with pending, running, failed, and completed states plus Capsule and List layouts.

npx shadcn@latest add https://beadkit.dev/r/task-rows.json
Recommendation card component

Agent recommendation with confidence meter, alternatives drawer, and acceptance callback.

npx shadcn@latest add https://beadkit.dev/r/recommendation-card.json
Context cards component

Retrieved context chunks with metadata and linked source attribution.

npx shadcn@latest add https://beadkit.dev/r/context-cards.json
Code block component

Line-streaming code surface with typed syntax tokens, static output mode, and accessible copy feedback.

npx shadcn@latest add https://beadkit.dev/r/code-block.json
Streaming text component

Paced response text with inline citations, sources, actions, follow-ups, and reduced-motion behavior.

npx shadcn@latest add https://beadkit.dev/r/streaming-text.json
Prompt bar component

Rounded or Pill composer with source mentions, slash commands, attachments, model selection, and dictation state.

npx shadcn@latest add https://beadkit.dev/r/prompt-bar.json
Selection actions component

Async rewrite actions for selected text with custom instructions, retry, keep, and discard controls.

npx shadcn@latest add https://beadkit.dev/r/selection-actions.json
Chat component

Tabbed AI SDK chat with a reusable prompt bar, typed learning tools, streamed Markdown, and compatibility with the learning-component protocol.

npx shadcn@latest add https://beadkit.dev/r/chat.json
Diff table component

AI-proposed table changes with staged reveal and row-level or bulk accept/reject decisions.

npx shadcn@latest add https://beadkit.dev/r/diff-table.json
Records table component

CRM-style sortable and selectable records grid with tags, relationship status, and links.

npx shadcn@latest add https://beadkit.dev/r/records-table.json
Filter table component

Controlled or uncontrolled status chips that filter a responsive semantic data table.

npx shadcn@latest add https://beadkit.dev/r/filter-table.json
Sidebar navigation component

Expanded or collapsed workspace navigation with sections, counts, actions, and quick search.

npx shadcn@latest add https://beadkit.dev/r/sidebar-nav.json
Search component

Live command search with keyboard navigation, result callbacks, clearing, and an empty state.

npx shadcn@latest add https://beadkit.dev/r/search.json
Insight cards component

Paged agent insights with responsive, pointer- and keyboard-scrubbable SVG charts.

npx shadcn@latest add https://beadkit.dev/r/insight-cards.json
Fine-tune card component

Controlled or uncontrolled design inspector for layout, dimensions, radius, opacity, and type.

npx shadcn@latest add https://beadkit.dev/r/fine-tune-card.json