Search blocks

Find a block by name or category

30K+ Installs Since Launch

Beautiful shadcn/ui blocks you can copy, paste 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.

Install with theshadcnCLI. Your code, yours to keep.

140+ Countries On Board

Loved by developers everywhere.

It's been a few weeks since launch, and the community is already global.

  • 230+ Free Blocks
  • 300+ Pro Blocks
  • 30K+ Installs
  • 50+ Categories

Why developers build with 7Ovr shadcn/ui blocks

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/hero-block.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.

One Preset, Every Block

Make it yours.

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/ui CLI
  • Blocks land already matching your design
4 Free Page Templates

Full pages, one command.

Complete pages assembled from 7Ovr blocks. Install one and every section arrives as editable source in your repo.

SaaS Landing
Startup
SaaS Landing 2
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.
Answered By Our Team

Frequently Asked Questions

Pick a topic to see the questions we hear most. If something is not covered, reach out and I'll help.

An open registry of production-ready UI blocks for React, from marketing sections to full application screens, built on Tailwind CSS and Base UI. You install the source straight into your project with the shadcn CLI.