Built on Presets: Restyle Every Block to Your Theme

The shadcn/ui blocks & templates
you can copy and ship in minutes.

Production-ready shadcn/ui blocks for React, built on Base UI and installable with the shadcn CLI. Copy the source into your repo, no lock-in.

243 Blocks Free Forever. 350+ Pro Blocks, 21 Pro Templates.

Free and Open Source

Building with Next.js or Vite?

Two free, MIT-licensed starters with shadcn/ui on Base UI already set up: one for a landing page that needs to be found, one for an app people log into. Clone the one that fits and add 7Ovr blocks as you go.

A landing page people find

A Next.js starter with static pages, complete SEO, preset theming and a full test suite already wired. Start on the words, not the plumbing.

  • Every page prerendered, with SEO proven by tests
  • Restyle the whole site with one shadcn preset
  • MIT licensed, one click to deploy on Vercel
View Starter: Next.js Landing Starter (opens in a new tab)

An app frontend they log into

A Vite and React starter with TanStack, shadcn/ui on Base UI and strict TypeScript already wired. Clone it and write product code, not config.

  • Routing, data, forms and tables wired and tested
  • Add any block with one shadcn command
  • MIT licensed, frontend only, any backend
View Starter: Vite App Starter (opens in a new tab)

Not sure which starter fits your project?

Read Comparison

Full shadcn templates, one command.

Complete pages with every section designed to work together. Install one and the whole page arrives as editable source in your repo. They are frontend only, so you wire forms and data to your own backend.

The shadcn/ui blocks you own, in any React app.

Every block installs as readable source, sits on Base UI for keyboard and screen reader support, and restyles from one preset: theme, fonts, radius and icons.

Copy in, own it

Blocks install as readable source straight into your repo, with no wrapper packages and no lock-in. It's your code from the first paste.

Terminal
$pnpm dlx shadcn@latest add@7ovr/hero-1
✓Created components/blocks/hero-1.tsx

Any React stack

Drop a block into Next.js, Vite, Remix, or Astro. If it speaks React, it just fits.

Accessible out of the box

Built on Base UI primitives, so focus, keyboard nav, and ARIA are handled before you type a line.

Your icon library

Pick Lucide, Hugeicons, Tabler, Phosphor, or RemixIcon in Customize, and blocks install with the preset already using it.

LucideTablerPhosphor

Styled by tokens

Every color resolves from CSS variables. Restyle the whole library from the Customize panel, or by editing a handful of tokens.

  • --primary
  • --secondary
  • --accent
  • --muted
  • --brand

Light & dark, perfected

Designed in both themes from the start. Flip the switch and every block follows, pixel for pixel.

Shipping in 140+ countries

Blocks go into production from more than a hundred and forty countries, on projects I never hear about.

Installed every day

Blocks added to real projects through the shadcn CLI, averaged over thirty days.

1,000+Installs a Day

Free, then Pro

Free covers personal, commercial and client work. Pro adds the premium sections on top.

240+Free Blocks

350+Pro Blocks

One Preset, Every Block

Restyle every shadcn block with one preset.

The Customize panel restyles every shadcn/ui block on the page live, and your choices ride into the install command.

  • Customize style, theme, fonts, radius, and icons
  • Apply the preset with the shadcn CLI
  • Blocks land already matching your design
MCP & Agent Skills

Your agent already knows it.

Point the shadcn MCP server at @7ovr and a coding agent can search 7Ovr and install the right block for you, in plain language, without you copying a single command.

  • searchFinds candidates from a plain-language ask.
  • viewReads each one's description and source.
  • addInstalls the winner into your project.

Questions, answered.

Pick a topic to see the questions I hear most. If yours is not here, email me and I will answer it.

A library of 596 React UI blocks in 56 categories, for marketing pages and application screens, built with Tailwind CSS and shadcn/ui on Base UI. 243 of the blocks and 4 of the 25 page templates are free under MIT-0; the rest are Pro. Install the source with the shadcn CLI and adapt it to your project.