← Back to inspiration

Retro UI design examples

Retro interfaces with warm paper tones, pixel-era details and chunky type. 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
StyleAllMinimalEditorialBrutalistLuxuryPlayfulCorporateRetroMonochrome

430 screens

Theme

Analytics dashboard — web, retro (Tallyfold)
Dashboard · web · retro
Analytics dashboard — mobile, retro (Tallyfold)
Dashboard · mobile · retro
Data table (customers) — web, retro (Tallyfold)
Data table · web · retro
Data table (customers) — mobile, retro (Tallyfold)
Data table · mobile · retro
Analytics report (charts) — web, retro (Tallyfold)
Analytics charts · web · retro
Analytics report (charts) — mobile, retro (Tallyfold)
Analytics charts · mobile · retro
Login / sign-in — web, retro (Fernway)
Login · web · retro
Login / sign-in — mobile, retro (Fernway)
Login · mobile · retro
Sign up / create account — web, retro (Fernway)
Sign up · web · retro
Sign up / create account — mobile, retro (Fernway)
Sign up · mobile · retro
Forgot password — web, retro (Fernway)
Forgot password · web · retro
Forgot password — mobile, retro (Fernway)
Forgot password · mobile · retro
Two-factor verification — web, retro (Fernway)
Two-factor code · web · retro
Two-factor verification — mobile, retro (Fernway)
Two-factor code · mobile · retro
Welcome after sign-up — web, retro (Fernway)
Welcome · web · retro
Welcome after sign-up — mobile, retro (Fernway)
Welcome · mobile · retro
Onboarding step (2 of 4) — web, retro (Fernway)
Onboarding step · web · retro
Onboarding step (2 of 4) — mobile, retro (Fernway)
Onboarding step · mobile · retro
Notification permission request — web, retro (Fernway)
Permissions request · web · retro
Notification permission request — mobile, retro (Fernway)
Permissions request · mobile · retro
App home (today) — web, retro (Steadyfit)
Home · web · retro
App home (today) — mobile, retro (Steadyfit)
Home · mobile · retro
Photo feed — web, retro (Fieldnote)
Feed · web · retro
Photo feed — mobile, retro (Fieldnote)
Feed · mobile · retro
Task list (My tasks) — web, retro (Fernway)
List view · web · retro
Task list (My tasks) — mobile, retro (Fernway)
List view · mobile · retro
Task detail — web, retro (Fernway)
Detail view · web · retro
Task detail — mobile, retro (Fernway)
Detail view · mobile · retro
Kanban board — web, retro (Fernway)
Kanban board · web · retro
Kanban board — mobile, retro (Fernway)
Kanban board · mobile · retro
Calendar (week view) — web, retro (Fernway)
Calendar · web · retro
Calendar (week view) — mobile, retro (Fernway)
Calendar · mobile · retro
File manager — web, retro (Fernway)
File manager · web · retro
File manager — mobile, retro (Fernway)
File manager · mobile · retro
Search results — web, retro (Fernway)
Search results · web · retro
Search results — mobile, retro (Fernway)
Search results · mobile · retro
Document editor with toolbar — web, retro (Fernway)
Editor toolbar · web · retro
Document editor with toolbar — mobile, retro (Fernway)
Editor toolbar · mobile · retro
AI chat assistant — web, retro (Lumen Desk)
AI chat assistant · web · retro
AI chat assistant — mobile, retro (Lumen Desk)
AI chat assistant · mobile · retro
Team chat inbox (conversations) — web, retro (Fernway)
Chat list · web · retro
Team chat inbox (conversations) — mobile, retro (Fernway)
Chat list · mobile · retro
Team chat channel thread — web, retro (Fernway)
Chat thread · web · retro
Team chat channel thread — mobile, retro (Fernway)
Chat thread · mobile · retro
Video call in progress — web, retro (Fernway)
Video call · web · retro
Video call in progress — mobile, retro (Fernway)
Video call · mobile · retro
Image viewer (lightbox) — web, retro (Fieldnote)
Image viewer · web · retro
Image viewer (lightbox) — mobile, retro (Fieldnote)
Image viewer · mobile · retro
Explore map — web, retro (Fieldnote)
Map view · web · retro
Explore map — mobile, retro (Fieldnote)
Map view · mobile · retro
Video player — web, retro (Fieldnote)
Video player · web · retro
Video player — mobile, retro (Fieldnote)
Video player · mobile · retro
Create photo post — web, retro (Fieldnote)
Create post · web · retro
Create photo post — mobile, retro (Fieldnote)
Create post · mobile · retro
Class schedule (browse and book) — web, retro (Steadyfit)
Class schedule · web · retro
Class schedule (browse and book) — mobile, retro (Steadyfit)
Class schedule · mobile · retro
Class booking details — web, retro (Steadyfit)
Booking details · web · retro
Class booking details — mobile, retro (Steadyfit)
Booking details · mobile · retro
Booking confirmation (class) — web, retro (Steadyfit)
Booking confirmed · web · retro
Booking confirmation (class) — mobile, retro (Steadyfit)
Booking confirmed · mobile · retro
Product detail page — web, retro (Juniper Supply)
Product detail · web · retro
Product detail page — mobile, retro (Juniper Supply)
Product detail · mobile · retro
Shopping cart — web, retro (Juniper Supply)
Cart · web · retro
Shopping cart — mobile, retro (Juniper Supply)
Cart · mobile · retro
Checkout — web, retro (Juniper Supply)
Checkout · web · retro
Checkout — mobile, retro (Juniper Supply)
Checkout · mobile · retro
Order confirmation — web, retro (Juniper Supply)
Order confirmation · web · retro
Order confirmation — mobile, retro (Juniper Supply)
Order confirmation · mobile · retro
Workspace settings — web, retro (Fernway)
Settings · web · retro
Workspace settings — mobile, retro (Fernway)
Settings · mobile · retro
Member profile — web, retro (Fernway)
Profile · web · retro
Member profile — mobile, retro (Fernway)
Profile · mobile · retro
Notifications center — web, retro (Fernway)
Notifications center · web · retro
Notifications center — mobile, retro (Fernway)
Notifications center · mobile · retro
Team members and invite — web, retro (Fernway)
Team members · web · retro
Team members and invite — mobile, retro (Fernway)
Team members · mobile · retro
Roles and permissions — web, retro (Fernway)
Roles permissions · web · retro
Roles and permissions — mobile, retro (Fernway)
Roles permissions · mobile · retro
Security audit log — web, retro (Fernway)
Audit log · web · retro
Security audit log — mobile, retro (Fernway)
Audit log · mobile · retro
API keys — web, retro (Fernway)
API keys · web · retro
API keys — mobile, retro (Fernway)
API keys · mobile · retro
Integrations — web, retro (Fernway)
Integrations · web · retro
Integrations — mobile, retro (Fernway)
Integrations · mobile · retro
Billing and plans settings — web, retro (Fernway)
Billing plans · web · retro
Billing and plans settings — mobile, retro (Fernway)
Billing plans · mobile · retro
Invoice — web, retro (Fernway)
Invoice · web · retro
Invoice — mobile, retro (Fernway)
Invoice · mobile · retro
Paywall / upgrade prompt — web, retro (Fernway)
Paywall upgrade · web · retro
Paywall / upgrade prompt — mobile, retro (Fernway)
Paywall upgrade · mobile · retro
Cancel subscription — web, retro (Fernway)
Cancel subscription · web · retro
Cancel subscription — mobile, retro (Fernway)
Cancel subscription · mobile · retro
Empty state (inbox zero) — web, retro (Fernway)
Empty state · web · retro
Empty state (inbox zero) — mobile, retro (Fernway)
Empty state · mobile · retro
404 page not found — web, retro (Fernway)
404 error · web · retro
404 page not found — mobile, retro (Fernway)
404 error · mobile · retro
Loading skeleton — web, retro (Fernway)
Loading skeleton · web · retro
Loading skeleton — mobile, retro (Fernway)
Loading skeleton · mobile · retro
Invites sent confirmation — web, retro (Fernway)
Success confirmation · Invite sent · web · retro
Password reset confirmation — web, retro (Fernway)
Success confirmation · Password reset · web · retro
Plan upgraded confirmation — web, retro (Fernway)
Success confirmation · Plan upgraded · web · retro
Subscription cancelled confirmation — web, retro (Fernway)
Success confirmation · Subscription cancelled · web · retro
Invites sent confirmation — mobile, retro (Fernway)
Success confirmation · Invite sent · mobile · retro
Password reset confirmation — mobile, retro (Fernway)
Success confirmation · Password reset · mobile · retro
Plan upgraded confirmation — mobile, retro (Fernway)
Success confirmation · Plan upgraded · mobile · retro
Subscription cancelled confirmation — mobile, retro (Fernway)
Success confirmation · Subscription cancelled · mobile · retro
AI generation workspace — web, retro (Lumen Desk)
AI workspace · web · retro
AI generation workspace — mobile, retro (Lumen Desk)
AI workspace · mobile · retro
AI model and assistant settings — web, retro (Lumen Desk)
AI settings · web · retro
AI model and assistant settings — mobile, retro (Lumen Desk)
AI settings · mobile · retro
Document version history and diff — web, retro (Fernway)
Version history · web · retro
Document version history and diff — mobile, retro (Fernway)
Version history · mobile · retro
Approval queue — web, retro (Fernway)
Approval queue · web · retro
Approval queue — mobile, retro (Fernway)
Approval queue · mobile · retro
Doctor directory (find a doctor) — web, retro (Harbourline Health)
Doctor directory · web · retro
Doctor directory (find a doctor) — mobile, retro (Harbourline Health)
Doctor directory · mobile · retro
After-visit summary (telehealth) — web, retro (Harbourline Health)
Telehealth visit · Visit summary · web · retro
Telehealth video call in progress — web, retro (Harbourline Health)
Telehealth visit · In call · web · retro
Telehealth waiting room (device check) — web, retro (Harbourline Health)
Telehealth visit · Waiting room · web · retro
After-visit summary (telehealth) — mobile, retro (Harbourline Health)
Telehealth visit · Visit summary · mobile · retro
Telehealth video call in progress — mobile, retro (Harbourline Health)
Telehealth visit · In call · mobile · retro
Telehealth waiting room (device check) — mobile, retro (Harbourline Health)
Telehealth visit · Waiting room · mobile · retro
Clinic / hospital homepage — web, retro (Harbourline Health)
Clinic home · web · retro
Clinic / hospital homepage — mobile, retro (Harbourline Health)
Clinic home · mobile · retro
Music player (now playing) — web, retro (Tidewell)
Music player · web · retro
Music player (now playing) — mobile, retro (Tidewell)
Music player · mobile · retro
Playlist / album detail — web, retro (Tidewell)
Playlist · web · retro
Playlist / album detail — mobile, retro (Tidewell)
Playlist · mobile · retro
Personal portfolio home — web, retro (Ines Calder)
Portfolio home · web · retro
Personal portfolio home — mobile, retro (Ines Calder)
Portfolio home · mobile · retro
Project case study — web, retro (Ines Calder)
Case study · web · retro
Project case study — mobile, retro (Ines Calder)
Case study · mobile · retro
Security vulnerabilities dashboard — web, retro (Wardline)
Security dashboard · web · retro
Security vulnerabilities dashboard — mobile, retro (Wardline)
Security dashboard · mobile · retro
Project tracker dashboard — web, retro (Fernway)
Project tracker · web · retro
Project tracker dashboard — mobile, retro (Fernway)
Project tracker · mobile · retro
Learning dashboard (LMS) — web, retro (Brightpath)
Course dashboard · web · retro
Learning dashboard (LMS) — mobile, retro (Brightpath)
Course dashboard · mobile · retro
Multi-step form wizard — web, retro (Brightpath)
Multi-step form wizard · web · retro
Multi-step form wizard — mobile, retro (Brightpath)
Multi-step form wizard · mobile · retro
Bank account opening welcome — web, retro (Mintwell)
Bank onboarding · Welcome · web · retro
Bank account ready (success) — web, retro (Mintwell)
Bank onboarding · Account ready · web · retro
Bank identity verification (KYC) step — web, retro (Mintwell)
Bank onboarding · Verify identity · web · retro
Bank account opening welcome — mobile, retro (Mintwell)
Bank onboarding · Welcome · mobile · retro
Bank account ready (success) — mobile, retro (Mintwell)
Bank onboarding · Account ready · mobile · retro
Bank identity verification (KYC) step — mobile, retro (Mintwell)
Bank onboarding · Verify identity · mobile · retro
Barcode / product scanner camera view — web, retro (Dewline)
Product scan · Camera · web · retro
Product scan result (ingredients and skin match) — web, retro (Dewline)
Product scan · Result · web · retro
Barcode / product scanner camera view — mobile, retro (Dewline)
Product scan · Camera · mobile · retro
Product scan result (ingredients and skin match) — mobile, retro (Dewline)
Product scan · Result · mobile · retro
Master–detail split view (docs list and detail pane) — web, retro (Fernway)
Split view (master-detail) · web · retro
Master–detail split view (docs list and detail pane) — mobile, retro (Fernway)
Split view (master-detail) · mobile · retro
Flow canvas editor (sitemap / onboarding diagram) — web, retro (Fernway)
Canvas editor · web · retro
Flow canvas editor (sitemap / onboarding diagram) — mobile, retro (Fernway)
Canvas editor · mobile · retro
Office floor plan (desk and room booking) — web, retro (Fernway)
Floor plan · web · retro
Office floor plan (desk and room booking) — mobile, retro (Fernway)
Floor plan · mobile · retro
Voice call in progress — web, retro (Fernway)
Voice call · web · retro
Voice call in progress — mobile, retro (Fernway)
Voice call · mobile · retro
Toast with undo (task deleted) — web, retro (Fernway)
Toast / snackbar with undo · web · retro
Toast with undo (task deleted) — mobile, retro (Fernway)
Toast / snackbar with undo · mobile · retro
Confirm delete dialog (destructive) — web, retro (Fernway)
Confirm dialog (destructive) · web · retro
Confirm delete dialog (destructive) — mobile, retro (Fernway)
Confirm dialog (destructive) · mobile · retro
Side drawer over a data table (record details) — web, retro (Tallyfold)
Side drawer · web · retro
Side drawer over a data table (record details) — mobile, retro (Tallyfold)
Side drawer · mobile · retro
Command palette (open) — web, retro (Fernway)
Command palette · web · retro
Command palette (open) — mobile, retro (Fernway)
Command palette · mobile · retro
Date range picker (open) — web, retro (Tallyfold)
Date range picker · web · retro
Date range picker (open) — mobile, retro (Tallyfold)
Date range picker · mobile · retro
Form with inline validation errors — web, retro (Fernway)
Form validation errors · web · retro
Form with inline validation errors — mobile, retro (Fernway)
Form validation errors · mobile · retro
Sign-in error: account locked — web, retro (Fernway)
Sign-in error · Account locked · web · retro
Sign-in error: wrong password — web, retro (Fernway)
Sign-in error · Wrong password · web · retro
Two-factor error: code expired — web, retro (Fernway)
Sign-in error · Code expired · web · retro
Sign-in error: account locked — mobile, retro (Fernway)
Sign-in error · Account locked · mobile · retro
Sign-in error: wrong password — mobile, retro (Fernway)
Sign-in error · Wrong password · mobile · retro
Two-factor error: code expired — mobile, retro (Fernway)
Sign-in error · Code expired · mobile · retro
Checkout: card declined — web, retro (Juniper Supply)
Card declined at checkout · web · retro
Checkout: card declined — mobile, retro (Juniper Supply)
Card declined at checkout · mobile · retro
Find a pro (home services directory) — web, retro (Handmere)
Find a pro (home services) · web · retro
Find a pro (home services directory) — mobile, retro (Handmere)
Find a pro (home services) · mobile · retro
Book a home-service visit (details and arrival window) — web, retro (Handmere)
Book a home-service visit · Details and arrival window · web · retro
Booking error: arrival window just taken — web, retro (Handmere)
Book a home-service visit · Arrival window just taken · web · retro
Book a home-service visit (details and arrival window) — mobile, retro (Handmere)
Book a home-service visit · Details and arrival window · mobile · retro
Booking error: arrival window just taken — mobile, retro (Handmere)
Book a home-service visit · Arrival window just taken · mobile · retro
Job done: pay, tip and rate — web, retro (Handmere)
Job tracker · Job done, pay and rate · web · retro
Job tracker: pro on the way — web, retro (Handmere)
Job tracker · Pro on the way · web · retro
Job done: pay, tip and rate — mobile, retro (Handmere)
Job tracker · Job done, pay and rate · mobile · retro
Job tracker: pro on the way — mobile, retro (Handmere)
Job tracker · Pro on the way · mobile · retro
Invoice email (paid) — web, retro (Fernway)
Account email · Invoice · web · retro
Magic link sign-in email — web, retro (Fernway)
Account email · Magic link sign-in · web · retro
Password reset email — web, retro (Fernway)
Account email · Password reset · web · retro
Verify email address email — web, retro (Fernway)
Account email · Verify email · web · retro
Welcome email — web, retro (Fernway)
Account email · Welcome · web · retro
Invoice email (paid) — mobile, retro (Fernway)
Account email · Invoice · mobile · retro
Magic link sign-in email — mobile, retro (Fernway)
Account email · Magic link sign-in · mobile · retro
Password reset email — mobile, retro (Fernway)
Account email · Password reset · mobile · retro
Verify email address email — mobile, retro (Fernway)
Account email · Verify email · mobile · retro
Welcome email — mobile, retro (Fernway)
Account email · Welcome · mobile · retro
Order receipt email — web, retro (Juniper Supply)
Order email · Receipt · web · retro
Shipping update email — web, retro (Juniper Supply)
Order email · Shipping update · web · retro
Order receipt email — mobile, retro (Juniper Supply)
Order email · Receipt · mobile · retro
Shipping update email — mobile, retro (Juniper Supply)
Order email · Shipping update · mobile · retro
Shift scheduler — web, retro (Rosterline)
Shift scheduler · web · retro
Shift scheduler — mobile, retro (Rosterline)
Shift scheduler · mobile · retro
Leave calendar — web, retro (Rosterline)
Leave calendar · web · retro
Leave calendar — mobile, retro (Rosterline)
Leave calendar · mobile · retro
Manager review (approve or decline) — web, retro (Rosterline)
Time-off request · Manager review · web · retro
Request conflicts with staffing — web, retro (Rosterline)
Time-off request · Conflicts with staffing · web · retro
Request time off — web, retro (Rosterline)
Time-off request · Request · web · retro
Manager review (approve or decline) — mobile, retro (Rosterline)
Time-off request · Manager review · mobile · retro
Request conflicts with staffing — mobile, retro (Rosterline)
Time-off request · Conflicts with staffing · mobile · retro
Request time off — mobile, retro (Rosterline)
Time-off request · Request · mobile · retro
Multi-location operations dashboard — web, retro (Rosterline)
Multi-location operations dashboard · web · retro
Multi-location operations dashboard — mobile, retro (Rosterline)
Multi-location operations dashboard · mobile · retro
Low stock list — web, retro (Rosterline)
Inventory stock · Low stock · web · retro
Receive stock (delivery form) — web, retro (Rosterline)
Inventory stock · Receive stock · web · retro
Low stock list — mobile, retro (Rosterline)
Inventory stock · Low stock · mobile · retro
Receive stock (delivery form) — mobile, retro (Rosterline)
Inventory stock · Receive stock · mobile · retro
Savings goal with projection — web, retro (Mintwell)
Savings goal · web · retro
Savings goal with projection — mobile, retro (Mintwell)
Savings goal · mobile · retro
Onboarding carousel — web, retro (Dewline)
Onboarding carousel · web · retro
Onboarding carousel — mobile, retro (Dewline)
Onboarding carousel · mobile · retro
Landing page hero — web, retro (Patchbay)
Hero · web · retro
Landing page hero — mobile, retro (Patchbay)
Hero · mobile · retro
Navigation header with mega menu — web, retro (Patchbay)
Navigation header · web · retro
Navigation header with mega menu — mobile, retro (Patchbay)
Navigation header · mobile · retro
Feature grid — web, retro (Patchbay)
Feature grid · web · retro
Feature grid — mobile, retro (Patchbay)
Feature grid · mobile · retro
Bento feature grid — web, retro (Patchbay)
Bento features · web · retro
Bento feature grid — mobile, retro (Patchbay)
Bento features · mobile · retro
How it works steps — web, retro (Patchbay)
How it works · web · retro
How it works steps — mobile, retro (Patchbay)
How it works · mobile · retro
Logo cloud — web, retro (Patchbay)
Logo cloud · web · retro
Logo cloud — mobile, retro (Patchbay)
Logo cloud · mobile · retro
Stats band — web, retro (Patchbay)
Stats band · web · retro
Stats band — mobile, retro (Patchbay)
Stats band · mobile · retro
Testimonials — web, retro (Patchbay)
Testimonials · web · retro
Testimonials — mobile, retro (Patchbay)
Testimonials · mobile · retro
Pricing section — web, retro (Patchbay)
Pricing · web · retro
Pricing section — mobile, retro (Patchbay)
Pricing · mobile · retro
Plan comparison table — web, retro (Patchbay)
Comparison table · web · retro
Plan comparison table — mobile, retro (Patchbay)
Comparison table · mobile · retro
Scored comparison table — web, retro (Patchbay)
Scored comparison table · web · retro
Scored comparison table — mobile, retro (Patchbay)
Scored comparison table · mobile · retro
Integrations directory — web, retro (Patchbay)
Integrations grid · web · retro
Integrations directory — mobile, retro (Patchbay)
Integrations grid · mobile · retro
Security and trust — web, retro (Patchbay)
Security and trust · web · retro
Security and trust — mobile, retro (Patchbay)
Security and trust · mobile · retro
FAQ accordion — web, retro (Patchbay)
FAQ · web · retro
FAQ accordion — mobile, retro (Patchbay)
FAQ · mobile · retro
Call-to-action banner — web, retro (Patchbay)
CTA banner · web · retro
Call-to-action banner — mobile, retro (Patchbay)
CTA banner · mobile · retro
About page with team grid — web, retro (Patchbay)
About team · web · retro
About page with team grid — mobile, retro (Patchbay)
About team · mobile · retro
Careers open roles — web, retro (Patchbay)
Careers · web · retro
Careers open roles — mobile, retro (Patchbay)
Careers · mobile · retro
Blog index — web, retro (Patchbay)
Blog index · web · retro
Blog index — mobile, retro (Patchbay)
Blog index · mobile · retro
Changelog timeline — web, retro (Patchbay)
Changelog · web · retro
Changelog timeline — mobile, retro (Patchbay)
Changelog · mobile · retro
Contact sales form — web, retro (Patchbay)
Contact form · web · retro
Contact sales form — mobile, retro (Patchbay)
Contact form · mobile · retro
Rich site footer — web, retro (Patchbay)
Footer · web · retro
Rich site footer — mobile, retro (Patchbay)
Footer · mobile · retro
Restaurant website home page — web, retro (Olive & Ember)
Restaurant website · Home page · web · retro
Restaurant website, Band layout — web, retro (Olive & Ember)
Restaurant website · Band · web · retro
Restaurant website, Menu layout — web, retro (Olive & Ember)
Restaurant website · Menu · web · retro
Restaurant website home page — mobile, retro (Olive & Ember)
Restaurant website · Home page · mobile · retro
Restaurant website, Band layout — mobile, retro (Olive & Ember)
Restaurant website · Band · mobile · retro
Restaurant website, Menu layout — mobile, retro (Olive & Ember)
Restaurant website · Menu · mobile · retro
Agency website home page — web, retro (Quarry & Kite)
Agency website · web · retro
Agency website home page — mobile, retro (Quarry & Kite)
Agency website · mobile · retro
Architecture website home page — web, retro (Atelier Obra)
Architecture website · web · retro
Architecture website home page — mobile, retro (Atelier Obra)
Architecture website · mobile · retro
Wedding website home page — web, retro (Noor & Callum)
Wedding website · web · retro
Wedding website home page — mobile, retro (Noor & Callum)
Wedding website · mobile · retro
E-commerce website home page — web, retro (Juniper Supply)
Ecommerce website · web · retro
E-commerce website home page — mobile, retro (Juniper Supply)
Ecommerce website · mobile · retro
Coffee shop website home page — web, retro (Kiln & Crumb)
Coffee shop website · Home page · web · retro
Kiln & Crumb website, Menu layout — web, retro (Kiln & Crumb)
Coffee shop website · Menu · web · retro
Coffee shop website home page — mobile, retro (Kiln & Crumb)
Coffee shop website · Home page · mobile · retro
Kiln & Crumb website, Menu layout — mobile, retro (Kiln & Crumb)
Coffee shop website · Menu · mobile · retro
Salon website home page — web, retro (Studio Velour)
Salon website · web · retro
Salon website home page — mobile, retro (Studio Velour)
Salon website · mobile · retro
Real estate website home page — web, retro (Harrow & Vale)
Real estate website · Home page · web · retro
Real estate website, Band layout — web, retro (Harrow & Vale)
Real estate website · Band · web · retro
Real estate website home page — mobile, retro (Harrow & Vale)
Real estate website · Home page · mobile · retro
Real estate website, Band layout — mobile, retro (Harrow & Vale)
Real estate website · Band · mobile · retro
Construction company website home page — web, retro (Ironbark Builders)
Construction website · web · retro
Construction company website home page — mobile, retro (Ironbark Builders)
Construction website · mobile · retro
Law firm website home page — web, retro (Whitcombe Hale)
Law firm website · web · retro
Law firm website home page — mobile, retro (Whitcombe Hale)
Law firm website · mobile · retro
Dental practice website home page — web, retro (Fennick Dental)
Dental website · web · retro
Dental website, Band layout — web, retro (Fennick Dental)
Dental website · Band · web · retro
Dental practice website home page — mobile, retro (Fennick Dental)
Dental website · mobile · retro
Dental website, Band layout — mobile, retro (Fennick Dental)
Dental website · Band · mobile · retro
Gym website home page — web, retro (Ironyard Gym)
Gym website · web · retro
Gym website home page — mobile, retro (Ironyard Gym)
Gym website · mobile · retro
School website home page — web, retro (Alderbrook Academy)
School website · web · retro
School website home page — mobile, retro (Alderbrook Academy)
School website · mobile · retro
Nonprofit website home page — web, retro (Commonplate)
Nonprofit website · web · retro
Nonprofit website home page — mobile, retro (Commonplate)
Nonprofit website · mobile · retro
Travel website home page — web, retro (Driftmark Journeys)
Travel website · web · retro
Travel website home page — mobile, retro (Driftmark Journeys)
Travel website · mobile · retro
Hotel website home page — web, retro (Halcyon Quay)
Hotel website · web · retro
Hotel website home page — mobile, retro (Halcyon Quay)
Hotel website · mobile · retro
SaaS landing page home page — web, retro (Patchbay)
SaaS landing page · web · retro
SaaS landing page home page — mobile, retro (Patchbay)
SaaS landing page · mobile · retro
AI website home page — web, retro (Lumen Desk)
AI website · web · retro
AI website home page — mobile, retro (Lumen Desk)
AI website · mobile · retro
Medical practice website home page — web, retro (Marrowfield Medical)
Medical website · web · retro
Medical website, Band layout — web, retro (Marrowfield Medical)
Medical website · Band · web · retro
Medical practice website home page — mobile, retro (Marrowfield Medical)
Medical website · mobile · retro
Medical website, Band layout — mobile, retro (Marrowfield Medical)
Medical website · Band · mobile · retro
Cardiology practice website home page — web, retro (Quillon Heart)
Cardiology website · web · retro
Cardiology website, Band layout — web, retro (Quillon Heart)
Cardiology website · Band · web · retro
Cardiology practice website home page — mobile, retro (Quillon Heart)
Cardiology website · mobile · retro
Cardiology website, Band layout — mobile, retro (Quillon Heart)
Cardiology website · Band · mobile · retro
Dermatology clinic website home page — web, retro (Sorrel Lane Dermatology)
Dermatology website · web · retro
Dermatology website, Band layout — web, retro (Sorrel Lane Dermatology)
Dermatology website · Band · web · retro
Dermatology clinic website home page — mobile, retro (Sorrel Lane Dermatology)
Dermatology website · mobile · retro
Dermatology website, Band layout — mobile, retro (Sorrel Lane Dermatology)
Dermatology website · Band · mobile · retro
Therapist website home page — web, retro (Thistlewick Counselling)
Therapist website · web · retro
Thistlewick Counselling website, Band layout — web, retro (Thistlewick Counselling)
Therapist website · Band · web · retro
Therapist website home page — mobile, retro (Thistlewick Counselling)
Therapist website · mobile · retro
Thistlewick Counselling website, Band layout — mobile, retro (Thistlewick Counselling)
Therapist website · Band · mobile · retro
Physical therapy clinic website home page — web, retro (Kestrelgate Physio)
Physical therapy website · web · retro
Physical therapy website, Band layout — web, retro (Kestrelgate Physio)
Physical therapy website · Band · web · retro
Physical therapy clinic website home page — mobile, retro (Kestrelgate Physio)
Physical therapy website · mobile · retro
Physical therapy website, Band layout — mobile, retro (Kestrelgate Physio)
Physical therapy website · Band · mobile · retro
Veterinary practice website home page — web, retro (Bramblecote Vets)
Veterinary website · web · retro
Veterinary website, Band layout — web, retro (Bramblecote Vets)
Veterinary website · Band · web · retro
Veterinary practice website home page — mobile, retro (Bramblecote Vets)
Veterinary website · mobile · retro
Veterinary website, Band layout — mobile, retro (Bramblecote Vets)
Veterinary website · Band · mobile · retro
Financial advisor website home page — web, retro (Lindqvale Planning)
Financial advisor website · web · retro
Financial advisor website home page — mobile, retro (Lindqvale Planning)
Financial advisor website · mobile · retro
Cleaning service website home page — web, retro (Spruceway Cleaning)
Cleaning service website · web · retro
Cleaning service website home page — mobile, retro (Spruceway Cleaning)
Cleaning service website · mobile · retro
HVAC company website home page — web, retro (Northdraft Heating & Cooling)
HVAC website · web · retro
HVAC company website home page — mobile, retro (Northdraft Heating & Cooling)
HVAC website · mobile · retro
Cybersecurity website home page — web, retro (Wardline)
Cybersecurity website · web · retro
Cybersecurity website home page — mobile, retro (Wardline)
Cybersecurity website · mobile · retro
CRM landing page home page — web, retro (Pipeloom)
CRM landing page · web · retro
CRM landing page home page — mobile, retro (Pipeloom)
CRM landing page · mobile · retro
Coaching website home page — web, retro (Tallowmere Coaching)
Coaching website · web · retro
Coaching website home page — mobile, retro (Tallowmere Coaching)
Coaching website · mobile · retro
Pest control website home page — web, retro (Mothwell Pest Control)
Pest control website · web · retro
Pest control website home page — mobile, retro (Mothwell Pest Control)
Pest control website · mobile · retro
Solar company website home page — web, retro (Sunrake Solar)
Solar website · web · retro
Solar company website home page — mobile, retro (Sunrake Solar)
Solar website · mobile · retro
AI agent website home page — web, retro (Oarlock)
AI agent website · web · retro
AI agent website home page — mobile, retro (Oarlock)
AI agent website · mobile · retro
Preschool website home page — web, retro (Puddlewick Preschool)
Preschool website · web · retro
Preschool website home page — mobile, retro (Puddlewick Preschool)
Preschool website · mobile · retro
Apartment community website home page — web, retro (Cinderyard Residences)
Apartment website · web · retro
Apartment community website home page — mobile, retro (Cinderyard Residences)
Apartment website · mobile · retro
Pediatrics website home page — web, retro (Wrenfold Children's Clinic)
Pediatrics website · web · retro
Pediatrics website, Band layout — web, retro (Wrenfold Children's Clinic)
Pediatrics website · Band · web · retro
Pediatrics website home page — mobile, retro (Wrenfold Children's Clinic)
Pediatrics website · mobile · retro
Pediatrics website, Band layout — mobile, retro (Wrenfold Children's Clinic)
Pediatrics website · Band · mobile · retro
Orthodontics website home page — web, retro (Wraybrook Orthodontics)
Orthodontics website · web · retro
Orthodontics website, Band layout — web, retro (Wraybrook Orthodontics)
Orthodontics website · Band · web · retro
Orthodontics website home page — mobile, retro (Wraybrook Orthodontics)
Orthodontics website · mobile · retro
Orthodontics website, Band layout — mobile, retro (Wraybrook Orthodontics)
Orthodontics website · Band · mobile · retro
Fertility clinic website home page — web, retro (Moonfern Fertility)
Fertility clinic website · web · retro
Fertility website, Band layout — web, retro (Moonfern Fertility)
Fertility clinic website · Band · web · retro
Fertility clinic website home page — mobile, retro (Moonfern Fertility)
Fertility clinic website · mobile · retro
Fertility website, Band layout — mobile, retro (Moonfern Fertility)
Fertility clinic website · Band · mobile · retro
Hospital website, Band layout — web, retro (Tarrowmere Community Hospital)
Hospital website · Band · web · retro
Hospital website, Band layout — mobile, retro (Tarrowmere Community Hospital)
Hospital website · Band · mobile · retro
Wrenhollow Mental Health website, Band layout — web, retro (Wrenhollow Mental Health)
Mental health website · Band · web · retro
Wrenhollow Mental Health website, Band layout — mobile, retro (Wrenhollow Mental Health)
Mental health website · Band · mobile · retro
Optometry website, Band layout — web, retro (Ollanby Eyecare)
Optometry website · Band · web · retro
Optometry website, Band layout — mobile, retro (Ollanby Eyecare)
Optometry website · Band · mobile · retro
Pharmacy website, Band layout — web, retro (Quenby Lane Pharmacy)
Pharmacy website · Band · web · retro
Pharmacy website, Band layout — mobile, retro (Quenby Lane Pharmacy)
Pharmacy website · Band · mobile · retro
Wrenfold Lettings website, Band layout — web, retro (Wrenfold Lettings)
Property management website · Band · web · retro
Wrenfold Lettings website, Band layout — mobile, retro (Wrenfold Lettings)
Property management website · Band · mobile · retro
Fenmoor & Hale website, Band layout — web, retro (Fenmoor & Hale)
Luxury real estate website · Band · web · retro
Fenmoor & Hale website, Band layout — mobile, retro (Fenmoor & Hale)
Luxury real estate website · Band · mobile · retro
Fernlow Stays website, Band layout — web, retro (Fernlow Stays)
Vacation rental website · Band · web · retro
Fernlow Stays website, Band layout — mobile, retro (Fernlow Stays)
Vacation rental website · Band · mobile · retro
Corbel Ridge Homes website, Band layout — web, retro (Corbel Ridge Homes)
Home builder website · Band · web · retro
Corbel Ridge Homes website, Band layout — mobile, retro (Corbel Ridge Homes)
Home builder website · Band · mobile · retro
Bakery website, Band layout — web, retro (Tallowmere Bakehouse)
Bakery website · Band · web · retro
Bakery website, Menu layout — web, retro (Tallowmere Bakehouse)
Bakery website · Menu · web · retro
Bakery website, Band layout — mobile, retro (Tallowmere Bakehouse)
Bakery website · Band · mobile · retro
Bakery website, Menu layout — mobile, retro (Tallowmere Bakehouse)
Bakery website · Menu · mobile · retro
Pizzeria website, Band layout — web, retro (Ferrowick Pizza)
Pizzeria website · Band · web · retro
Pizzeria website, Menu layout — web, retro (Ferrowick Pizza)
Pizzeria website · Menu · web · retro
Pizzeria website, Band layout — mobile, retro (Ferrowick Pizza)
Pizzeria website · Band · mobile · retro
Pizzeria website, Menu layout — mobile, retro (Ferrowick Pizza)
Pizzeria website · Menu · mobile · retro
Bar website, Band layout — web, retro (Oxbarrow Taphouse)
Bar website · Band · web · retro
Bar website, Menu layout — web, retro (Oxbarrow Taphouse)
Bar website · Menu · web · retro
Bar website, Band layout — mobile, retro (Oxbarrow Taphouse)
Bar website · Band · mobile · retro
Bar website, Menu layout — mobile, retro (Oxbarrow Taphouse)
Bar website · Menu · mobile · retro
Catering website, Menu layout — web, retro (Quillhaven Catering)
Catering website · Menu · web · retro
Catering website, Menu layout — mobile, retro (Quillhaven Catering)
Catering website · Menu · mobile · retro
Food truck website, Band layout — web, retro (Kettlewren Street Kitchen)
Food truck website · Band · web · retro
Food truck website, Menu layout — web, retro (Kettlewren Street Kitchen)
Food truck website · Menu · web · retro
Food truck website, Band layout — mobile, retro (Kettlewren Street Kitchen)
Food truck website · Band · mobile · retro
Food truck website, Menu layout — mobile, retro (Kettlewren Street Kitchen)
Food truck website · Menu · mobile · retro
Fine dining website, Menu layout — web, retro (Vellacourt)
Fine dining website · Menu · web · retro
Fine dining website, Menu layout — mobile, retro (Vellacourt)
Fine dining website · Menu · mobile · retro
Tabs component — web, retro (Fernway)
Tabs · web · retro
Tabs component — mobile, retro (Fernway)
Tabs · mobile · retro
Cards component — web, retro (Juniper Supply)
Cards · web · retro
Cards component — mobile, retro (Juniper Supply)
Cards · mobile · retro
Pagination component — web, retro (Fieldnote)
Pagination · web · retro
Pagination component — mobile, retro (Fieldnote)
Pagination · mobile · retro
Popover component — web, retro (Patchbay)
Popover · web · retro
Popover component — mobile, retro (Patchbay)
Popover · mobile · retro
Tooltip component — web, retro (Tallyfold)
Tooltip · web · retro
Tooltip component — mobile, retro (Tallyfold)
Tooltip · mobile · retro
Dropdown menu component — web, retro (Fernway)
Dropdown menu · web · retro
Dropdown menu component — mobile, retro (Fernway)
Dropdown menu · mobile · retro
Accordion component — web, retro (Steadyfit)
Accordion · web · retro
Accordion component — mobile, retro (Steadyfit)
Accordion · mobile · retro
Radio buttons component — web, retro (Mintwell)
Radio buttons · web · retro
Radio buttons component — mobile, retro (Mintwell)
Radio buttons · mobile · retro
Breadcrumbs component — web, retro (Juniper Supply)
Breadcrumbs · web · retro
Breadcrumbs component — mobile, retro (Juniper Supply)
Breadcrumbs · mobile · retro
Toggle switch component — web, retro (Fernway)
Toggle switch · web · retro
Toggle switch component — mobile, retro (Fernway)
Toggle switch · mobile · retro
Stepper component — web, retro (Mintwell)
Stepper · web · retro
Stepper component — mobile, retro (Mintwell)
Stepper · mobile · retro
Sidebar navigation component — web, retro (Wardline)
Sidebar navigation · web · retro
Sidebar navigation component — mobile, retro (Wardline)
Sidebar navigation · mobile · retro
Loading spinner component — web, retro (Lumen Desk)
Loading spinner · web · retro
Loading spinner component — mobile, retro (Lumen Desk)
Loading spinner · mobile · retro

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