Cortexcn Blocks

21 ready-to-go sections and cards for landing pages and dashboards, designed and built by Cortexcn. Preview each one live, then copy the code or add it to your project with one command.

21 blocks

Every metric that matters,
in one clear view.

Track revenue, users, and activity in real time, with no setup and no spreadsheets.

app.acme.com/overview

Acme

Overview

Reports

Customers

Activity

Settings

OverviewLast 30 days · updated 2m ago

Revenue

$48.2k+12.4%

Active users

2,318+4.1%

Conversion

3.6%+0.8%

Churn

1.4%-2.0%

Monthly revenue$48,240 total

This year

Recent activityLive

JJames Doe upgraded to Pro2m

SSara Lin invited 3 members18m

MMarcus Vale connected Stripe1h

Payment received$1,290 from Acme Inc.

+$1.2k

01 · Hero

Dashboard Preview

A serif headline, a short pitch, and one call to action over a framed product dashboard on a soft photo wash.

02 · Hero

Studio

A short tagline beside a serif headline and pitch, over a wide landscape photo that fades into the page.

03 · Hero

Cover Photo

A full-bleed photo with the title, a small label, a short description, and one call to action along its bottom edge.

Features

Everything you need to ship the page

Open code components you can read, change, and keep. Start with good defaults, then make every detail fit your product.

Code you own

Components install as source files in your project, so nothing is hidden behind a package.

Fits every screen

Layouts adapt from phones to wide monitors with Tailwind's responsive utilities.

Keyboard friendly

Focus states, labels, and keyboard support come built in, not bolted on later.

Typed end to end

Every prop has a type, so your editor flags mistakes before they reach production.

Easy to restyle

Change colors, spacing, and copy through props and CSS variables, not overrides.

Light on dependencies

Most blocks need nothing beyond React, Tailwind, and a small utils file.

01 · Features

Spotlight Grid

Six icon cards under a centered intro, with one soft highlight that glides to the card you point at.

02 · Features

Media Cards

Heading and two actions above three cards that pair an image, a short explainer, and an icon tile.

Features

Answers your team can see

Clear visuals for the questions that come up every week, ready to drop into your product.

See the whole picture
Break any total into its parts so you can tell at a glance where the growth comes from.
Follow every flow
Trace how visitors move from first click to checkout and spot where they drop off.
Track the goal
Put the one number that matters front and center, with progress everyone understands.

Explore the components

03 · Features

Image Columns

Label, headline, and intro over three image columns, closed by one shared call to action.

04 · Features

Studio Grid

Heading and one action over two compact cards and a large feature tile, for posts, case studies, or launches.

05 · Features

Bento Grid

A bento of photo tiles, logo tiles, and stat cards on a twelve-column grid, with one call to action.

Why Cortexcn?

Own every line of code

The shadcn CLI copies each component's source into your project, so nothing hides inside a package you can't change.

Read it, restyle it, and ship it as yours, with no version to wait on and nothing to eject from later.

A painting of white flowers swaying in a pale blue meadow

Charts that match your theme

Area, bar, line, sankey, choropleth, and more, drawn with your color tokens.

Tooltips, legends, and animation come wired up, and every chart follows light and dark mode on its own.

A painting of tall grass bending in the wind

A painting of white blooms drifting in the wind

Whole sections, ready to drop in

Hero, feature, and services blocks you can preview live, then add to a page with one command.

Built for your AI assistant

Point Claude Code, Cursor, or Codex at the Cortexcn MCP server and it can search every component, read the docs, and install what it needs.

A painting of white flowers against a pale blue sky

06 · Features

Mixed Bento

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.

How it works

Add it, change it,and ship it as yours.

Terminal

07 · Features

Walkthrough

Three numbered steps beside a painted stage in a ruled frame. Each step plays out in its own window, and the steps move on by themselves.

01 · Services

Image Grid

An intro with a heading, a short pitch, and one outline action beside five image cards that fade when you point at them.

02 · Services

Preview List

A large numbered list of services beside a panel that stays in view and wipes in the image and description of the one you point at.

01 · AI Assistant

Reasoning

A reasoning panel that streams a model's thinking as markdown, folds away when it finishes, and can replay.

02 · AI Assistant

Chain of Thought

An agent's progress one step at a time, with sources, a live current step, and a summary when the run ends.

03 · AI Assistant

Shimmer

A chat turn where the assistant's reply is a shimmering status line while it works.

04 · AI Assistant

Queue

What an agent has lined up: queued messages with attachments and a remove action, above the run's todo list.

01 · Loaders

Dot Matrix

A grid of dots that pulses in a ripple, wave, or rain pattern, shown four ways including inside a button.

02 · Loaders

Glitch Text

Loading text that scrambles and splits into color channels, at three intensities and as a heading.

01 · Stat Cards

Area Chart

Compact KPI card with animated average, trend badge, and axis-free area sparkline.

02 · Stat Cards

Line Chart

Session KPI card with NumberFlow average, trend badge, and minimal line sparkline.

03 · Stat Cards

Choropleth

Visitor map card with trend badge and axis-free choropleth sparkline.