← Back to inspiration

Website section templates

Landing-page and website sections — heroes, navbars, features, pricing, testimonials, FAQs, CTAs and footers — as original designs you can copy. Every screen is an original design by Made Good Designs with its HTML code and a DESIGN.md of colour, type and spacing tokens, so you (or your AI coding agent) can build from it directly. Free to copy and adapt. See also all 3266 UI screens and 27 multi-step flows.

PlatformAllWebMobile
ScreensAllSign-in & onboardingDashboardsLists & dataShopping & paymentsAccount & adminMessages & mediaTools & AIIndustriesStates & feedbackEmailsStaff & operations
ComponentsUI components
WebsitesWebsite templatesWebsite sections
All website sectionsHeroNavigation headerFeature gridBento featuresHow it worksLogo cloudStats bandTestimonialsPricingComparison tableScored comparison tableIntegrations gridSecurity and trustFAQCTA bannerAbout teamCareersBlog indexChangelogContact formFooter
StyleAllMinimalEditorialBrutalistLuxuryPlayfulCorporateRetroMonochrome

336 screens

Theme

Landing page hero — web, minimal (Patchbay)
Hero · web · minimal
Landing page hero — web, editorial (Patchbay)
Hero · web · editorial
Landing page hero — web, brutalist (Patchbay)
Hero · web · brutalist
Landing page hero — web, luxury (Patchbay)
Hero · web · luxury
Landing page hero — web, playful (Patchbay)
Hero · web · playful
Landing page hero — web, corporate (Patchbay)
Hero · web · corporate
Landing page hero — web, retro (Patchbay)
Hero · web · retro
Landing page hero — web, monochrome (Patchbay)
Hero · web · monochrome
Landing page hero — mobile, minimal (Patchbay)
Hero · mobile · minimal
Landing page hero — mobile, editorial (Patchbay)
Hero · mobile · editorial
Landing page hero — mobile, brutalist (Patchbay)
Hero · mobile · brutalist
Landing page hero — mobile, luxury (Patchbay)
Hero · mobile · luxury
Landing page hero — mobile, playful (Patchbay)
Hero · mobile · playful
Landing page hero — mobile, corporate (Patchbay)
Hero · mobile · corporate
Landing page hero — mobile, retro (Patchbay)
Hero · mobile · retro
Landing page hero — mobile, monochrome (Patchbay)
Hero · mobile · monochrome
Navigation header with mega menu — web, minimal (Patchbay)
Navigation header · web · minimal
Navigation header with mega menu — web, editorial (Patchbay)
Navigation header · web · editorial
Navigation header with mega menu — web, brutalist (Patchbay)
Navigation header · web · brutalist
Navigation header with mega menu — web, luxury (Patchbay)
Navigation header · web · luxury
Navigation header with mega menu — web, playful (Patchbay)
Navigation header · web · playful
Navigation header with mega menu — web, corporate (Patchbay)
Navigation header · web · corporate
Navigation header with mega menu — web, retro (Patchbay)
Navigation header · web · retro
Navigation header with mega menu — web, monochrome (Patchbay)
Navigation header · web · monochrome
Navigation header with mega menu — mobile, minimal (Patchbay)
Navigation header · mobile · minimal
Navigation header with mega menu — mobile, editorial (Patchbay)
Navigation header · mobile · editorial
Navigation header with mega menu — mobile, brutalist (Patchbay)
Navigation header · mobile · brutalist
Navigation header with mega menu — mobile, luxury (Patchbay)
Navigation header · mobile · luxury
Navigation header with mega menu — mobile, playful (Patchbay)
Navigation header · mobile · playful
Navigation header with mega menu — mobile, corporate (Patchbay)
Navigation header · mobile · corporate
Navigation header with mega menu — mobile, retro (Patchbay)
Navigation header · mobile · retro
Navigation header with mega menu — mobile, monochrome (Patchbay)
Navigation header · mobile · monochrome
Feature grid — web, minimal (Patchbay)
Feature grid · web · minimal
Feature grid — web, editorial (Patchbay)
Feature grid · web · editorial
Feature grid — web, brutalist (Patchbay)
Feature grid · web · brutalist
Feature grid — web, luxury (Patchbay)
Feature grid · web · luxury
Feature grid — web, playful (Patchbay)
Feature grid · web · playful
Feature grid — web, corporate (Patchbay)
Feature grid · web · corporate
Feature grid — web, retro (Patchbay)
Feature grid · web · retro
Feature grid — web, monochrome (Patchbay)
Feature grid · web · monochrome
Feature grid — mobile, minimal (Patchbay)
Feature grid · mobile · minimal
Feature grid — mobile, editorial (Patchbay)
Feature grid · mobile · editorial
Feature grid — mobile, brutalist (Patchbay)
Feature grid · mobile · brutalist
Feature grid — mobile, luxury (Patchbay)
Feature grid · mobile · luxury
Feature grid — mobile, playful (Patchbay)
Feature grid · mobile · playful
Feature grid — mobile, corporate (Patchbay)
Feature grid · mobile · corporate
Feature grid — mobile, retro (Patchbay)
Feature grid · mobile · retro
Feature grid — mobile, monochrome (Patchbay)
Feature grid · mobile · monochrome
Bento feature grid — web, minimal (Patchbay)
Bento features · web · minimal
Bento feature grid — web, editorial (Patchbay)
Bento features · web · editorial
Bento feature grid — web, brutalist (Patchbay)
Bento features · web · brutalist
Bento feature grid — web, luxury (Patchbay)
Bento features · web · luxury
Bento feature grid — web, playful (Patchbay)
Bento features · web · playful
Bento feature grid — web, corporate (Patchbay)
Bento features · web · corporate
Bento feature grid — web, retro (Patchbay)
Bento features · web · retro
Bento feature grid — web, monochrome (Patchbay)
Bento features · web · monochrome
Bento feature grid — mobile, minimal (Patchbay)
Bento features · mobile · minimal
Bento feature grid — mobile, editorial (Patchbay)
Bento features · mobile · editorial
Bento feature grid — mobile, brutalist (Patchbay)
Bento features · mobile · brutalist
Bento feature grid — mobile, luxury (Patchbay)
Bento features · mobile · luxury
Bento feature grid — mobile, playful (Patchbay)
Bento features · mobile · playful
Bento feature grid — mobile, corporate (Patchbay)
Bento features · mobile · corporate
Bento feature grid — mobile, retro (Patchbay)
Bento features · mobile · retro
Bento feature grid — mobile, monochrome (Patchbay)
Bento features · mobile · monochrome
How it works steps — web, minimal (Patchbay)
How it works · web · minimal
How it works steps — web, editorial (Patchbay)
How it works · web · editorial
How it works steps — web, brutalist (Patchbay)
How it works · web · brutalist
How it works steps — web, luxury (Patchbay)
How it works · web · luxury
How it works steps — web, playful (Patchbay)
How it works · web · playful
How it works steps — web, corporate (Patchbay)
How it works · web · corporate
How it works steps — web, retro (Patchbay)
How it works · web · retro
How it works steps — web, monochrome (Patchbay)
How it works · web · monochrome
How it works steps — mobile, minimal (Patchbay)
How it works · mobile · minimal
How it works steps — mobile, editorial (Patchbay)
How it works · mobile · editorial
How it works steps — mobile, brutalist (Patchbay)
How it works · mobile · brutalist
How it works steps — mobile, luxury (Patchbay)
How it works · mobile · luxury
How it works steps — mobile, playful (Patchbay)
How it works · mobile · playful
How it works steps — mobile, corporate (Patchbay)
How it works · mobile · corporate
How it works steps — mobile, retro (Patchbay)
How it works · mobile · retro
How it works steps — mobile, monochrome (Patchbay)
How it works · mobile · monochrome
Logo cloud — web, minimal (Patchbay)
Logo cloud · web · minimal
Logo cloud — web, editorial (Patchbay)
Logo cloud · web · editorial
Logo cloud — web, brutalist (Patchbay)
Logo cloud · web · brutalist
Logo cloud — web, luxury (Patchbay)
Logo cloud · web · luxury
Logo cloud — web, playful (Patchbay)
Logo cloud · web · playful
Logo cloud — web, corporate (Patchbay)
Logo cloud · web · corporate
Logo cloud — web, retro (Patchbay)
Logo cloud · web · retro
Logo cloud — web, monochrome (Patchbay)
Logo cloud · web · monochrome
Logo cloud — mobile, minimal (Patchbay)
Logo cloud · mobile · minimal
Logo cloud — mobile, editorial (Patchbay)
Logo cloud · mobile · editorial
Logo cloud — mobile, brutalist (Patchbay)
Logo cloud · mobile · brutalist
Logo cloud — mobile, luxury (Patchbay)
Logo cloud · mobile · luxury
Logo cloud — mobile, playful (Patchbay)
Logo cloud · mobile · playful
Logo cloud — mobile, corporate (Patchbay)
Logo cloud · mobile · corporate
Logo cloud — mobile, retro (Patchbay)
Logo cloud · mobile · retro
Logo cloud — mobile, monochrome (Patchbay)
Logo cloud · mobile · monochrome
Stats band — web, minimal (Patchbay)
Stats band · web · minimal
Stats band — web, editorial (Patchbay)
Stats band · web · editorial
Stats band — web, brutalist (Patchbay)
Stats band · web · brutalist
Stats band — web, luxury (Patchbay)
Stats band · web · luxury
Stats band — web, playful (Patchbay)
Stats band · web · playful
Stats band — web, corporate (Patchbay)
Stats band · web · corporate
Stats band — web, retro (Patchbay)
Stats band · web · retro
Stats band — web, monochrome (Patchbay)
Stats band · web · monochrome
Stats band — mobile, minimal (Patchbay)
Stats band · mobile · minimal
Stats band — mobile, editorial (Patchbay)
Stats band · mobile · editorial
Stats band — mobile, brutalist (Patchbay)
Stats band · mobile · brutalist
Stats band — mobile, luxury (Patchbay)
Stats band · mobile · luxury
Stats band — mobile, playful (Patchbay)
Stats band · mobile · playful
Stats band — mobile, corporate (Patchbay)
Stats band · mobile · corporate
Stats band — mobile, retro (Patchbay)
Stats band · mobile · retro
Stats band — mobile, monochrome (Patchbay)
Stats band · mobile · monochrome
Testimonials — web, minimal (Patchbay)
Testimonials · web · minimal
Testimonials — web, editorial (Patchbay)
Testimonials · web · editorial
Testimonials — web, brutalist (Patchbay)
Testimonials · web · brutalist
Testimonials — web, luxury (Patchbay)
Testimonials · web · luxury
Testimonials — web, playful (Patchbay)
Testimonials · web · playful
Testimonials — web, corporate (Patchbay)
Testimonials · web · corporate
Testimonials — web, retro (Patchbay)
Testimonials · web · retro
Testimonials — web, monochrome (Patchbay)
Testimonials · web · monochrome
Testimonials — mobile, minimal (Patchbay)
Testimonials · mobile · minimal
Testimonials — mobile, editorial (Patchbay)
Testimonials · mobile · editorial
Testimonials — mobile, brutalist (Patchbay)
Testimonials · mobile · brutalist
Testimonials — mobile, luxury (Patchbay)
Testimonials · mobile · luxury
Testimonials — mobile, playful (Patchbay)
Testimonials · mobile · playful
Testimonials — mobile, corporate (Patchbay)
Testimonials · mobile · corporate
Testimonials — mobile, retro (Patchbay)
Testimonials · mobile · retro
Testimonials — mobile, monochrome (Patchbay)
Testimonials · mobile · monochrome
Pricing section — web, minimal (Patchbay)
Pricing · web · minimal
Pricing section — web, editorial (Patchbay)
Pricing · web · editorial
Pricing section — web, brutalist (Patchbay)
Pricing · web · brutalist
Pricing section — web, luxury (Patchbay)
Pricing · web · luxury
Pricing section — web, playful (Patchbay)
Pricing · web · playful
Pricing section — web, corporate (Patchbay)
Pricing · web · corporate
Pricing section — web, retro (Patchbay)
Pricing · web · retro
Pricing section — web, monochrome (Patchbay)
Pricing · web · monochrome
Pricing section — mobile, minimal (Patchbay)
Pricing · mobile · minimal
Pricing section — mobile, editorial (Patchbay)
Pricing · mobile · editorial
Pricing section — mobile, brutalist (Patchbay)
Pricing · mobile · brutalist
Pricing section — mobile, luxury (Patchbay)
Pricing · mobile · luxury
Pricing section — mobile, playful (Patchbay)
Pricing · mobile · playful
Pricing section — mobile, corporate (Patchbay)
Pricing · mobile · corporate
Pricing section — mobile, retro (Patchbay)
Pricing · mobile · retro
Pricing section — mobile, monochrome (Patchbay)
Pricing · mobile · monochrome
Plan comparison table — web, minimal (Patchbay)
Comparison table · web · minimal
Plan comparison table — web, editorial (Patchbay)
Comparison table · web · editorial
Plan comparison table — web, brutalist (Patchbay)
Comparison table · web · brutalist
Plan comparison table — web, luxury (Patchbay)
Comparison table · web · luxury
Plan comparison table — web, playful (Patchbay)
Comparison table · web · playful
Plan comparison table — web, corporate (Patchbay)
Comparison table · web · corporate
Plan comparison table — web, retro (Patchbay)
Comparison table · web · retro
Plan comparison table — web, monochrome (Patchbay)
Comparison table · web · monochrome
Plan comparison table — mobile, minimal (Patchbay)
Comparison table · mobile · minimal
Plan comparison table — mobile, editorial (Patchbay)
Comparison table · mobile · editorial
Plan comparison table — mobile, brutalist (Patchbay)
Comparison table · mobile · brutalist
Plan comparison table — mobile, luxury (Patchbay)
Comparison table · mobile · luxury
Plan comparison table — mobile, playful (Patchbay)
Comparison table · mobile · playful
Plan comparison table — mobile, corporate (Patchbay)
Comparison table · mobile · corporate
Plan comparison table — mobile, retro (Patchbay)
Comparison table · mobile · retro
Plan comparison table — mobile, monochrome (Patchbay)
Comparison table · mobile · monochrome
Scored comparison table — web, minimal (Patchbay)
Scored comparison table · web · minimal
Scored comparison table — web, editorial (Patchbay)
Scored comparison table · web · editorial
Scored comparison table — web, brutalist (Patchbay)
Scored comparison table · web · brutalist
Scored comparison table — web, luxury (Patchbay)
Scored comparison table · web · luxury
Scored comparison table — web, playful (Patchbay)
Scored comparison table · web · playful
Scored comparison table — web, corporate (Patchbay)
Scored comparison table · web · corporate
Scored comparison table — web, retro (Patchbay)
Scored comparison table · web · retro
Scored comparison table — web, monochrome (Patchbay)
Scored comparison table · web · monochrome
Scored comparison table — mobile, minimal (Patchbay)
Scored comparison table · mobile · minimal
Scored comparison table — mobile, editorial (Patchbay)
Scored comparison table · mobile · editorial
Scored comparison table — mobile, brutalist (Patchbay)
Scored comparison table · mobile · brutalist
Scored comparison table — mobile, luxury (Patchbay)
Scored comparison table · mobile · luxury
Scored comparison table — mobile, playful (Patchbay)
Scored comparison table · mobile · playful
Scored comparison table — mobile, corporate (Patchbay)
Scored comparison table · mobile · corporate
Scored comparison table — mobile, retro (Patchbay)
Scored comparison table · mobile · retro
Scored comparison table — mobile, monochrome (Patchbay)
Scored comparison table · mobile · monochrome
Integrations directory — web, minimal (Patchbay)
Integrations grid · web · minimal
Integrations directory — web, editorial (Patchbay)
Integrations grid · web · editorial
Integrations directory — web, brutalist (Patchbay)
Integrations grid · web · brutalist
Integrations directory — web, luxury (Patchbay)
Integrations grid · web · luxury
Integrations directory — web, playful (Patchbay)
Integrations grid · web · playful
Integrations directory — web, corporate (Patchbay)
Integrations grid · web · corporate
Integrations directory — web, retro (Patchbay)
Integrations grid · web · retro
Integrations directory — web, monochrome (Patchbay)
Integrations grid · web · monochrome
Integrations directory — mobile, minimal (Patchbay)
Integrations grid · mobile · minimal
Integrations directory — mobile, editorial (Patchbay)
Integrations grid · mobile · editorial
Integrations directory — mobile, brutalist (Patchbay)
Integrations grid · mobile · brutalist
Integrations directory — mobile, luxury (Patchbay)
Integrations grid · mobile · luxury
Integrations directory — mobile, playful (Patchbay)
Integrations grid · mobile · playful
Integrations directory — mobile, corporate (Patchbay)
Integrations grid · mobile · corporate
Integrations directory — mobile, retro (Patchbay)
Integrations grid · mobile · retro
Integrations directory — mobile, monochrome (Patchbay)
Integrations grid · mobile · monochrome
Security and trust — web, minimal (Patchbay)
Security and trust · web · minimal
Security and trust — web, editorial (Patchbay)
Security and trust · web · editorial
Security and trust — web, brutalist (Patchbay)
Security and trust · web · brutalist
Security and trust — web, luxury (Patchbay)
Security and trust · web · luxury
Security and trust — web, playful (Patchbay)
Security and trust · web · playful
Security and trust — web, corporate (Patchbay)
Security and trust · web · corporate
Security and trust — web, retro (Patchbay)
Security and trust · web · retro
Security and trust — web, monochrome (Patchbay)
Security and trust · web · monochrome
Security and trust — mobile, minimal (Patchbay)
Security and trust · mobile · minimal
Security and trust — mobile, editorial (Patchbay)
Security and trust · mobile · editorial
Security and trust — mobile, brutalist (Patchbay)
Security and trust · mobile · brutalist
Security and trust — mobile, luxury (Patchbay)
Security and trust · mobile · luxury
Security and trust — mobile, playful (Patchbay)
Security and trust · mobile · playful
Security and trust — mobile, corporate (Patchbay)
Security and trust · mobile · corporate
Security and trust — mobile, retro (Patchbay)
Security and trust · mobile · retro
Security and trust — mobile, monochrome (Patchbay)
Security and trust · mobile · monochrome
FAQ accordion — web, minimal (Patchbay)
FAQ · web · minimal
FAQ accordion — web, editorial (Patchbay)
FAQ · web · editorial
FAQ accordion — web, brutalist (Patchbay)
FAQ · web · brutalist
FAQ accordion — web, luxury (Patchbay)
FAQ · web · luxury
FAQ accordion — web, playful (Patchbay)
FAQ · web · playful
FAQ accordion — web, corporate (Patchbay)
FAQ · web · corporate
FAQ accordion — web, retro (Patchbay)
FAQ · web · retro
FAQ accordion — web, monochrome (Patchbay)
FAQ · web · monochrome
FAQ accordion — mobile, minimal (Patchbay)
FAQ · mobile · minimal
FAQ accordion — mobile, editorial (Patchbay)
FAQ · mobile · editorial
FAQ accordion — mobile, brutalist (Patchbay)
FAQ · mobile · brutalist
FAQ accordion — mobile, luxury (Patchbay)
FAQ · mobile · luxury
FAQ accordion — mobile, playful (Patchbay)
FAQ · mobile · playful
FAQ accordion — mobile, corporate (Patchbay)
FAQ · mobile · corporate
FAQ accordion — mobile, retro (Patchbay)
FAQ · mobile · retro
FAQ accordion — mobile, monochrome (Patchbay)
FAQ · mobile · monochrome
Call-to-action banner — web, minimal (Patchbay)
CTA banner · web · minimal
Call-to-action banner — web, editorial (Patchbay)
CTA banner · web · editorial
Call-to-action banner — web, brutalist (Patchbay)
CTA banner · web · brutalist
Call-to-action banner — web, luxury (Patchbay)
CTA banner · web · luxury
Call-to-action banner — web, playful (Patchbay)
CTA banner · web · playful
Call-to-action banner — web, corporate (Patchbay)
CTA banner · web · corporate
Call-to-action banner — web, retro (Patchbay)
CTA banner · web · retro
Call-to-action banner — web, monochrome (Patchbay)
CTA banner · web · monochrome
Call-to-action banner — mobile, minimal (Patchbay)
CTA banner · mobile · minimal
Call-to-action banner — mobile, editorial (Patchbay)
CTA banner · mobile · editorial
Call-to-action banner — mobile, brutalist (Patchbay)
CTA banner · mobile · brutalist
Call-to-action banner — mobile, luxury (Patchbay)
CTA banner · mobile · luxury
Call-to-action banner — mobile, playful (Patchbay)
CTA banner · mobile · playful
Call-to-action banner — mobile, corporate (Patchbay)
CTA banner · mobile · corporate
Call-to-action banner — mobile, retro (Patchbay)
CTA banner · mobile · retro
Call-to-action banner — mobile, monochrome (Patchbay)
CTA banner · mobile · monochrome
About page with team grid — web, minimal (Patchbay)
About team · web · minimal
About page with team grid — web, editorial (Patchbay)
About team · web · editorial
About page with team grid — web, brutalist (Patchbay)
About team · web · brutalist
About page with team grid — web, luxury (Patchbay)
About team · web · luxury
About page with team grid — web, playful (Patchbay)
About team · web · playful
About page with team grid — web, corporate (Patchbay)
About team · web · corporate
About page with team grid — web, retro (Patchbay)
About team · web · retro
About page with team grid — web, monochrome (Patchbay)
About team · web · monochrome
About page with team grid — mobile, minimal (Patchbay)
About team · mobile · minimal
About page with team grid — mobile, editorial (Patchbay)
About team · mobile · editorial
About page with team grid — mobile, brutalist (Patchbay)
About team · mobile · brutalist
About page with team grid — mobile, luxury (Patchbay)
About team · mobile · luxury
About page with team grid — mobile, playful (Patchbay)
About team · mobile · playful
About page with team grid — mobile, corporate (Patchbay)
About team · mobile · corporate
About page with team grid — mobile, retro (Patchbay)
About team · mobile · retro
About page with team grid — mobile, monochrome (Patchbay)
About team · mobile · monochrome
Careers open roles — web, minimal (Patchbay)
Careers · web · minimal
Careers open roles — web, editorial (Patchbay)
Careers · web · editorial
Careers open roles — web, brutalist (Patchbay)
Careers · web · brutalist
Careers open roles — web, luxury (Patchbay)
Careers · web · luxury
Careers open roles — web, playful (Patchbay)
Careers · web · playful
Careers open roles — web, corporate (Patchbay)
Careers · web · corporate
Careers open roles — web, retro (Patchbay)
Careers · web · retro
Careers open roles — web, monochrome (Patchbay)
Careers · web · monochrome
Careers open roles — mobile, minimal (Patchbay)
Careers · mobile · minimal
Careers open roles — mobile, editorial (Patchbay)
Careers · mobile · editorial
Careers open roles — mobile, brutalist (Patchbay)
Careers · mobile · brutalist
Careers open roles — mobile, luxury (Patchbay)
Careers · mobile · luxury
Careers open roles — mobile, playful (Patchbay)
Careers · mobile · playful
Careers open roles — mobile, corporate (Patchbay)
Careers · mobile · corporate
Careers open roles — mobile, retro (Patchbay)
Careers · mobile · retro
Careers open roles — mobile, monochrome (Patchbay)
Careers · mobile · monochrome
Blog index — web, minimal (Patchbay)
Blog index · web · minimal
Blog index — web, editorial (Patchbay)
Blog index · web · editorial
Blog index — web, brutalist (Patchbay)
Blog index · web · brutalist
Blog index — web, luxury (Patchbay)
Blog index · web · luxury
Blog index — web, playful (Patchbay)
Blog index · web · playful
Blog index — web, corporate (Patchbay)
Blog index · web · corporate
Blog index — web, retro (Patchbay)
Blog index · web · retro
Blog index — web, monochrome (Patchbay)
Blog index · web · monochrome
Blog index — mobile, minimal (Patchbay)
Blog index · mobile · minimal
Blog index — mobile, editorial (Patchbay)
Blog index · mobile · editorial
Blog index — mobile, brutalist (Patchbay)
Blog index · mobile · brutalist
Blog index — mobile, luxury (Patchbay)
Blog index · mobile · luxury
Blog index — mobile, playful (Patchbay)
Blog index · mobile · playful
Blog index — mobile, corporate (Patchbay)
Blog index · mobile · corporate
Blog index — mobile, retro (Patchbay)
Blog index · mobile · retro
Blog index — mobile, monochrome (Patchbay)
Blog index · mobile · monochrome
Changelog timeline — web, minimal (Patchbay)
Changelog · web · minimal
Changelog timeline — web, editorial (Patchbay)
Changelog · web · editorial
Changelog timeline — web, brutalist (Patchbay)
Changelog · web · brutalist
Changelog timeline — web, luxury (Patchbay)
Changelog · web · luxury
Changelog timeline — web, playful (Patchbay)
Changelog · web · playful
Changelog timeline — web, corporate (Patchbay)
Changelog · web · corporate
Changelog timeline — web, retro (Patchbay)
Changelog · web · retro
Changelog timeline — web, monochrome (Patchbay)
Changelog · web · monochrome
Changelog timeline — mobile, minimal (Patchbay)
Changelog · mobile · minimal
Changelog timeline — mobile, editorial (Patchbay)
Changelog · mobile · editorial
Changelog timeline — mobile, brutalist (Patchbay)
Changelog · mobile · brutalist
Changelog timeline — mobile, luxury (Patchbay)
Changelog · mobile · luxury
Changelog timeline — mobile, playful (Patchbay)
Changelog · mobile · playful
Changelog timeline — mobile, corporate (Patchbay)
Changelog · mobile · corporate
Changelog timeline — mobile, retro (Patchbay)
Changelog · mobile · retro
Changelog timeline — mobile, monochrome (Patchbay)
Changelog · mobile · monochrome
Contact sales form — web, minimal (Patchbay)
Contact form · web · minimal
Contact sales form — web, editorial (Patchbay)
Contact form · web · editorial
Contact sales form — web, brutalist (Patchbay)
Contact form · web · brutalist
Contact sales form — web, luxury (Patchbay)
Contact form · web · luxury
Contact sales form — web, playful (Patchbay)
Contact form · web · playful
Contact sales form — web, corporate (Patchbay)
Contact form · web · corporate
Contact sales form — web, retro (Patchbay)
Contact form · web · retro
Contact sales form — web, monochrome (Patchbay)
Contact form · web · monochrome
Contact sales form — mobile, minimal (Patchbay)
Contact form · mobile · minimal
Contact sales form — mobile, editorial (Patchbay)
Contact form · mobile · editorial
Contact sales form — mobile, brutalist (Patchbay)
Contact form · mobile · brutalist
Contact sales form — mobile, luxury (Patchbay)
Contact form · mobile · luxury
Contact sales form — mobile, playful (Patchbay)
Contact form · mobile · playful
Contact sales form — mobile, corporate (Patchbay)
Contact form · mobile · corporate
Contact sales form — mobile, retro (Patchbay)
Contact form · mobile · retro
Contact sales form — mobile, monochrome (Patchbay)
Contact form · mobile · monochrome
Rich site footer — web, minimal (Patchbay)
Footer · web · minimal
Rich site footer — web, editorial (Patchbay)
Footer · web · editorial
Rich site footer — web, brutalist (Patchbay)
Footer · web · brutalist
Rich site footer — web, luxury (Patchbay)
Footer · web · luxury
Rich site footer — web, playful (Patchbay)
Footer · web · playful
Rich site footer — web, corporate (Patchbay)
Footer · web · corporate
Rich site footer — web, retro (Patchbay)
Footer · web · retro
Rich site footer — web, monochrome (Patchbay)
Footer · web · monochrome
Rich site footer — mobile, minimal (Patchbay)
Footer · mobile · minimal
Rich site footer — mobile, editorial (Patchbay)
Footer · mobile · editorial
Rich site footer — mobile, brutalist (Patchbay)
Footer · mobile · brutalist
Rich site footer — mobile, luxury (Patchbay)
Footer · mobile · luxury
Rich site footer — mobile, playful (Patchbay)
Footer · mobile · playful
Rich site footer — mobile, corporate (Patchbay)
Footer · mobile · corporate
Rich site footer — mobile, retro (Patchbay)
Footer · mobile · retro
Rich site footer — mobile, monochrome (Patchbay)
Footer · mobile · monochrome

Browse by pattern

App screens

Dashboard
Data table
Analytics charts
Login
Sign up
Forgot password
Two-factor code
Welcome
Onboarding step
Permissions request
Home
Feed
List view
Detail view
Kanban board
Calendar
File manager
Search results
Editor toolbar
AI chat assistant
Chat list
Chat thread
Video call
Image viewer
Map view
Video player
Create post
Class schedule
Booking details
Booking confirmed
Product detail
Cart
Checkout
Order confirmation
Settings
Profile
Notifications center
Team members
Roles permissions
Audit log
API keys
Integrations
Billing plans
Invoice
Paywall upgrade
Cancel subscription
Empty state
404 error
Loading skeleton
Success confirmation
AI workspace
AI settings
Version history
Approval queue
Doctor directory
Telehealth visit
Clinic home
Music player
Playlist
Portfolio home
Case study
Security dashboard
Project tracker
Course dashboard
Multi-step form wizard
Bank onboarding
Product scan
Split view (master-detail)
Canvas editor
Floor plan
Voice call
Toast / snackbar with undo
Confirm dialog (destructive)
Side drawer
Command palette
Date range picker
Form validation errors
Sign-in error
Card declined at checkout
Find a pro (home services)
Book a home-service visit
Job tracker
Account email
Order email
Shift scheduler
Leave calendar
Time-off request
Multi-location operations dashboard
Inventory stock
Savings goal
Onboarding carousel

UI components

Tabs
Cards
Pagination
Popover
Tooltip
Dropdown menu
Accordion
Radio buttons
Breadcrumbs
Toggle switch
Stepper
Sidebar navigation
Loading spinner

Website sections

Hero
Navigation header
Feature grid
Bento features
How it works
Logo cloud
Stats band
Testimonials
Pricing
Comparison table
Scored comparison table
Integrations grid
Security and trust
FAQ
CTA banner
About team
Careers
Blog index
Changelog
Contact form
Footer

Website templates

Casual dining website templates
Agency website templates
Architecture website templates
Wedding website templates
Ecommerce website templates
Cafe and coffee shop website templates
Salon website templates
Real estate agency website templates
Construction website templates
Law firm website templates
Dental website templates
Gym website templates
School and education website templates
Nonprofit website templates
Travel website templates
Hotel website templates
SaaS landing page templates
AI website templates
Medical website templates
Cardiology website templates
Dermatology website templates
Therapist website templates
Physical therapy website templates
Veterinary website templates
Financial advisor website templates
Cleaning service website templates
HVAC website templates
Cybersecurity website templates
CRM landing page templates
Coaching website templates
Pest control website templates
Solar website templates
AI agent website templates
Preschool website templates
Apartment community website templates
Pediatric website templates
Orthodontics website templates
Fertility clinic website templates
Hospital website templates
Mental health clinic website templates
Optometry website templates
Pharmacy website templates
Real estate agent website templates
Property management website templates
Luxury real estate website templates
Commercial real estate website templates
Vacation rental website templates
Home builder website templates
Bakery website templates
Pizzeria website templates
Bar and pub website templates
Catering website templates
Food truck website templates
Fine dining website templates

Browse by category, device and style

Sign-in & onboarding
Dashboards
Lists & data
Shopping & payments
Account & admin
Messages & media
Tools & AI
Industries
States & feedback
Emails
Staff & operations
Website sections
Website templates
UI components
Web UI
Mobile app UI
Minimal style
Editorial style
Brutalist style
Luxury style
Playful style
Corporate style
Retro style
Monochrome style
Building with an AI coding agent? Every screen here is also in the free Made Good Designs MCP server: ask Claude, Cursor or ChatGPT to search_ui_screens (e.g. “billing settings, editorial style”), get_ui_flow for a whole journey, and get_ui_screen_code to pull the HTML and DESIGN.md straight into your project.

Save to board