CortexcnCortexcn
NewTool Router and six more AI blocks

Ready-made UI forAI assistants and agents.

Blocks for chat and agent products: reasoning that streams, progress step by step, tool calls, workflows, and the tools an assistant connects to. Built for shadcn/ui and Next.js.

  • A live preview of every block
  • Light and dark mode
  • Respects reduced motion

What every component is built with, and the agent that adds it for you

  • Next.js
  • React
  • Tailwind CSS
  • shadcn/ui
  • Motion
  • Claude
Ready to use

Ready-made interface pieces for AI assistants.Drop them into a chat app or an agent workflow, and they take on your theme.

  • Work with your coding agent

    Connect Claude Code, Cursor, VS Code, or any MCP client to the Cortexcn MCP server. Your agent can search the library, read each item's docs and props, and install the free pieces for you.

    Set up the MCP server
  • Own the source

    Every AI block is part of Cortexcn Pro. You get the source, copy it into your project, and change anything, from the copy to the motion.

    See the licenses
  • Teach your agent the style

    The agent kit gives your coding agent DESIGN.md and the Cortexcn skills, so what it builds around the blocks matches them.

    Read about the agent kit
Features

Made for the momentsan assistant is working.

  • Reasoning and thinking states

    Show the model's thinking while it streams, a shimmer while it works, and fold it all away once the reply is ready.

  • Steps and a queue

    Show an agent's progress one step at a time, with the tasks still waiting lined up below.

  • Tool calls you can follow

    Each call travels from the agent to its tool and back, and a list records what came back.

  • Workflows and connected tools

    Pipelines, event streams, and sync status for the tools an assistant reads from and writes to.

  • Follows your theme

    Colors come from your shadcn/ui tokens, so every block fits your app in light and dark mode.

  • Calm for every visitor

    Every block respects the reduced motion setting: states still change, but nothing races across the screen.

The blocks

Every AI assistant block,running live.

11 blocks for chat and agent interfaces. Open one to see it full size, read how it works, and install it.

  • ReasoningProA reasoning panel that streams a model's thinking as markdown, folds away when it finishes, and can replay.
  • Chain of ThoughtProAn agent's progress one step at a time, with sources, a live current step, and a summary when the run ends.
  • ShimmerProA chat turn where the assistant's reply is a shimmering status line while it works.
  • QueueProWhat an agent has lined up: queued messages with attachments and a remove action, above the run's todo list.
  • Tool RouterProAn agent works through a task by calling tools. Each call runs as a pulse from the agent to the tool and back, and a list marks the call done with what came back.
  • Integration BeamProYour product between the tools it connects, joined by curved beams. In sync cycles, pulses travel from the tools on the left into your product and out to the tools on the right. Point at a tool to bring its beam forward, or press it to pause it.
  • Integration SectionProA heading, a short pitch, three points, and one call to action beside the Integration Beam scene, where pulses run from your tools into your product and back out.
  • Integration OrbitProYour product at the center of a ring of tools. Waves of pulses sweep around the ring, out to each tool and back in. Point at a tool to bring its beam forward, or press it to pause it.
  • Workflow PipelineProA workflow drawn as steps joined by beams. Each step runs, finishes with a check, and sends a pulse to the next. A switch turns the workflow off, and on narrow screens the steps stack into a list.
  • Event StreamProEvents leave your product for the tools that receive them, each riding a pulse along its beam, and a log lists every delivery with the time it landed. A button pauses the stream.
  • Sync StatusProA card of connected tools joined to your product by beams. The tools sync in turn and count up the time since each one last synced, and a switch on each row pauses that tool.
Custom work

Need something built?Ask the people behind Cortexcn.

Components, dashboards, or a whole site, built to your brief. Pick what you need and watch the estimated range change as you go. Send it, and we reply within 48 hours with questions or a fixed price in writing.

What do you need

Buttons, inputs, cards, menus

Charts, 3D, drag and drop, heavy motion

Heroes, pricing, feature grids

Design
Timeline

We only use your details to answer this request.

Estimated range

$2,100 to $3,700

2 simple components
$600 to $1,200
1 complex component
$1,500 to $2,500

An estimate, not a quote. You get a fixed price and timeline in writing after we review your brief.

What moves it: missing designs, animation, real data, revisions, and deadlines. Projects start at $500.

Build your assistant's UIfrom blocks you own.

The AI blocks come with Cortexcn Pro, along with the charts, the other Pro blocks, and the templates.