Named blocks, page packs, and commerce surfaces
Browse productized DryUI outputs grouped by the surfaces teams actually ship: marketing, application UI, and ecommerce.
Marketing Blocks
Prebuilt sections and named page examples for public-facing marketing sites.
Hero Sections
Lead with high-signal headlines, proof points, and focused call-to-action stacks.
Feature Sections
Explain product capabilities with feature grids, media pairings, and narrative stacks.
CTA Sections
Ship end-cap conversion bands, split CTAs, and proof-backed final asks.
Bento Grids
Use asymmetrical grids for storytelling, differentiators, and product proof clusters.
Pricing Sections
Package plan comparisons, bill-frequency toggles, and contract framing.
Header Sections and Headers
Provide reusable top-of-page framing for campaigns, docs, and product overviews.
Newsletter Sections
Ship sign-up bands and editorial opt-in sections without rebuilding forms.
Stats
Show traction, team scale, or delivery volume with ready-made stat treatments.
Testimonials
Package customer quotes, logos, and role metadata in reusable cards.
Blog Sections
Promote articles, case studies, and updates with ready-made editorial cards.
Contact Sections
Add support, sales, and outreach sections with cleaner routing and expectation-setting.
Team Sections
Publish founder, leadership, and team rosters with designed identity cards.
Content Sections
Package editorial layouts, long-form summaries, and product storytelling sections.
Logo Clouds
Show trusted brands and proof rows with more than a flat strip of logos.
FAQs
Ship FAQ sections with hierarchy, compact answers, and support-oriented routing.
Footers
Package multi-column and compact footer systems with brand, nav, and legal framing.
Flyout Menus
Ship product and site navigation flyouts with grouped links and supporting copy.
Banners
Top-of-page announcement and campaign banners with CTA and dismissal framing.
404 Pages
Package fallback pages with routing, helpful actions, and brand-safe empty states.
Landing Page Example
Bundle hero, feature, proof, and CTA sections into one finished landing page example.
Pricing Page Example
Combine plan cards, comparison framing, FAQ, and CTA sections into one pricing page.
About Page Example
Package company story, team, proof, and contact sections into one about page example.
Split-Screen Signup
Two-column signup layouts with form on one side and social proof or rotating content on the other.
Interactive Hero Card Selector
Intent-driven hero with selectable cards that change the page context based on user role or goal.
Tabbed Video Feature Showcase
Feature walkthrough sections with tab navigation and embedded video demonstrations.
Role-Based Flip Cards
Interactive flip cards showing role titles on front and detailed benefits on back for persona marketing.
Case Study Metric Cards
Customer success metric callouts, multi-metric rows, and quote cards for social proof sections.
Application UI
Productized workspace shells, list surfaces, forms, and named application pages.
Navigation Shells
App-shell compositions for side nav, top nav, and workspace routing.
Form Sections
Grouped settings, onboarding, and configuration sections built on Field and Fieldset.
List Surfaces
Reusable list, table, and queue layouts for activity, reviews, and tasks.
Overlay Surfaces
Package dialogs, drawers, and contextual overlays into named app patterns.
Layout Sections
Reusable app regions for summaries, rails, filters, and context cards.
Home Screens
Named application home-screen packs for dashboards, launch centers, and workspaces.
Detail Screens
Detail views that combine identity, metadata, activity, and secondary actions.
Settings Screens
Reusable settings-screen compositions for workspace, account, and permissions views.
Travel Result Cards
Travel booking cards for flights, hotels, rail, and negotiated-rate comparison flows.
Approval Workflows
Named approval queue, proposal, and status-chain compositions for travel and expense workflows.
Analytics Dashboards
Travel and expense dashboard compositions with KPI cards, tables, alerts, and time-range controls.
Trip Search Forms
Multi-modal travel search compositions combining location autocomplete, date pickers, traveler counts, and class selectors.
Itinerary Timeline
Trip timeline compositions showing flight, hotel, car, and rail segments with status indicators and action buttons.
Policy Compliance System
Policy badge, tooltip, price-to-beat bar, justification field, and summary panel compositions for travel policy enforcement.
Traveler Profile Sections
Tabbed profile sections for personal info, documents, preferences, loyalty programs, and payment methods.
Group Travel & Events
Event creation, attendee management, booking status, and budget tracking compositions for group travel coordination.
Seat Selection
Aircraft and train seat map compositions with tier pricing, selection summary, and accessibility features.
Live Traveler Map
World map with traveler pins, risk zone overlays, detail popovers, and dashboard sidebar for duty of care.
Policy Builder
Rule builder rows, policy template selector, and preview/test mode compositions for travel and expense policy configuration.
Integration Marketplace
Integration card grid, category filter sidebar, detail modal, and connection status dashboard for third-party integrations.
Audit Log
Searchable log table, filter bar, detail expansion, and CSV export compositions for compliance and audit trails.
Onboarding Wizard
Multi-step wizard, checklist dashboard, bulk user upload, and go-live summary compositions for new account setup.
Receipt Capture & Processing
Upload zone, OCR preview with editable fields, and receipt gallery compositions for expense receipt management.
Transaction Management
Transaction list with filters, inline detail expansion, and bulk action bar for expense transaction workflows.
Corporate Card Management
Card display, virtual card creation, card controls, and transaction feed compositions for corporate card programs.
Budget Tracking
Budget cards, creation forms, breakdown tables, and over-budget alerts for departmental and project budget management.
Reimbursement Tracker
Status pipeline, payment detail, and failed payment alert compositions for expense reimbursement workflows.
Ecommerce
Storefront, product, cart, checkout, and post-purchase commerce surfaces.
Product Overviews
Top-of-page product storytelling blocks for ecommerce launches and catalog pages.
Product Lists
Category and search result product-card systems with badges, price rows, and filters.
Category Previews
Homepage and merchandising blocks that introduce collections and product families.
Shopping Carts
Reusable cart line-item and summary surfaces for modal, side-panel, and page carts.
Category Filters
Filter bars and side rails for size, price, material, and availability facets.
Product Quickviews
Quickview overlays for size, color, and add-to-cart flows without leaving the list page.
Product Features
Use structured sections to explain materials, construction, and differentiators.
Store Navigation
Package branded storefront headers, collection navigation, and utility actions.
Promo Sections
Campaign and merchandising callout blocks for sales, bundles, and new arrivals.
Checkout Forms
Package checkout step framing, form grouping, and trust messaging.
Reviews
Reusable review stacks for product pages and campaign proof sections.
Order Summaries
Reusable summary surfaces for cart, checkout, and confirmation views.
Order History
Account-level order history and receipt surfaces for post-purchase experiences.
Incentives
Reusable free-shipping, warranty, and service proof modules for commerce flows.
Storefront Page Example
Finished storefront homepage example built from store nav, category previews, and promo sections.
Product Page Example
Finished product page built from product overview, features, reviews, and incentives.
Category Page Example
Finished category page built from filters, product lists, and collection framing.
Cart Page Example
Finished cart page built from line items, promo entry, incentives, and summary.
Checkout Page Example
Finished checkout page built from checkout forms, summary, and trust patterns.
Order Page Example
Finished post-purchase order page with receipt, status, and reorder patterns.