Cortexcn Blocks

17 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.

17 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

Hero

Dashboard Preview

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

Hero

Studio

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

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.

Features

Spotlight Grid

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

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

Features

Image Columns

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

Features

Studio Grid

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

Features

Bento Grid

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

AI Assistant

Reasoning

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

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.

AI Assistant

Shimmer

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

AI Assistant

Queue

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

Loaders

Dot Matrix

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

Loaders

Glitch Text

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

Stat Cards

Area Chart

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

Stat Cards

Line Chart

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

Stat Cards

Choropleth

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