@7ovr

A hero section with a headline, subheadline, and primary call-to-action.

A centered sign-in card with email, password, and social login.

A feature grid highlighting product capabilities with icons.

An analytics dashboard with stat cards and a bar chart.

An application shell with a sidebar, top bar, and content area.

A full-width site header with logo, navigation links, a call-to-action, and a mobile menu sheet.

A site footer with link columns, a brand blurb, and social links.

A centered call-to-action band with a heading and buttons.

An integrations grid of connectable services with icons.

A logo cloud of companies that trust the product.

A frequently-asked-questions accordion section.

A contact section with contact details and a message form.

A pricing section with three tiers and a highlighted plan.

A testimonials section with customer quote cards.

A stats band highlighting key product metrics.

An application layout with a navigable left sidebar.

A settings page with grouped preference rows and toggles.

A data table with a toolbar, status cells, and pagination.

A bento grid of mixed-size tiles, each with an icon, title, and short description.

A three-step 'how it works' row with numbered, iconed steps.

A centered newsletter signup with an email field and subscribe button.

A dismissible top announcement bar with a message and an inline link.

A three-card blog post grid with cover, title, excerpt, and author.

A team grid of member cards with avatar, name, role, and socials.

A three-column plan comparison table with check and cross marks.

A responsive image gallery grid of evenly sized tiles.

An inbox-zero empty state for an empty notifications list, with an icon, title, description, and an action.

A current-plan billing summary card with price, renewal, and usage.

An AI assistant chat thread built on the Message, Bubble, and MessageScroller components, with user and assistant bubbles, avatars, timestamps, auto-follow scr…

A welcome onboarding card with a step indicator and a checklist.

A command palette card with search and grouped command rows.

A notifications panel with read/unread rows and timestamps.

A three-column kanban board with task cards.

A month calendar grid with month navigation, a Today shortcut, selectable days, and a detail panel for the selected day's event.

A file upload card with a drag-and-drop dropzone and an Attachment list that shows each file with a spinner while uploading and a check when done.

An analytics card with a bar chart built on the chart component.

A 2x2 equal-tile bento grid with centered heading, where each tile has a square icon, a badge category label, a title, and a one-line description. All four til…

A vertical left-rail timeline that stacks four numbered steps down the page, each with a bordered icon circle, a connecting line to the next step, a monospaced…

A full-width horizontal band on a bg-muted panel with branding label, heading, and subtext on the left, and an inline email input plus subscribe button with a …

A centered card-style product-update callout featuring a "New" badge with version label, a bold feature headline, a supporting detail sentence, release metadat…

A minimal blog post list showing five articles as divider-separated rows, each with category badge, date, title, excerpt, author avatar with name, and a ghost …

A centered single row of five team members, each showing a large avatar with name and role stacked beneath, under a heading and badge. No cards or bios.

A two-column "Us vs. Them" layout with two side-by-side cards. The Acme card lists check rows of product advantages with a primary CTA, while the Others card l…

A single large browser-framed product screenshot placeholder with a version badge and descriptive caption, plus a five-thumbnail strip beneath it for secondary…

An empty inbox state centered in a solid-bordered card panel, featuring a muted illustration placeholder with a decorative box grid and inbox icon, a title and…

A billing invoices card displaying a table of past invoices with invoice number, date, amount, a status badge, and a per-row download link.

An AI chat that opens on a suggested-prompt empty state, then switches to a Message and Bubble thread on MessageScroller once a prompt is sent, with a multi-li…

A three-card horizontal setup grid where each card presents a numbered onboarding step with an icon, title, short description, and a toggleable action button t…

A command palette panel with a search input, a Recent section showing timestamped file/page rows with hover-reveal arrows, and a Results section of icon-label-…

A compact notifications dropdown panel showing a bell trigger button with an unread badge, a small header with count, four notification rows each with an avata…

A single "In Progress" kanban column rendered as a vertical list of rich task cards, each showing a title, two-line description, priority badge with icon, labe…

A weekly agenda view showing Mon–Sun with time-slotted event rows, color-coded status borders and dots, and prev/today/next navigation.

A compact inline file-upload form field with a bordered row and a "Choose file" label-trigger, plus an Attachment showing the selected file with its name, size…

An analytics card with a gradient-filled area chart showing a monthly active users trend, topped by a three-KPI summary row (total, peak month, peak count) and…

A split two-column hero with headline, subheadline, and two CTAs on the left, and a framed product-screenshot placeholder (stat cards, bar chart, table) on the…

An alternating left/right features layout with three rows, each pairing a copy block (eyebrow, title, body paragraph, and a four-item bullet list) with a decor…

A two-tier pricing layout with a side-by-side split panel: a filled Pro tier on the left and a plain Starter tier on the right, each showing a price, feature c…

A single featured testimonial with a large centered quote, oversized avatar, name and role, and a company logo placeholder. No cards or grid, just a focused sp…

A minimal four-up stat band with oversized numbers and short labels evenly spaced under a single short heading, with no badges, dividers, or secondary copy.