7Ovr

Also in the 7Ovr registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• Mission Statement With Stats

  about-1

  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.

  @base-ui/react1 file
  PromptCopy

• Founder Story With Photo

  about-2

  Two-column company story pairing a grayscale team photo with a founding narrative and a three-metric row for teams, uptime, and countries.

  @base-ui/react1 file
  PromptCopy

• Values Card Grid

  about-3

  Company values and principles laid out as a bordered grid of icon cards, each with a principle title and a short explanation.

  @base-ui/react1 file
  PromptCopy

• Mission Vision Values Columns

  about-4

  Mission, vision, and values presented as three editorial columns, each with an icon, eyebrow label, heading, and short paragraph.

  @base-ui/react1 file
  PromptCopy

• Recent Activity Card

  activity-1

  Recent activity card listing avatar rows with the actor, action, target, and relative time for a workspace or profile feed.

  @base-ui/react1 file
  PromptCopy

• Activity Grouped By Day

  activity-2

  Activity feed grouped under Today and Yesterday separators, each listing avatar rows with the actor, action, target, and time.

  @base-ui/react1 file
  PromptCopy

• Audit Log With Icon Tiles

  activity-3

  Audit log feed with action-type icon tiles, a two-line event title and detail, a type tag, and a timestamp, with no avatars.

  @base-ui/react1 file
  PromptCopy

• Activity Tabs With Unread

  activity-4

  Activity panel with All, Mentions, and Comments tabs, an unread count badge, and rows carrying an avatar, type icon, timestamp, and unread dot.

  @base-ui/react1 file
  PromptCopy

• Assistant Thread With Timestamps

  ai-chat-1

  AI assistant chat interface with user and assistant bubbles, avatars, message timestamps, auto-following scroll, and a single-line composer.

  @base-ui/react1 file
  PromptCopy

• Chat With Suggested Prompt Start

  ai-chat-2

  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.

  @base-ui/react1 file
  PromptCopy

• Live Chat With Typing Indicator

  ai-chat-3

  AI chat that replies live, showing a shimmering typing indicator, suggestion chips, and a textarea composer with keyboard shortcut hints.

  @base-ui/react1 file
  PromptCopy

• Dismissible Bar And Callout

  announcement-1

  Dismissible top announcement bar above a centered release callout card with a What's New badge, headline, and two call-to-action buttons.

  @base-ui/react1 file
  PromptCopy

• Product Update Card

  announcement-2

  Product update announcement card with a New badge and version label, feature headline, supporting detail, release date, and a link button.

  @base-ui/react1 file
  PromptCopy

• Persisted Dismissible Banner

  announcement-3

  Single-line announcement banner that remembers its dismissal in localStorage over a page placeholder, with a link to show it again.

  @base-ui/react1 file
  PromptCopy

• Sale Countdown Promo Bar

  announcement-4

  Sticky promo announcement bar with a live sale countdown ticking days, hours, minutes, and seconds beside a shop the sale button.

  @base-ui/react1 file
  PromptCopy

• Sidebar Dashboard Shell

  app-shell-1

  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.

  @base-ui/react1 file
  PromptCopy

• Top Bar Only With Tabs

  app-shell-2

  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.

  @base-ui/react1 file
  PromptCopy

• Icon Rail Dashboard Shell

  app-shell-3

  App shell with a collapsible icon-rail sidebar and a search top bar, over a dashboard of KPI cards, a revenue chart, and recent activity.

  recharts, @base-ui/react1 file
  PromptCopy

• Centered Blog Post

  article-1

  Blog post article with a category badge, author byline and read time, cover image, prose body with a blockquote, and tag and share footer.

  @base-ui/react1 file
  PromptCopy

• Article With Scroll-Spy Contents

  article-2

  Long-form article with a sticky table of contents sidebar that scroll-spies and highlights the active section, collapsing to one column on mobile.

  @base-ui/react1 file
  PromptCopy

• Documentation Page

  article-3

  Documentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.

  @base-ui/react1 file
  PromptCopy

• Magazine Feature With Drop Cap

  article-4

  Magazine feature article with a centered headline, wide cover image, drop-cap opening paragraph, pull quote, and save and share actions.

  @base-ui/react1 file
  PromptCopy

• Article With Author Sidebar

  article-5

  Article layout with a sticky sidebar holding an author bio card, related post links, and an inline newsletter signup form.

  @base-ui/react1 file
  PromptCopy

• Centered Sign-In Card

  auth-1

  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.

  zod, @base-ui/react1 file
  PromptCopy

• Split Sign-In With Brand Panel

  auth-2

  Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.

  zod, @base-ui/react1 file
  PromptCopy

• Sign-Up With Plan Sidebar

  auth-3

  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.

  zod, @base-ui/react1 file
  PromptCopy

• Full-Height Split Sign-In

  auth-4

  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.

  zod, @base-ui/react1 file
  PromptCopy

• Tabbed Sign-In And Sign-Up

  auth-5

  Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.

  zod, @base-ui/react1 file
  PromptCopy

• Forgot Password Request

  auth-6

  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.

  @base-ui/react1 file
  PromptCopy

• Set New Password With Rules

  auth-7

  Reset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state.

  @base-ui/react1 file
  PromptCopy

• Icon Bento With Hero Tile

  bento-1

  Bento grid of feature cards where one tile spans two columns and rows, each carrying an icon, title, and short capability description.

  @base-ui/react1 file
  PromptCopy

• Equal Four-Tile Bento

  bento-2

  Bento grid of four identically sized tiles under a centered heading, each with a square icon, category badge, title, and one-line description.

  @base-ui/react1 file
  PromptCopy

• Divided Bento With Terminal Snippet

  bento-3

  Bento grid divided by hairline borders, led by a build-pipeline tile with a terminal snippet, plus an uptime stat and language tags.

  1 file
  PromptCopy

• Bento With Static Chart Visuals

  bento-4

  Bento grid whose hero automation tile carries a bar-chart visual, with supporting tiles showing deploy times, progress bars, and headline numbers.

  @base-ui/react1 file
  PromptCopy

• Current Plan Summary Card

  billing-1

  Current-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog of radio tiers for switching plans.

  @base-ui/react1 file
  PromptCopy

• Invoice History Table

  billing-2

  Invoice history table with checkbox selection, status badges, per-row download links, and a bulk download of the selected billing invoices.

  @base-ui/react1 file
  PromptCopy

• Full Billing Dashboard

  billing-3

  Billing page combining a plan summary, storage usage bar, payment method card, and a sortable, paginated invoice table.

  @tanstack/react-table, @base-ui/react1 file
  PromptCopy

• Usage Metering Card

  billing-4

  Usage metering card with progress bars for seats, storage, API requests, and bandwidth, plus an estimated billing total for the cycle.

  @base-ui/react1 file
  PromptCopy

• Saved Payment Methods

  billing-5

  Payment methods list of saved cards with a default badge, set-default and remove actions, and an add-card dialog.

  @base-ui/react1 file
  PromptCopy

• Add Card Form

  billing-6

  Add payment method form with name, card number, expiry, CVC, a country select, and a set-as-default switch.

  @base-ui/react1 file
  PromptCopy

• Three Card Post Grid

  blog-1

  Blog post grid of three cards with cover images, category badges, titles, excerpts, read time, and author avatars.

  @base-ui/react1 file
  PromptCopy

• Divider Separated Post List

  blog-2

  Blog post list of five articles as divider-separated rows with category badge, date, title, excerpt, and author, with no cover images.

  @base-ui/react1 file
  PromptCopy

• Filterable Blog Index

  blog-3

  Blog index with a featured post, category filter pills, and a three-column grid of post cards that filters on selection.

  @base-ui/react1 file
  PromptCopy

• Horizontal Media Cards

  blog-4

  Blog archive as a vertical list of horizontal media cards, each with a thumbnail, category, read time, title, excerpt, and author.

  @base-ui/react1 file
  PromptCopy

• Blog With Sticky Sidebar

  blog-5

  Blog index with a post list beside a sticky sidebar of search, categories with counts, popular posts, and a tag cloud.

  @base-ui/react1 file
  PromptCopy

• Month Grid With Day Detail

  calendar-1

  Month calendar grid with previous and next navigation, a Today shortcut, selectable days, and a detail panel for the chosen day's event.

  @base-ui/react1 file
  PromptCopy

• Weekly Agenda View

  calendar-2

  Weekly agenda calendar listing Monday to Sunday with time-slotted event rows, confirmed, tentative, and cancelled status colors, and week navigation.

  @base-ui/react1 file
  PromptCopy

• Month And Week Toggle

  calendar-3

  Calendar with a month and week view toggle, previous and next navigation, event chips on days, and an inline day panel.

  @base-ui/react1 file
  PromptCopy

• Open Roles By Department

  careers-1

  Open positions list grouping job roles by department, each row showing the title, location, and employment type with an apply link.

  @base-ui/react1 file
  PromptCopy

• Job Posting Detail Page

  careers-2

  Single job posting page with meta chips for department, location, and type, an about section, responsibilities and requirements lists, and apply buttons.

  @base-ui/react1 file
  PromptCopy

• Culture And Benefits Page

  careers-3

  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.

  @base-ui/react1 file
  PromptCopy

• Filterable Jobs Board

  careers-4

  Filterable jobs board with a search field, department filter pills, a live result count, and a scrollable list of roles with location and type.

  @base-ui/react1 file
  PromptCopy

• Version Rail Release Notes

  changelog-1

  Changelog with a date and version rail on the left and Added, Improved, and Fixed change groups bulleted on the right.

  @base-ui/react1 file
  PromptCopy

• Tabbed Change Filter

  changelog-2

  Changelog with tabs filtering release entries by All, Added, Improved, or Fixed, each showing version, date, badge, title, and description.

  @base-ui/react1 file
  PromptCopy

• In-App What's New Card

  changelog-3

  Compact what's new card with a version pill, release date, highlighted changes with type icons and badges, and a full changelog link.

  @base-ui/react1 file
  PromptCopy

• Vertical Release Timeline

  changelog-4

  Changelog as a vertical timeline with a connected dot rail, each release showing a version badge, date, title, and color-coded changes.

  @base-ui/react1 file
  PromptCopy

• Sticky Version Jump Sidebar

  changelog-5

  Changelog page with a sticky version-jump sidebar beside long-form release entries grouped into Added, Improved, and Fixed changes.

  @base-ui/react1 file
  PromptCopy

• Revenue Bars With Year Select

  charts-1

  Bar chart card of monthly revenue with a value label above each bar and a fiscal year select that swaps the whole dataset.

  recharts, @base-ui/react1 file
  PromptCopy

• Active Users Area Trend

  charts-2

  Gradient area chart of monthly active users, topped by a three KPI row (total, peak month, peak users) and a year over year growth badge.

  recharts, @base-ui/react1 file
  PromptCopy

• Traffic Range Switcher

  charts-3

  Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or 90d range select that swaps the dataset.

  recharts, @base-ui/react1 file
  PromptCopy

• Monthly Visitors Line

  charts-4

  Line chart card plotting unique visitors month by month, with a grid, labelled axes, and a hover tooltip on each point.

  recharts, @base-ui/react1 file
  PromptCopy

• Traffic Source Donut

  charts-5

  Donut chart splitting traffic by source, with a centered visitor total and a ranked, color coded legend list underneath.

  recharts, @base-ui/react1 file
  PromptCopy

• Direct Message Thread

  chat-1

  One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer.

  @base-ui/react1 file
  PromptCopy

• Inbox Messenger Layout

  chat-2

  Two-pane chat messenger with a selectable conversation list beside the active thread, each conversation keeping its own messages, plus a composer.

  @base-ui/react1 file
  PromptCopy

• Support Chat Widget

  chat-3

  Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.

  @base-ui/react1 file
  PromptCopy

• Group Chat Panel

  chat-4

  Group chat conversation with a member avatar stack header, messages from multiple named senders with per-sender avatars, and an online indicator.

  @base-ui/react1 file
  PromptCopy

• Split Waitlist With Preview

  coming-soon-2

  Coming soon split layout pairing a waitlist email form and signup count with a framed browser mockup previewing the product.

  @base-ui/react1 file
  PromptCopy

• Launch Progress Milestones

  coming-soon-5

  Coming soon screen with a launch progress bar and Design, Beta, and Launch milestone labels above a waitlist email form with a success state.

  @base-ui/react1 file
  PromptCopy

• Command Dialog With Shortcuts

  command-palette-1

  Command palette dialog opened from a Ctrl+K trigger button, listing grouped navigation and action commands with keyboard shortcut hints.

  @base-ui/react1 file
  PromptCopy

• Palette With Recent Items

  command-palette-2

  Command palette dialog with a Recent section of timestamped files and pages above categorized results, and a footer bar of keyboard hints.

  @base-ui/react1 file
  PromptCopy

• Cmd+K Searchable Palette

  command-palette-3

  Command palette wired to a global Cmd+K listener, opening a searchable dialog of grouped commands with Kbd shortcuts and a last-action readout.

  @base-ui/react1 file
  PromptCopy

• Palette With Preview Pane

  command-palette-4

  Inline two-column command palette with a searchable grouped result list beside a live preview pane for the highlighted item and its primary action.

  @base-ui/react1 file
  PromptCopy

• Two-Plan Table With Billing Toggle

  comparison-1

  Plan comparison table pitting Starter against Pro across grouped feature rows, with a monthly and annual toggle that changes the price and cell values.

  @base-ui/react1 file
  PromptCopy

• Named Competitor Table

  comparison-4

  Comparison table setting your product against Notion, Trello, and Asana across grouped feature rows with check, cross, or value cells.

  @base-ui/react1 file
  PromptCopy

• Contact Details And Form

  contact-1

  Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation.

  @base-ui/react1 file
  PromptCopy

• Single Card Contact Form

  contact-2

  Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.

  @base-ui/react1 file
  PromptCopy

• Contact With Office Locations

  contact-3

  Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices.

  @base-ui/react1 file
  PromptCopy

• Bottom Cookie Bar

  cookie-consent-1

  Cookie consent bar fixed to the bottom of the page with accept all and decline buttons and a cookie policy link.

  @base-ui/react1 file
  PromptCopy

• Corner Consent Card

  cookie-consent-2

  Cookie consent card pinned to the bottom left corner with accept all, reject, and preferences actions under a privacy heading.

  @base-ui/react1 file
  PromptCopy

• Cookie Preferences Panel

  cookie-consent-3

  Cookie preferences panel with switches for necessary, analytics, and marketing categories, plus save preferences and reject all buttons.

  @base-ui/react1 file
  PromptCopy

• Centered CTA Band

  cta-1

  Centered call to action section band with a heading, supporting copy, primary and secondary buttons, and a no credit card note.

  @base-ui/react1 file
  PromptCopy

• Inverted Banner CTA

  cta-3

  Full-width call to action banner on the primary color, heading and subtext left, single high-contrast button right.

  @base-ui/react1 file
  PromptCopy

• Email Capture CTA

  cta-4

  Call to action section with an inline email capture form, a submitted confirmation line, and a no spam privacy note.

  @base-ui/react1 file
  PromptCopy

• App Download CTA

  cta-6

  App download call to action section with App Store and Google Play buttons for the iOS and Android mobile apps.

  1 file
  PromptCopy

• Dashboard

  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.

  @tanstack/react-table, recharts, @base-ui/react5 files
  PromptCopy

• Overview With Range Select

  dashboard-1

  Analytics overview dashboard where a date-range select drives four stat cards above a monthly sessions bar chart.

  recharts, @base-ui/react1 file
  PromptCopy

• KPI Cards And Activity Feed

  dashboard-2

  Dashboard pairing four KPI cards carrying trend badges with a full-width recent activity feed of avatars, events, status badges, and timestamps.

  @base-ui/react1 file
  PromptCopy

• Flush Six Metric Strip

  dashboard-3

  Compact KPI strip of six metric tiles in a flush grid, each with label, value, and directional delta, switched by a quarter select.

  @base-ui/react1 file
  PromptCopy

• Overview With Recent Orders

  dashboard-4

  Dashboard overview pairing a four-metric KPI row with a recent orders table of customer avatars, status badges, and amounts.

  @base-ui/react1 file
  PromptCopy

• Illustrated Inbox Panel

  empty-states-2

  Empty inbox panel with a framed inbox illustration, a create-workspace dialog with a name field, a Learn More link, and a support footer.

  @base-ui/react1 file
  PromptCopy

• No Search Results

  empty-states-3

  No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.

  @base-ui/react1 file
  PromptCopy

• First Project Prompt

  empty-states-5

  First-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.

  @base-ui/react1 file
  PromptCopy

• 404 Not Found With Actions

  error-1

  Centered 404 not found page led by a monospace numeral, with a short explanation and Go Home plus Go Back buttons.

  @base-ui/react1 file
  PromptCopy

• 404 With Search And Links

  error-2

  404 not found page built for recovery, offering a docs search form plus a bordered list of popular pages to jump to.

  @base-ui/react1 file
  PromptCopy

• 500 Server Error With Retry

  error-3

  500 server error page with an alert icon, Try Again and Contact Support actions, and a monospace reference code to quote to support.

  @base-ui/react1 file
  PromptCopy

• 403 Access Denied

  error-4

  403 access denied page with a lock icon, an explanation of the missing permission, and Back To Dashboard plus Request Access actions.

  @base-ui/react1 file
  PromptCopy

• Scheduled Maintenance Page

  error-5

  Maintenance mode page with a tools icon, a scheduled maintenance badge, an estimated return time, and a link to the status page.

  @base-ui/react1 file
  PromptCopy

• Oversized 404 Numeral

  error-6

  404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, and go home plus go back buttons.

  @base-ui/react1 file
  PromptCopy

• Centered FAQ Accordion

  faqs-1

  FAQ accordion centered under a heading, with five collapsible questions covering plans, plan changes, free trials, billing, and data security.

  @base-ui/react1 file
  PromptCopy

• Two-Column FAQ Accordion

  faqs-2

  FAQ split into two balanced accordion columns of eight product questions, separated by border rules under a bordered header.

  @base-ui/react1 file
  PromptCopy

• FAQ With Contact Support Card

  faqs-3

  FAQ accordion beside an intro column holding a contact-support card whose dialog collects an email and message, confirmed by a toast.

  @base-ui/react1 file
  PromptCopy

• FAQ With Sticky Support Sidebar

  faqs-4

  FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link to browse documentation.

  @base-ui/react1 file
  PromptCopy

• Searchable FAQ With Category Tabs

  faqs-5

  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.

  @base-ui/react1 file
  PromptCopy

• Six Card Icon Grid

  features-1

  Features grid of six icon cards, each with a short title and one line of supporting copy, in a three-column layout.

  @base-ui/react1 file
  PromptCopy

• Alternating Rows With Stats

  features-2

  Alternating features rows pairing an eyebrow, headline, bullet list, contributor avatars, and a highlight stat with an image placeholder, split by dividers.

  @base-ui/react1 file
  PromptCopy

• Everything Included Checklist

  features-3

  Features checklist in two columns listing twelve check-marked capabilities (SSO, audit log, uptime SLA) with one-line descriptions, no cards or images.

  1 file
  PromptCopy

• Tabbed Feature Categories

  features-4

  Features section with Collaboration, Automation, and Security tabs that swap a three-column grid of icon, title, and description cards.

  @base-ui/react1 file
  PromptCopy

• Security Feature Spotlight

  features-5

  Single-feature spotlight pairing a headline, copy, and four-item checklist with a static security settings panel mock of labeled toggles.

  @base-ui/react1 file
  PromptCopy

• Dropzone With Upload Progress

  file-upload-1

  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.

  @base-ui/react1 file
  PromptCopy

• Inline File Field

  file-upload-2

  Compact inline file upload form field with a bordered Choose File row and one attachment showing the selected file name, size, and remove action.

  @base-ui/react1 file
  PromptCopy

• Uploader With Validation Toasts

  file-upload-3

  Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and error attachment states, toasts, and per-file remove.

  @base-ui/react1 file
  PromptCopy

• Image Gallery Uploader

  file-upload-4

  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.

  @base-ui/react1 file
  PromptCopy

• Brand Blurb With Link Columns

  footer-1

  Site footer pairing a brand mark and tagline with three link columns and GitHub, X, and Discord social buttons.

  @base-ui/react1 file
  PromptCopy

• Slim Single Bar

  footer-2

  Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.

  @base-ui/react1 file
  PromptCopy

• Newsletter Signup Footer

  footer-3

  Footer with a newsletter email signup form beside grouped nav columns, over a bottom bar of social icons.

  @base-ui/react1 file
  PromptCopy

• Mega Sitemap With Locale

  footer-4

  Mega footer with four sitemap columns and a bottom bar carrying a locale switcher dropdown and a light and dark theme toggle.

  next-themes, @base-ui/react1 file
  PromptCopy

• Call To Action Footer

  footer-5

  Footer led by a call to action band with heading and button, above brand and sitemap columns and a social bottom bar.

  @base-ui/react1 file
  PromptCopy

• Filterable Photo Grid

  gallery-1

  Image gallery grid with tag filter toggles, hairline-gap tiles, hover overlays naming the contributor and location, and a lightbox dialog per photo.

  @base-ui/react1 file
  PromptCopy

• Product Screenshot Showcase

  gallery-2

  Product screenshot gallery section with a large browser-framed image, version badge and caption, plus a five-thumbnail strip that swaps the featured screen.

  @base-ui/react1 file
  PromptCopy

• Masonry Column Gallery

  gallery-3

  Masonry image gallery section built on CSS columns with varied-ratio tiles, tag filters, hover caption overlays, and a lightbox dialog per photo.

  @base-ui/react1 file
  PromptCopy

• Full Width Bar With CTA

  header-1

  Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet.

  @base-ui/react1 file
  PromptCopy

• Capsule Nav Header Without A CTA

  header-14

  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.

  motion, @base-ui/react1 file
  PromptCopy

• Product Dropdown Menu

  header-4

  Header with a Product navigation menu dropdown listing Analytics, Automations, and Integrations, plus inline links, sign-in and CTA buttons, and a mobile sheet.

  @base-ui/react1 file
  PromptCopy

• Centered Hero With Trust Logos

  hero-1

  Centered hero section with a beta badge, headline, dual call-to-action buttons, and a trusted-by row of five plain-text company wordmarks.

  @base-ui/react1 file
  PromptCopy

• Split Hero With Dashboard Mockup

  hero-2

  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.

  @base-ui/react1 file
  PromptCopy

• Left-Aligned Hero With Metrics

  hero-3

  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.

  @base-ui/react1 file
  PromptCopy

• Grid Backdrop Email Capture

  hero-4

  Centered hero section over a masked grid and radial glow, with a beta badge and an inline email capture form that toasts on submit.

  @base-ui/react1 file
  PromptCopy

• Hero With Demo Video Dialog

  hero-5

  Centered hero section whose Watch Demo button opens a video dialog, above a trusted-by strip of five icon and wordmark company logos.

  @base-ui/react1 file
  PromptCopy

• Hero With Avatar Social Proof

  hero-6

  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.

  @base-ui/react1 file
  PromptCopy

• Three Step Icon Cards

  how-it-works-1

  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.

  @base-ui/react1 file
  PromptCopy

• Clickable Horizontal Stepper

  how-it-works-3

  Interactive how it works stepper with clickable steps along a progress line that fills to the active step, stacking vertically on mobile.

  @base-ui/react1 file
  PromptCopy

• Zig-Zag Steps With Mockups

  how-it-works-4

  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.

  @base-ui/react1 file
  PromptCopy

• Connect Cards With Dialog

  integrations-1

  Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast.

  @base-ui/react1 file
  PromptCopy

• Compact Logo Tile Grid

  integrations-2

  Dense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.

  @base-ui/react1 file
  PromptCopy

• Searchable App Directory

  integrations-3

  Searchable integrations directory with a search input, category filter pills, and result cards that open a per-app connect dialog.

  @base-ui/react1 file
  PromptCopy

• Connection Toggle Settings

  integrations-4

  Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.

  @base-ui/react1 file
  PromptCopy

• Split Logo Grid With CTA

  integrations-5

  Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.

  @base-ui/react1 file
  PromptCopy

• Three Column Task Board

  kanban-1

  Kanban board with To Do, In Progress, and Done columns, drag and drop between them, and cards that open a task detail dialog.

  @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @base-ui/react1 file
  PromptCopy

• Single In Progress Column

  kanban-2

  Single In Progress kanban column of sortable rich task cards showing priority, labels, a due date, and a stacked assignee avatar group.

  @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @base-ui/react1 file
  PromptCopy

• Four Column Project Board

  kanban-3

  Project kanban board with To Do, In Progress, Review, and Done columns, per-column counts, and drag and drop reordering across columns.

  @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @base-ui/react1 file
  PromptCopy

• Personal Task Lanes

  kanban-4

  Personal my-tasks kanban with Today, This Week, and Later lanes of compact rows you drag and drop to reprioritize.

  @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities1 file
  PromptCopy

• Trusted By Logo Grid

  logo-cloud-1

  Logo cloud of eight company wordmarks in a bordered four column grid, under a trusted-by eyebrow and above a customer count line.

  1 file
  PromptCopy

• Integrations Logo Grid

  logo-cloud-2

  Integration logo grid of twelve brand marks in muted cells, each showing an icon and name, beneath a heading and subtext.

  1 file
  PromptCopy

• Logo Grid With Tooltips

  logo-cloud-4

  Logo grid of ten muted brand marks that brighten on hover and reveal the company name in a tooltip.

  @base-ui/react1 file
  PromptCopy

• Minimal Trust Strip

  logo-cloud-5

  Single row logo strip of six brand wordmarks under a trusted-by label, highlighting on hover, with no borders or cards.

  1 file
  PromptCopy

• Signup Card With Form States

  newsletter-3

  Newsletter signup card driven by a client state machine, cycling idle, loading spinner, success, and inline email validation error states.

  @base-ui/react1 file
  PromptCopy

• Topic Picker Double Opt-In

  newsletter-4

  Multi-step newsletter card where readers toggle topic interests, then land on a double opt-in check-your-inbox confirmation step.

  @base-ui/react1 file
  PromptCopy

• Newsletter Signup With Social Proof

  newsletter-5

  Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count, with inline email capture and a success state.

  @base-ui/react1 file
  PromptCopy

• Notifications Sheet Panel

  notifications-1

  Notifications sheet opened from a bell trigger, with icon tiles, unread highlighting, timestamps, an unread count, and a mark all read action.

  @base-ui/react1 file
  PromptCopy

• Bell Popover With Badge

  notifications-2

  Notification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.

  @base-ui/react1 file
  PromptCopy

• Notification Center Tabs

  notifications-3

  Notification center card with All, Unread, and Mentions tabs, per-row read toggling, a mark all read action, and a caught up empty state.

  @base-ui/react1 file
  PromptCopy

• Notification Preferences Toggles

  notifications-4

  Notification preferences panel with a row per activity type and separate email and push toggle switches for each.

  @base-ui/react1 file
  PromptCopy

• Welcome Checklist Card

  onboarding-1

  Onboarding welcome card with a setup progress bar and three checkbox steps for reading docs, inviting the team, and configuring the workspace.

  @base-ui/react1 file
  PromptCopy

• Three-Card Setup Steps

  onboarding-2

  Onboarding laid out as three numbered step cards for importing data, inviting teammates, and customizing the workspace, each toggling to complete.

  @base-ui/react1 file
  PromptCopy

• Multi-Step Setup Wizard

  onboarding-3

  Onboarding wizard card stepping through profile, workspace, invites, and a summary, with a progress bar, step indicator, and preference switches.

  @base-ui/react1 file
  PromptCopy

• First-Run Welcome Screen

  onboarding-4

  First-run onboarding empty state with a layered rocket illustration, welcome badge, create-project button, take-the-tour action, and reassurance hints.

  @base-ui/react1 file
  PromptCopy

• Invite Your Team Step

  onboarding-5

  Invite-teammates onboarding step marked 3 of 4, with add and remove email rows, a role select per invite, and skip or send actions.

  @base-ui/react1 file
  PromptCopy

• Dismissible Getting Started Widget

  onboarding-6

  Compact getting-started widget with a dismiss button, progress bar, and a five-step checklist showing completed steps struck through.

  @base-ui/react1 file
  PromptCopy

• Detail Header With Back Link

  page-header-4

  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.

  @base-ui/react1 file
  PromptCopy

• Header With Metrics Strip

  page-header-6

  Analytics page header with an eyebrow, title, export and settings actions, and an inline four-metric stats strip showing deltas.

  @base-ui/react1 file
  PromptCopy

• Three Tier Plan Cards

  pricing-1

  Pricing section with Starter, Pro, and Enterprise cards, a monthly or annual billing toggle, and a ring highlighted Most Popular plan.

  @base-ui/react1 file
  PromptCopy

• Two Plan Split Panel

  pricing-2

  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.

  @base-ui/react1 file
  PromptCopy

• Single Plan Spotlight

  pricing-3

  Single plan pricing card centered on the page with a large price, billing toggle, eight item feature checklist, trial note, and social proof footnote.

  @base-ui/react1 file
  PromptCopy

• Annual Savings Toggle

  pricing-4

  Three tier pricing grid whose monthly or annual toggle also shows the yearly billed total under each price, with a Most Popular badge on the featured tier.

  @base-ui/react1 file
  PromptCopy

• Plan Comparison Table

  pricing-5

  Static pricing comparison table with plans as columns and grouped feature rows, check and dash cells, a highlighted recommended column, and a CTA row.

  @base-ui/react1 file
  PromptCopy

• Public Profile With Tabs

  profile-1

  Public user profile with a cover banner, overlapping avatar, follower stats, Follow and Message actions, and tabs for posts and about.

  @base-ui/react1 file
  PromptCopy

• Compact Profile Card

  profile-2

  Compact centered profile card with avatar, role, location, a three column stat strip, and Follow and Message buttons for sidebars or directories.

  @base-ui/react1 file
  PromptCopy

• Organization Profile Card

  profile-3

  Company profile card with a logo mark, verified badge, stat strip, member avatar stack, and website and contact links.

  @base-ui/react1 file
  PromptCopy

• Status Kanban Board

  roadmap-1

  Product roadmap board in Planned, In Progress, and Shipped columns, with vote counts, progress bars, contributor avatars, and shipped dates per card.

  @base-ui/react1 file
  PromptCopy

• Now Next Later Phases

  roadmap-2

  Directional roadmap grouped into Now, Next, and Later phases with colored markers, a target month each, progress bars, and vote counts on upcoming items.

  @base-ui/react1 file
  PromptCopy

• Upvotable Feature Requests

  roadmap-3

  Public roadmap card where visitors upvote feature requests, each row with a live vote count, status and category badges, and progress on in development work.

  @base-ui/react1 file
  PromptCopy

• Quarterly Roadmap Columns

  roadmap-4

  Product roadmap laid out as four quarterly columns of feature cards, each with a category and a color coded shipped, in progress, or planned status.

  @base-ui/react1 file
  PromptCopy

• SaaS Landing

  saas-landing

  Complete SaaS marketing homepage template assembled from free blocks: hero section, social proof, features, stats, testimonials, pricing, FAQ, and a closing CTA.

  next-themes, @base-ui/react12 files
  PromptCopy

• SaaS Landing 2

  saas-landing-2

  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.

  @base-ui/react14 files
  PromptCopy

• Faceted Docs Search Panel

  search-1

  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.

  @base-ui/react1 file
  PromptCopy

• Search Results Page

  search-2

  Search results page with a query field, live result count, empty state, and result cards carrying a type badge, snippet, and last updated date.

  @base-ui/react1 file
  PromptCopy

• Autocomplete Search Input

  search-4

  Search input with an autocomplete dropdown of recent searches and keyboard navigable suggestions, an empty state, and a slash to focus hint.

  @base-ui/react1 file
  PromptCopy

• Profile And Notification Cards

  settings-1

  Settings page grouping a Profile card (display name, email, visibility select) and a Notifications card of labeled switches, saving with a toast confirmation.

  @base-ui/react1 file
  PromptCopy

• Compact Profile Card

  settings-2

  Compact centered settings card with avatar upload, name and email fields, timezone, density radios, notification checkboxes, a two-factor switch, and delete-account confirmation.

  @base-ui/react1 file
  PromptCopy

• Tabbed Account Billing Team

  settings-3

  Tabbed settings page splitting Account profile fields, a Billing plan and payment method card, and a Team members table with roles.

  @base-ui/react1 file
  PromptCopy

• Section Nav Settings Layout

  settings-4

  Settings layout with a left section nav (Profile, Account, Notifications, Billing) that swaps the active section's form cards beside it.

  @base-ui/react1 file
  PromptCopy

• Dashboard Rail With Stats

  sidebar-1

  App layout with a collapsible icon sidebar of grouped navigation beside a dashboard inset of stat tiles and a project listing.

  @base-ui/react1 file
  PromptCopy

• Flat Nav With Task Table

  sidebar-2

  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.

  @base-ui/react1 file
  PromptCopy

• Icon Rail With Tooltips

  sidebar-3

  Collapsible sidebar that shrinks to an icon rail with tooltips, holding grouped navigation, badge counts, and a user footer.

  @base-ui/react1 file
  PromptCopy

• Startup

  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.

  @base-ui/react9 files
  PromptCopy

• Bordered Four-Up Stat Band

  stats-1

  Four-column stats section band framed by separators, each metric pairing a large value and label with a badge showing its percentage change.

  @base-ui/react1 file
  PromptCopy

• Minimal Numbers Band

  stats-2

  Minimal four-up stats row of oversized numbers and short labels under one heading, with no icons, badges, dividers, or secondary copy.

  1 file
  PromptCopy

• Stat Cards With Trend Arrows

  stats-3

  Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow comparing the figure against last quarter.

  1 file
  PromptCopy

• Count-Up Stats On Scroll

  stats-4

  Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pairing an icon with a growth delta badge.

  @base-ui/react1 file
  PromptCopy

• Inverted Stats Panel

  stats-5

  Stats band on a filled primary-color panel with a heading and four large inverted figures, a high-contrast by-the-numbers section.

  1 file
  PromptCopy

• 90 Day Uptime Bars

  status-3

  Uptime history with per-service daily status bars for the last 90 days, colored by health, with uptime percentages and a legend.

  1 file
  PromptCopy

• Horizontal Numbered Stepper

  steps-1

  Horizontal progress stepper with numbered nodes, connectors, and labels across completed, current, and upcoming states for checkout or onboarding.

  1 file
  PromptCopy

• Vertical Stepper With Descriptions

  steps-2

  Vertical stepper on a connecting rail where each step shows a title and description across completed, current, and upcoming states.

  1 file
  PromptCopy

• Wizard Progress Bar Header

  steps-3

  Interactive step wizard header with a step counter, percentage, progress bar, the active step title and description, and back and continue buttons.

  @base-ui/react1 file
  PromptCopy

• Product Feedback Questionnaire

  survey-1

  Four-question product feedback survey card mixing single-choice, multi-select, and freeform answers, with progress and previous, skip, next, and submit controls.

  @base-ui/react1 file
  PromptCopy

• Net Promoter Score Survey

  survey-2

  Net promoter survey with a zero to ten rating scale and number-key shortcuts, followed by a required freeform question about the score.

  @base-ui/react1 file
  PromptCopy

• Cancellation Exit Survey Dialog

  survey-3

  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.

  @base-ui/react1 file
  PromptCopy

• Inline Was This Helpful

  survey-4

  Inline page feedback survey with a three-choice was this helpful rating and an optional follow-up, resolving to a thank-you state.

  @base-ui/react1 file
  PromptCopy

• Full Page Onboarding Survey

  survey-5

  Full-page onboarding survey showing one question per screen in oversized type, with letter-key shortcuts and a thin progress bar across the top.

  @base-ui/react1 file
  PromptCopy

• Branching Qualification Survey

  survey-6

  Branching sales qualification survey in a two-column split where the first answer disables questions that no longer apply, tracked by a path rail.

  @base-ui/react1 file
  PromptCopy

• Team Members Data Table

  table-1

  Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row menus, and pagination.

  @tanstack/react-table, @base-ui/react1 file
  PromptCopy

• Member Cards With Socials

  team-1

  Team grid of six member cards, each with an avatar, name, role, short bio, and LinkedIn, X, and GitHub links.

  @base-ui/react1 file
  PromptCopy

• Department Badge Grid

  team-2

  Team grid of six people in a hairline-divided layout, each with an avatar, name, role, department badge, and one-line bio.

  @base-ui/react1 file
  PromptCopy

• Hover Reveal Bio Cards

  team-3

  Four-column grid of eight team member cards that reveal a bio and social links on hover.

  @base-ui/react1 file
  PromptCopy

• Bordered Quote Trio

  testimonials-1

  Testimonials section with three customer quote cards in a hairline-divided grid, each with a quote glyph, avatar, name, role, and company.

  @base-ui/react1 file
  PromptCopy

• Single Voice Spotlight

  testimonials-2

  Single featured testimonial section with a large pull quote, oversized grayscale avatar, and three supporting outcome metrics.

  @base-ui/react1 file
  PromptCopy

• Wall Of Love Grid

  testimonials-3

  Wall of love testimonial grid with seven customer quote cards, each carrying a star rating, avatar, name, role, and company.

  @base-ui/react1 file
  PromptCopy

• Star Rated Review Cards

  testimonials-4

  Star-rated testimonial review cards in a responsive grid, each leading with a five-star rating row above the quote and a grayscale avatar.

  @base-ui/react1 file
  PromptCopy

• Milestone Rail With Status

  timeline-1

  Vertical timeline of milestones on a left rail, each node carrying a date, a Shipped, In Progress, or Planned badge, a title, and supporting copy.

  @base-ui/react1 file
  PromptCopy

• Alternating Spine Story

  timeline-2

  Centered timeline alternating year entries left and right of a vertical spine, collapsing to a single rail on mobile, with tag badges per entry.

  @base-ui/react1 file
  PromptCopy

• Activity Feed By Day

  timeline-3

  Activity timeline grouped by day, with avatar rows for each actor, action, target, and relative timestamp connected by a vertical rail.

  @base-ui/react1 file
  PromptCopy