The Docs

Getting Started

Install any 7Ovr block with one shadcn command, or let a coding agent find and install them for you over MCP. Set up in under a minute.

Blocks are built on Base UI

A project created by a recent shadcn init already uses a Base UI style, so nothing extra is needed. On a legacy new-york or radix-* style the Button comes from Radix and will not accept the render prop these blocks pass. Switch style in components.json to any base-* value, then reinstall the primitives with --overwrite.

Initialize shadcn/ui

7Ovr blocks install through the shadcn CLI, so your project needs shadcn/ui first. Already using it? Skip to the next step.

Terminal

pnpm dlx shadcn@latest init

This scaffolds your components.json and the base configuration the CLI needs.

Install a block

There is no registry to add first. 7Ovr is listed in the shadcn registry directory, so the @7ovr namespace is built into the CLI and works with no configuration:

Terminal

pnpm dlx shadcn@latest add @7ovr/hero-1

The CLI downloads the source, installs the dependencies, and writes the block to components/blocks/hero-1.tsx. Every block lands under its own name, so installing a second one from the same category never overwrites the first. Every block has its own command, so you install only what you use.

Install a whole page

A template is a complete page rather than one section. Installing it writes the page and every section it uses as editable source in your repo, so there is nothing to import from 7Ovr afterwards:

Terminal

pnpm dlx shadcn@latest add @7ovr/saas-landing

Sections land in components/saas-landing/ and the page in app/saas-landing/page.tsx. Edit them freely; they are copies, not references.

Next steps

Browse the blocks catalog, or open the Customize panel first if you want blocks to arrive already matching your theme, fonts, radius, and icon library.

Blocks work in any React framework: Next.js, Vite, Remix, Astro, or TanStack Start. Free blocks are MIT-0 licensed, so you can use them in personal, commercial, and client work with no attribution.