Search blocks
Find a block by name or category
Beautiful UI blocks you can copy, paste, and ship in minutes.
Customizable UI blocks that help you build polished web apps faster — saving you time, money, and maintenance headaches.
Browse blocks by category
Why 7Ovr
Copy in, own it
Blocks install as readable source straight into your repo — no wrapper packages, no lock-in. It's your code from the first paste.
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 — focus, keyboard nav, and ARIA are handled before you type a line.
Bring your own icons
Lucide, Tabler, Phosphor, Remix — point the registry at the icon set you already love.
Styled by tokens
Every color resolves from CSS variables. Restyle the whole library 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.
Frequently Asked Questions
Everything you need to know about the registry and how to use it in your own projects.
Still have questions?
Can't find what you're looking for? Reach out and I'll get back to you.
What is 7Ovr?
An open registry of UI blocks you copy straight into your project — for marketing sites, dashboards, and full-blown apps alike.
Is 7Ovr free?
Yes. Every block is free to use. Install what you need and own the code outright.
Which frameworks does it support?
Anything React: Next.js, Vite, Remix, Astro, TanStack Start, and beyond.
How do I install a block?
Add the registry to your components.json, then run pnpm dlx shadcn@latest add @7ovr/<block>.
Can I customize the blocks?
Completely. The code lands in your repo as readable source — tweak every line, no lock-in.
What is it built with?
Tailwind CSS v4 and Base UI primitives, with your choice of icon library.