The shadcn/ui components on the Cortexcn design tokens, page blocks for heroes, features, services, and loaders, and an agent kit with skills and a DESIGN.md. Built with React, Tailwind CSS v4, and Motion.
A vertically stacked set of headings that each reveal a section of content.
Everything for coding agents in one install: both Cortexcn agent skills and DESIGN.md.
The cortexcn and cortexcn-design agent skills, for Claude Code (.claude/skills) and for Codex, Cursor, and GitHub Copilot (.agents/skills).
Displays a callout for user attention.
A modal dialog that interrupts the user with important content and expects a response.
Displays content within a desired ratio.
An image element with a fallback for representing the user.
Displays a badge or a component that looks like a badge.
Displays the path to the current resource using a hierarchy of links.
Displays a button or a component that looks like a button.
A container that groups related buttons together with consistent styling.
A date field component that allows users to enter and edit dates.
Displays a card with a header, content, and footer.
A carousel with motion and swipe built using Embla.
A control that allows the user to toggle between checked and not checked.
An interactive component which expands and collapses a panel.
An input with a list of suggestions that filters as you type.
A fast, composable command menu for React.
Displays a menu of actions triggered by a right click.
Cortexcn's design system as a DESIGN.md file for coding agents: the colors, type, rounded corners, spacing, motion, and component rules, generated from the theme tokens.
Theme utilities (rounded-button, h-input, shadow-menu, and more) that let a DESIGN.md design system restyle Cortexcn components. Each one falls back to the component's own default.
A window overlaid on the page that renders the content underneath inert.
A drawer component for React, built on Vaul.
Displays a menu of actions or functions, triggered by a button.
Displays an empty state, with media, a title, a description, and actions.
A bento of photo tiles, logo tiles, and stat cards on a twelve-column grid, with one call to action
A bento of photo tiles, logo tiles, and stat cards on a twelve-column grid, with one call to action — demo for Open in v0
A mono label over four cards on a five-column grid, each setting its title, copy, and image a different way, over soft blurred glows and a faint plus pattern
A mono label over four cards on a five-column grid, each setting its title, copy, and image a different way, over soft blurred glows and a faint plus pattern — demo for Open in v0
A centered label and heading over five cards, two on top and three below, each with a small product mockup drawn in theme colors
A centered label and heading over five cards, two on top and three below, each with a small product mockup drawn in theme colors — demo for Open in v0
Six icon cards under a centered intro, with one soft highlight that glides to the card you point at
Six icon cards under a centered intro, with one soft highlight that glides to the card you point at — demo for Open in v0
Heading and one action over two compact cards and a large feature tile, for posts, case studies, or launches
Heading and one action over two compact cards and a large feature tile, for posts, case studies, or launches — demo for Open in v0
Combines labels, controls, and help text into accessible form fields.
A full-bleed photo with the title, a small label, a short description, and one call to action along its bottom edge
A full-bleed photo with the title, a small label, a short description, and one call to action along its bottom edge — demo for Open in v0
A serif headline, a short pitch, and one call to action over a framed product dashboard on a soft photo wash
A serif headline, a short pitch, and one call to action over a framed product dashboard on a soft photo wash — demo for Open in v0
A short tagline beside a serif headline and pitch, over a wide landscape photo that fades into the page
A short tagline beside a serif headline and pitch, over a wide landscape photo that fades into the page — demo for Open in v0
For sighted users to preview content available behind a link.
Displays a form input field or a component that looks like an input field.
Adds addons, buttons, and helper content to inputs.
An accessible one-time password input with copy and paste support.
A versatile row for displaying media, a title, a description, and actions.
Displays textual user input from a keyboard, such as a shortcut.