# Cortexcn

> Cortexcn is a shadcn/ui registry of React components, charts, and blocks. Install them with one command, or let your AI agent build with them. Built for freelancers, developers, and startups who ship fast.

Cortexcn items are installed with the shadcn CLI. Add the registry to `components.json` once, then add any item by name. The source is copied into the project as React and Tailwind CSS, so there is no runtime package to update.

- Registry namespace: `@cortexcn`, served from `https://ui.cortexcn.dev/r/{name}.json`
- Registry index: https://ui.cortexcn.dev/r/registry.json
- Install an item: `npx shadcn@latest add @cortexcn/<name>`
- Agents: connect the shadcn MCP server (`npx shadcn@latest mcp init --client claude`) and ask for an item by name
- Site: https://www.cortexcn.dev · Docs: https://ui.cortexcn.dev/docs

## Docs
- [Introduction](https://ui.cortexcn.dev/docs.md): Cortexcn is a set of beautifully designed components and a code distribution platform. Works with your favorite React frameworks and AI models. Open Code.
- [Components](https://ui.cortexcn.dev/docs/components.md): Every component you can add to your project from the Cortexcn registry.
- [Installation](https://ui.cortexcn.dev/docs/installation.md): How to install and configure Cortexcn in your project.
- [Skills](https://ui.cortexcn.dev/docs/skills.md): Give AI agents project-aware context for Cortexcn components in your application.
- [Theming](https://ui.cortexcn.dev/docs/theming.md): Theme your charts using CSS custom properties for consistent, customizable styling.

## Neurons
Everyday building blocks, adapted from shadcn/ui and styled to match.

- [Accordion](https://ui.cortexcn.dev/docs/components/accordion.md): A vertically stacked set of headings that each reveal a section of content.
- [Card](https://ui.cortexcn.dev/docs/components/card.md): Displays a card with a header, content, and footer.

## Cortex
Cortexcn originals you won't find in shadcn/ui: motion, navigation, and theming.

- [Line Nav](https://ui.cortexcn.dev/docs/components/line-nav.md): Vertical navigation with a line marker that expands on hover and active state.
- [Logos Carousel](https://ui.cortexcn.dev/docs/components/logos-carousel.md): Cycle through logos column by column in a staggered wave.
- [Marquee](https://ui.cortexcn.dev/docs/components/marquee.md): An infinite scrolling component that can be used to display text, images, or videos.
- [Perspective Marquee](https://ui.cortexcn.dev/docs/components/perspective-marquee.md): A tilted wall of images that scrolls endlessly in alternating columns.
- [Theme Toggle Effect](https://ui.cortexcn.dev/docs/components/theme-toggle-effect.md): Animated transitions when switching between light and dark themes.
- [Work Experience](https://ui.cortexcn.dev/docs/components/work-experience.md): Display work experiences with role details, company logos, and durations.

## Charts
Composable charts with animation, tooltips, and themes.

- [Area Chart](https://ui.cortexcn.dev/docs/components/area-chart.md): A composable area chart with gradient fills, tooltips, and hover interactions
- [Bar Chart](https://ui.cortexcn.dev/docs/components/bar-chart.md): A composable bar chart with spring animations, stacked bars, horizontal orientation, and grouped series support
- [Candlestick Chart](https://ui.cortexcn.dev/docs/components/candlestick-chart.md): A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions
- [Choropleth Chart](https://ui.cortexcn.dev/docs/components/choropleth-chart.md): A composable geographic map chart for visualizing data across regions with interactive tooltips, zoom controls, and pattern support
- [Composed Chart](https://ui.cortexcn.dev/docs/components/composed-chart.md): Mix SeriesBar, Line, and Area on one shared time axis (Recharts ComposedChart–style)
- [Funnel Chart](https://ui.cortexcn.dev/docs/components/funnel-chart.md): An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations
- [Gauge](https://ui.cortexcn.dev/docs/components/gauge-chart.md): Notch-based radial or linear gauge with optional center label, theme fills, patterns, arc gradients, and responsive sizing
- [Heatmap Chart](https://ui.cortexcn.dev/docs/components/heatmap-chart.md): A contribution heatmap with animated cells, configurable level colors and patterns, and an interactive legend
- [Line Chart](https://ui.cortexcn.dev/docs/components/line-chart.md): A composable line chart with tooltips, markers, and hover interactions
- [Live Line Chart](https://ui.cortexcn.dev/docs/components/live-line-chart.md): Real-time streaming line chart with smooth scrolling, crosshair, and animated axes
- [Pie Chart](https://ui.cortexcn.dev/docs/components/pie-chart.md): A composable pie and donut chart with animated slices, hover interactions, patterns, gradients, and an interactive legend
- [Profit/Loss Line](https://ui.cortexcn.dev/docs/components/profit-loss-line.md): Sign-colored line segments for profit and loss on a shared zero baseline
- [Radar Chart](https://ui.cortexcn.dev/docs/components/radar-chart.md): A composable multi-series radar chart with animated polygons, hover interactions, and customizable metrics
- [Ring Chart](https://ui.cortexcn.dev/docs/components/ring-chart.md): A composable multi-ring progress chart with animated arcs, hover interactions, and a reusable legend component
- [Sankey Chart](https://ui.cortexcn.dev/docs/components/sankey-chart.md): A composable sankey diagram for visualizing flow between nodes with animated links and interactive tooltips
- [Scatter Chart](https://ui.cortexcn.dev/docs/components/scatter-chart.md): A composable time-series scatter chart with offset rings, hover dimming, and animated enter
- [Sunburst Chart](https://ui.cortexcn.dev/docs/components/sunburst-chart.md): A composable hierarchical sunburst chart with drill-down zoom, animated segments, breadcrumb navigation, and legend sync

## Chart utilities
- [Axis](https://ui.cortexcn.dev/docs/utility/axis.md): X and Y axis components for line and area charts
- [X Axis](https://ui.cortexcn.dev/docs/utility/axis/x-axis.md): Date labels for the horizontal axis in line and area charts
- [Y Axis](https://ui.cortexcn.dev/docs/utility/axis/y-axis.md): Value labels for the vertical axis in line and area charts
- [Background](https://ui.cortexcn.dev/docs/utility/background.md): Pattern fill for the plot area when grid lines are hidden — presets, edge fade, and enter animation
- [Brush](https://ui.cortexcn.dev/docs/utility/brush.md): Time-range brush for zooming area and line charts with a mini-chart strip and draggable selection handles
- [Custom Indicator](https://ui.cortexcn.dev/docs/utility/custom-indicator.md): Create custom tooltip indicators for charts using the useChart hook
- [Grid](https://ui.cortexcn.dev/docs/utility/grid.md): A customizable grid component for charts with horizontal and vertical lines, edge fade, edge line hiding, and dashed styling
- [Legend](https://ui.cortexcn.dev/docs/utility/legend.md): A composable legend component for charts with progress bars, markers, and customizable layouts
- [Projection Line](https://ui.cortexcn.dev/docs/utility/projection-line.md): Forecast segment extending a line series past the last data point — dashed stroke, gradient, and horizon marker
- [Reference Area](https://ui.cortexcn.dev/docs/utility/reference-area.md): Shaded Y band for target ranges and thresholds on cartesian charts — solid or pattern fill, dashed edges, and Y-axis tick coloring
- [Tooltip](https://ui.cortexcn.dev/docs/utility/tooltip.md): An interactive tooltip component for charts with crosshair, dots, date picker, and customizable content
- [useChart Hook](https://ui.cortexcn.dev/docs/utility/use-chart.md): Access chart state and context for building custom chart components

## Blocks
- [Features](https://www.cortexcn.dev/blocks/features): Feature sections that explain what your product does, with icons, images, and motion.
- [Stat Cards](https://www.cortexcn.dev/blocks/stat-cards): KPI cards with animated numbers, trend badges, and chart sparklines.

## Optional
- [Full documentation](https://www.cortexcn.dev/llms-full.txt): every docs page in one markdown file
- [Home page](https://www.cortexcn.dev/index.md): the landing page in markdown
- [Chart gallery](https://www.cortexcn.dev/charts/area-chart): live examples of every chart
- [Contact](https://www.cortexcn.dev/contact): email, phone, and a contact form for questions, support, and custom work