UI Components

A simple visual marker for feature rows, cards, and callouts.

A structured list with compact icon markers, titles, and descriptions.

Simple responsive table for specs, schedules, comparisons, and structured data.

Side-by-side comparison media for transformations, redesigns, and case studies.

A button that opens an accessible modal panel with nested block content.

Controls a nearby content list by updating its filter attributes.

Controls a nearby content list by updating its sort attribute.

Multi-step content panels with next/previous controls.

Sticky anchor navigation for long pages and section-based layouts.

Group multiple buttons with shared alignment, spacing, wrapping, and mobile stacking.

Tabbed content panels with editable labels and nested block slots.

Responsive grid layout with preset cells for faster page composition.

Simple vertical layout for grouping blocks with consistent spacing.

Flexible row or column layout for toolbars, action groups, media rows, and responsive content clusters.

A product hero with command-bar proof and compact workflow state.

A high-intent local service hero with quote action, rating, and service badges.

A store launch hero with product shelf, offer copy, and purchase action.

A booking hero with service, date, and staff preview states.

A searchable marketplace or directory hero with filters and category proof.

A hero centered on prompt, generated output, and approval state.

A multi-column navigation preview for product, resource, and solution menus.

A compact mobile drawer menu state with primary links and account action.

A dashboard command and search bar for dense admin interfaces.

Pagination controls for listings, orders, posts, and search results.

A side navigation block for account, portal, and dashboard layouts.

A review cluster with average rating and short proof quotes.

A customer logo and proof rail for partner, client, or publication trust.

A guarantee or policy panel with direct buyer reassurance.

A compact case-study result card with before and after metrics.

A row of compliance, warranty, or certification badges.

A focused lead form with name, contact, and primary action.

A step-based quote request form for service businesses.

A compact email capture form for content, creators, and stores.

A form state for brief uploads, project assets, and support documents.

A preference capture block with toggles and selectable options.

A polished product card with price, media, and purchase action.

A row of products for collections, upsells, and storefront sections.

A bundle-selection component with included items and total price.

A pricing block with monthly or annual plan state.

Checkout progress UI for cart, customer, payment, and confirmation.

A compact post-cart upsell offer with one clear action.

A service selection list with duration, price, and booking action.

A date and time picker preview for appointment workflows.

A staff or provider picker with availability signals.

A booking summary card for confirmation and checkout screens.

A directory search control with query and location fields.

A listing card with metadata, tags, and CTA.

A sidebar filter stack for directory and marketplace listing pages.

A horizontal rail for browsing directory categories.

A multi-card dashboard metric group for admin and analytics pages.

A usage and quota meter for storage, credits, or plan limits.

A billing card showing plan, renewal, and payment state.

An activity feed for admin logs, workflow events, and team updates.

A compact operations table for tasks, orders, tickets, or sync states.

A prompt input and generation control for AI-assisted workflows.

A generated output card with status, preview, and apply action.

A queue for reviewing generated content before publishing.

An AI credit usage block that supports plan-based quotas.

A workflow automation card for triggers, actions, and status.

Dynamic grid of products from the Store app.

Feature one product with media, price, and action.

Dynamic cart contents and checkout action.

Show available booking services from the Bookings app.

Embed a booking form for one service.

Show published membership tiers and subscription actions.

Focused signup callout for one membership tier.

Show published courses from the LMS app.

Feature one course with a learning call to action.

Show upcoming published events and ticket actions.

Feature one event with schedule and ticket CTA.

A managed placeholder for blocks generated from an AI prompt and saved into the workspace library.