Charts, blocks, and motion,one prompt away.
Built on the stack you already use, and ready for your AI agent
Next.js, React, Tailwind CSS, shadcn/ui, Claude, Cursor, OpenAI, VS Code
Three ways Cortexcnfits how you already build.
Install in one command
Run the shadcn CLI and the source lands in your project, with every dependency it needs.
~/acme-app
$ npx shadcn@latest add @cortexcn/hero-cover-01
Checking registry.
Installing dependencies.
Created 3 files:
- components/ui/button.tsx
- components/hero-cover.tsx
- components/hero-cta.tsx
~/acme-app
$
Own every line
Nothing hides in a package. Read the code, change the styles, and ship it as yours.
Built for your AI agent
Give Claude Code, Cursor, or Codex the shadcn MCP server and ask for a component by name.
Add a hero section to the landing page.
- shadcn search_items_in_registries"hero"
- shadcn get_add_command_for_items@cortexcn/hero-cover-01
- Bash npx shadcn@latest add@cortexcn/hero-cover-01
Added a cover hero with a call to action to the landing page.
Pick a project.Start from components that work.
Dashboards your team checks every morning.
Stat cards with live charts
Area, line, and map stat cards whose numbers follow your pointer.
Every common chart
Area, bar, line, pie, radar, heatmap, sankey, and more, in one style.
Parts that fit together
Tooltips, legends, axes, and brushes are separate parts you add to a chart.
Built to ship,not just to demo.
The same care goes into every component: typed source, accessible markup, and both themes from the first install.
Typed source
Written in TypeScript with plain props, so your editor and your AI agent can read every option.
Keyboard ready
Interactive pieces use real buttons, ARIA states, and arrow keys, like the accordion and Command Search.
Light and dark
Colors come from your theme tokens, so every component follows light and dark mode without extra code.
Calm motion
Number Ticker and Command Search hold still when a visitor turns on reduced motion.
Good questions.Straight answers.
Something else on your mind? Email studio@cortexcn.dev.
npx shadcn@latest add @cortexcn/button with the name you want. Cortexcn is listed in the shadcn registry directory, so there is nothing to set up first. The CLI copies the source into your project and installs the packages it needs.
Ship your next screenfrom real components.
Pick a component, install it with one command, and make it yours in your own code.