7Ovr publishes a shadcn registry at 7ovr.com, with 247 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
Centered about us intro built on a mission statement, with an eyebrow badge and a four-metric strip for founding year, customers, countries, and team size.
Two-column company story pairing a grayscale team photo with a founding narrative and a three-metric row for teams, uptime, and countries.
Company values and principles laid out as a bordered grid of icon cards, each with a principle title and a short explanation.
Mission, vision, and values presented as three editorial columns, each with an icon, eyebrow label, heading, and short paragraph.
AI assistant chat interface with user and assistant bubbles, avatars, message timestamps, auto-following scroll, and a single-line composer.
AI chat opening on a suggested-prompt empty state, then switching to a message thread once a prompt is sent, with a multi-line composer.
AI chat that replies live, showing a shimmering typing indicator, suggestion chips, and a textarea composer with keyboard shortcut hints.
Dismissible top announcement bar above a centered release callout card with a What's New badge, headline, and two call-to-action buttons.
Product update announcement card with a New badge and version label, feature headline, supporting detail, release date, and a link button.
Single-line announcement banner that remembers its dismissal in localStorage over a page placeholder, with a link to show it again.
Sticky promo announcement bar with a live sale countdown ticking days, hours, minutes, and seconds beside a shop the sale button.
App shell pairing a collapsible sidebar with a top bar carrying search, notifications, and a user menu, over a dashboard of revenue and user stat cards.
Sidebar-free app shell with a sticky top bar (logo, search, avatar menu) above tabbed content holding project cards, a task checklist, and an activity feed.
Blog post article with a category badge, author byline and read time, cover image, prose body with a blockquote, and tag and share footer.
Long-form article with a sticky table of contents sidebar that scroll-spies and highlights the active section, collapsing to one column on mobile.
Documentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.
Sign-in card centered on the page with email and password fields, a remember-me checkbox, forgot-password link, and Google and GitHub login buttons.
Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.
Sign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last name fields, and a terms checkbox gating submit.
Full-height split-screen sign-in with email, password, remember-me, and Google or GitHub buttons beside a dark marketing panel on a grid backdrop.
Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.
Forgot-password card that validates an email, then switches to a check-your-inbox confirmation with a use-another-email option and back-to-sign-in link.
Reset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state.
Bento grid of feature cards where one tile spans two columns and rows, each carrying an icon, title, and short capability description.
Bento grid of four identically sized tiles under a centered heading, each with a square icon, category badge, title, and one-line description.
Bento grid divided by hairline borders, led by a build-pipeline tile with a terminal snippet, plus an uptime stat and language tags.
Bento grid whose hero automation tile carries a bar-chart visual, with supporting tiles showing deploy times, progress bars, and headline numbers.
Current-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog of radio tiers for switching plans.
Invoice history table with checkbox selection, status badges, per-row download links, and a bulk download of the selected billing invoices.
Billing page combining a plan summary, storage usage bar, payment method card, and a sortable, paginated invoice table.
Usage metering card with progress bars for seats, storage, API requests, and bandwidth, plus an estimated billing total for the cycle.
Payment methods list of saved cards with a default badge, set-default and remove actions, and an add-card dialog.
Add payment method form with name, card number, expiry, CVC, a country select, and a set-as-default switch.
Blog post grid of three cards with cover images, category badges, titles, excerpts, read time, and author avatars.
Blog post list of five articles as divider-separated rows with category badge, date, title, excerpt, and author, with no cover images.
Month calendar grid with previous and next navigation, a Today shortcut, selectable days, and a detail panel for the chosen day's event.
Weekly agenda calendar listing Monday to Sunday with time-slotted event rows, confirmed, tentative, and cancelled status colors, and week navigation.
Calendar with a month and week view toggle, previous and next navigation, event chips on days, and an inline day panel.
Open positions list grouping job roles by department, each row showing the title, location, and employment type with an apply link.
Careers culture page selling life at the company with a photo strip, a three-up values grid, a perks and benefits row, and a closing call to action.
Changelog with a date and version rail on the left and Added, Improved, and Fixed change groups bulleted on the right.
Changelog as a vertical timeline with a connected dot rail, each release showing a version badge, date, title, and color-coded changes.
Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or 90d range select that swaps the dataset.
One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer.
Two-pane chat messenger with a selectable conversation list beside the active thread, each conversation keeping its own messages, plus a composer.
Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.
Group chat conversation with a member avatar stack header, messages from multiple named senders with per-sender avatars, and an online indicator.
Coming soon split layout pairing a waitlist email form and signup count with a framed browser mockup previewing the product.
Coming soon screen with a launch progress bar and Design, Beta, and Launch milestone labels above a waitlist email form with a success state.
Command palette dialog opened from a Ctrl+K trigger button, listing grouped navigation and action commands with keyboard shortcut hints.
Command palette dialog with a Recent section of timestamped files and pages above categorized results, and a footer bar of keyboard hints.
Command palette wired to a global Cmd+K listener, opening a searchable dialog of grouped commands with Kbd shortcuts and a last-action readout.
Inline two-column command palette with a searchable grouped result list beside a live preview pane for the highlighted item and its primary action.
Plan comparison table pitting Starter against Pro across grouped feature rows, with a monthly and annual toggle that changes the price and cell values.
Comparison table setting your product against Notion, Trello, and Asana across grouped feature rows with check, cross, or value cells.
Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation.
Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.
Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices.
Cookie consent bar fixed to the bottom of the page with accept all and decline buttons and a cookie policy link.
Cookie consent card pinned to the bottom left corner with accept all, reject, and preferences actions under a privacy heading.
Cookie preferences panel with switches for necessary, analytics, and marketing categories, plus save preferences and reject all buttons.
Centered call to action section band with a heading, supporting copy, primary and secondary buttons, and a no credit card note.
Full-width call to action banner on the primary color, heading and subtext left, single high-contrast button right.
Call to action section with an inline email capture form, a submitted confirmation line, and a no spam privacy note.
App download call to action section with App Store and Google Play buttons for the iOS and Android mobile apps.
Logged-in dashboard app template with a collapsible sidebar and command palette top bar wrapping stat cards, an interactive area chart, and a sortable, paginated data table.
Analytics overview dashboard where a date-range select drives four stat cards above a monthly sessions bar chart.
Dashboard pairing four KPI cards carrying trend badges with a full-width recent activity feed of avatars, events, status badges, and timestamps.
Compact KPI strip of six metric tiles in a flush grid, each with label, value, and directional delta, switched by a quarter select.
Dashboard overview pairing a four-metric KPI row with a recent orders table of customer avatars, status badges, and amounts.
Empty inbox panel with a framed inbox illustration, a create-workspace dialog with a name field, a Learn More link, and a support footer.
No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.
First-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.
404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, and go home plus go back buttons.
FAQ accordion centered under a heading, with five collapsible questions covering plans, plan changes, free trials, billing, and data security.
FAQ split into two balanced accordion columns of eight product questions, separated by border rules under a bordered header.
FAQ accordion beside an intro column holding a contact-support card whose dialog collects an email and message, confirmed by a toast.
FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link to browse documentation.
Help-center FAQ section with a live search input and General, Billing, and Security tabs showing match counts plus an empty state for no results.
Features grid of six icon cards, each with a short title and one line of supporting copy, in a three-column layout.
Features checklist in two columns listing twelve check-marked capabilities (SSO, audit log, uptime SLA) with one-line descriptions, no cards or images.
Single-feature spotlight pairing a headline, copy, and four-item checklist with a static security settings panel mock of labeled toggles.
File upload card with a drag-and-drop dropzone and an attachment list showing a spinner per file while uploading and a check when finished.
Compact inline file upload form field with a bordered Choose File row and one attachment showing the selected file name, size, and remove action.
Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and error attachment states, toasts, and per-file remove.
Image gallery uploader with a responsive thumbnail grid, a cover badge on the first photo, hover remove buttons, an upload tile, and an image count.
Site footer pairing a brand mark and tagline with three link columns and GitHub, X, and Discord social buttons.
Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.
Footer led by a call to action band with heading and button, above brand and sitemap columns and a social bottom bar.
Image gallery grid with tag filter toggles, hairline-gap tiles, hover overlays naming the contributor and location, and a lightbox dialog per photo.
Product screenshot gallery section with a large browser-framed image, version badge and caption, plus a five-thumbnail strip that swaps the featured screen.
Masonry image gallery section built on CSS columns with varied-ratio tiles, tag filters, hover caption overlays, and a lightbox dialog per photo.
Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet.
Header with the wordmark on the left and the navigation collected into one muted capsule on the right, with a sliding active pill and no call to action.
Header with a Product navigation menu dropdown listing Analytics, Automations, and Integrations, plus inline links, sign-in and CTA buttons, and a mobile sheet.
Centered hero section with a beta badge, headline, dual call-to-action buttons, and a trusted-by row of five plain-text company wordmarks.
Split two-column hero section pairing copy and a watch demo dialog with an analytics dashboard mockup of stat cards, a bar chart, and a channel table.
Left-aligned hero section with a release badge, headline, signup and docs CTAs, and an inline row of three icon metrics split by vertical separators.
Centered hero section over a masked grid and radial glow, with a beta badge and an inline email capture form that toasts on submit.
Centered hero section whose Watch Demo button opens a video dialog, above a trusted-by strip of five icon and wordmark company logos.
Centered hero section led by a clickable announcement pill, with dual CTAs and social proof: an overlapping avatar stack, five stars, and a trusted-by line.
How it works row of three numbered step cards, each with an icon tile, a title, and one line of supporting copy under a centered heading.
Interactive how it works stepper with clickable steps along a progress line that fills to the active step, stacking vertically on mobile.
How it works section of three alternating rows, each pairing a numbered step, description, and checklist with a mock UI preview panel on the opposite side.
Dense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.
Searchable integrations directory with a search input, category filter pills, and result cards that open a per-app connect dialog.
Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.
Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.
Single In Progress kanban column of sortable rich task cards showing priority, labels, a due date, and a stacked assignee avatar group.
Project kanban board with To Do, In Progress, Review, and Done columns, per-column counts, and drag and drop reordering across columns.
Personal my-tasks kanban with Today, This Week, and Later lanes of compact rows you drag and drop to reprioritize.
Integration logo grid of twelve brand marks in muted cells, each showing an icon and name, beneath a heading and subtext.
Logo grid of ten muted brand marks that brighten on hover and reveal the company name in a tooltip.
Single row logo strip of six brand wordmarks under a trusted-by label, highlighting on hover, with no borders or cards.
Newsletter signup card driven by a client state machine, cycling idle, loading spinner, success, and inline email validation error states.
Multi-step newsletter card where readers toggle topic interests, then land on a double opt-in check-your-inbox confirmation step.
Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count, with inline email capture and a success state.
Notifications sheet opened from a bell trigger, with icon tiles, unread highlighting, timestamps, an unread count, and a mark all read action.
Notification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.
Notification preferences panel with a row per activity type and separate email and push toggle switches for each.
Onboarding laid out as three numbered step cards for importing data, inviting teammates, and customizing the workspace, each toggling to complete.
Detail view page header with a back link, status badge, owner avatar and created date metadata, a contributor avatar stack, and share and edit actions.
Analytics page header with an eyebrow, title, export and settings actions, and an inline four-metric stats strip showing deltas.
Pricing section with Starter, Pro, and Enterprise cards, a monthly or annual billing toggle, and a ring highlighted Most Popular plan.
Two plan pricing split into one panel, a filled Pro side beside a plain Starter side, each with price, feature checklist, and CTA, plus a billing toggle.
Static pricing comparison table with plans as columns and grouped feature rows, check and dash cells, a highlighted recommended column, and a CTA row.
Public user profile with a cover banner, overlapping avatar, follower stats, Follow and Message actions, and tabs for posts and about.
Compact centered profile card with avatar, role, location, a three column stat strip, and Follow and Message buttons for sidebars or directories.
Company profile card with a logo mark, verified badge, stat strip, member avatar stack, and website and contact links.
Directional roadmap grouped into Now, Next, and Later phases with colored markers, a target month each, progress bars, and vote counts on upcoming items.
Complete SaaS marketing homepage template assembled from free blocks: hero section, social proof, features, stats, testimonials, pricing, FAQ, and a closing CTA.
Product-tour SaaS landing page template: hero section with announcement pill, browser-framed gallery, tabbed features, how it works stepper, integrations, comparison, stats, testimonial, pricing, and FAQ.
Search panel with a query field, a sidebar of type facets with live counts that narrow the list, and results showing title, type badge, and snippet.
Search results page with a query field, live result count, empty state, and result cards carrying a type badge, snippet, and last updated date.
Search input with an autocomplete dropdown of recent searches and keyboard navigable suggestions, an empty state, and a slash to focus hint.
App layout with a collapsible icon sidebar of grouped navigation beside a dashboard inset of stat tiles and a project listing.
Sidebar with a single flat navigation list (icon, label, badge count) beside a task table showing priority indicators, status badges, and a new-task dialog.
Collapsible sidebar that shrinks to an icon rail with tooltips, holding grouped navigation, badge counts, and a user footer.
Lean startup landing page template for early-stage products and waitlists: centered hero section with inline email capture, stats, feature grid, how it works timeline, testimonial, and waitlist signup.
Four-column stats section band framed by separators, each metric pairing a large value and label with a badge showing its percentage change.
Minimal four-up stats row of oversized numbers and short labels under one heading, with no icons, badges, dividers, or secondary copy.
Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow comparing the figure against last quarter.
Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pairing an icon with a growth delta badge.
Stats band on a filled primary-color panel with a heading and four large inverted figures, a high-contrast by-the-numbers section.
Uptime history with per-service daily status bars for the last 90 days, colored by health, with uptime percentages and a legend.
Horizontal progress stepper with numbered nodes, connectors, and labels across completed, current, and upcoming states for checkout or onboarding.
Vertical stepper on a connecting rail where each step shows a title and description across completed, current, and upcoming states.
Interactive step wizard header with a step counter, percentage, progress bar, the active step title and description, and back and continue buttons.
Four-question product feedback survey card mixing single-choice, multi-select, and freeform answers, with progress and previous, skip, next, and submit controls.
Cancellation exit survey in a dialog opened from a plan card, asking a required reason then an optional what would have changed your mind question.
Full-page onboarding survey showing one question per screen in oversized type, with letter-key shortcuts and a thin progress bar across the top.
Branching sales qualification survey in a two-column split where the first answer disables questions that no longer apply, tracked by a path rail.
Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row menus, and pagination.
Four-column grid of eight team member cards that reveal a bio and social links on hover.
Testimonials section with three customer quote cards in a hairline-divided grid, each with a quote glyph, avatar, name, role, and company.
Wall of love testimonial grid with seven customer quote cards, each carrying a star rating, avatar, name, role, and company.
Star-rated testimonial review cards in a responsive grid, each leading with a five-star rating row above the quote and a grayscale avatar.
The packages and primitives its components pull in, counted across the registry.
Every appearance and removal our crawl has seen in the registry index.
7Ovr is a component library on 21st.dev by Oliver with 76 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.