LoginSign Up
← Back to all sparks
S

shadcn/ui

DESIGN
Velocity2.5

Open-source React component library

ui.shadcn.com ↗

shadcn/ui now ships components for what an agent does, not just tests for it.

reactcomponent-libraryagentic-uiregistryai-elements
◆Current state
October added Trace and Code Block, two components for the steps an agent takes and the code it writes, plus AI Elements, a set of patterns for agentic interfaces built from shadcn/ui components. They follow a run of monthly releases: @shadcn/helpers and its Human in the Loop fixtures, shadcn/typeset, private GitHub registries, server-side registry search and a shared cn package. The project is now several packages and a registry, with agent interfaces as a named area of its own.
◆Where it's heading
The agent work has moved from test tooling to visible UI. July and August gave developers helpers and fixtures for paused tool calls and approvals; October gives them the screens those states appear on. Registry work runs alongside it, so these patterns can be distributed the same way as the rest of the catalog, including privately.
◆Prediction
The monthly cadence suggests more agent-interface components next. October's drop came six weeks after September's, so the cadence is less regular than the monthly labels imply.

◆Recent moves

  1. 27d ago

    October 2026 - Trace, Code Block and AI Elements

    Trace and Code Block turn agent steps and generated code into stock components, and AI Elements packages them as patterns. It moves the agent arc from the test fixtures in @shadcn/helpers to the interface itself.

    View source ↗
  2. 2mo ago

    September 2026 - cn

    Consolidates the `cn` utility into a single package dependency, removing the need for a local helper file. It's a small DX improvement that trims boilerplate across any project using the library.

    View source ↗
  3. 2mo ago

    August 2026 - Private GitHub Registries

    Registry support now extends to private GitHub repositories, authenticated via the GitHub CLI or a personal access token. Teams with internal component libraries can now distribute them through the same registry mechanism as public components.

    View source ↗
  4. 3mo ago

    August 2026 - Human in the Loop

    ⚡ SPARK

    shadcn/ui ships AI-specific test fixtures through @shadcn/helpers — mock paused tool calls, approval flows, and continuations for the AI SDK. This extends the project's surface area into agentic workflow tooling, not just visual components.

    View source ↗
  5. 3mo ago

    August 2026 - Questionnaire

    A Questionnaire component lands, covering multi-step question flows with fixed, freeform, multiple-choice, and skippable answers. It fills a real gap for onboarding and survey UIs without requiring a form library.

    View source ↗
  6. 3mo ago

    July 2026 - Dynamic Search

    Registry search is now handled server-side, enabling smarter and potentially larger component indexes. This is infrastructure work for the registry-as-ecosystem direction the project is building toward.

    View source ↗