[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fprogress-bar":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":550,"links":551,"dates":614},"\u002Fexamples\u002Ftags\u002Fprogress-bar","collection","screens",true,{"example_count":9,"app_count":10},4699,346,{"id":12,"title":13,"description":14},335,"Progress bar","",{"title":16,"description":17,"og_image":18},"Progress bar screen examples - Nicelydone","Progress bar screen design examples from SaaS apps. Browse examples from Zaro, Dock, Voiceflow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79fe653a-f313-4492-9311-ae4730bc37d2.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Progress bar screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"4699 screens",[34,102,152,187,217,255,284,330,383,427,462,507],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":67,"app":80},"79fe653a-f313-4492-9311-ae4730bc37d2","Zaro - The Context Layer for Enterprise AI","Onboarding step where the user chooses whether to import existing data from tools like Drive and Notion or start with an empty workspace.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fscreens",3024,1758,"Zaro - The Context Layer for Enterprise AI from Zaro","2026-08-24T10:01:28.000Z","screen",[45,54,62],{"id":46,"label":47,"slug":48,"rank":49,"group":50},74,"Onboarding Checklist","onboarding-checklist",0,{"id":51,"label":52,"slug":53},7,"Onboarding & Education","onboarding-and-education",{"id":51,"label":55,"slug":56,"rank":57,"group":58},"Add & Create","add-and-create",1,{"id":59,"label":60,"slug":61},2,"Actions","actions",{"id":63,"label":64,"slug":65,"rank":59,"group":66},75,"Setup Wizard","setup-wizard",{"id":51,"label":52,"slug":53},[68,72,76],{"id":69,"title":70,"slug":71},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},174,"Card","card",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":81,"title":82,"logo":83,"baseline":84,"categories":85},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[86,90,94,98],{"id":87,"title":88,"slug":89},23,"Collaboration","collaboration",{"id":91,"title":92,"slug":93},80,"Artificial Intelligence","artificial-intelligence",{"id":95,"title":96,"slug":97},22,"Knowledge Management","knowledge-management",{"id":99,"title":100,"slug":101},46,"Analytics","analytics",{"uuid":103,"title":104,"description":105,"canonical_path":106,"image":107,"width":39,"height":40,"image_alt":108,"published_at":109,"kind":43,"patterns":110,"component_categories":129,"app":141},"7996bf94-d951-4b01-aba7-ce29347118d0","Plan · Dock","Wizard step where the user selects plans from an existing workspace to save as a new template, previewing the tasks inside the selected plan.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7996bf94-d951-4b01-aba7-ce29347118d0.png","Plan · Dock from Dock","2026-07-13T15:30:47.000Z",[111,113,121],{"id":51,"label":55,"slug":56,"rank":49,"group":112},{"id":59,"label":60,"slug":61},{"id":114,"label":115,"slug":116,"rank":57,"group":117},86,"Templates","templates",{"id":118,"label":119,"slug":120},8,"Pages & Content","pages-and-content",{"id":122,"label":123,"slug":124,"rank":59,"group":125},129,"Workflow Builder","workflow-builder",{"id":126,"label":127,"slug":128},13,"Workflow & Automation","workflow-and-automation",[130,131,132,136,140],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":133,"title":134,"slug":135},260,"Badge","badge",{"id":137,"title":138,"slug":139},169,"Avatar","avatar",{"id":77,"title":78,"slug":79},{"slug":142,"title":143,"logo":144,"baseline":145,"categories":146},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[147,148],{"id":87,"title":88,"slug":89},{"id":149,"title":150,"slug":151},29,"Task Management","task-management",{"uuid":153,"title":154,"description":155,"canonical_path":156,"image":157,"width":39,"height":40,"image_alt":158,"published_at":159,"kind":43,"patterns":160,"component_categories":165,"app":172},"7c8993f3-b428-4ee7-b137-9df51f1e31d5","Voiceflow | Creator","Onboarding step where the user selects their primary use cases from a list of options like customer support and lead generation.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7c8993f3-b428-4ee7-b137-9df51f1e31d5.png","Voiceflow | Creator from Voiceflow","2026-07-07T07:44:33.000Z",[161,163],{"id":46,"label":47,"slug":48,"rank":49,"group":162},{"id":51,"label":52,"slug":53},{"id":63,"label":64,"slug":65,"rank":57,"group":164},{"id":51,"label":52,"slug":53},[166,170,171],{"id":167,"title":168,"slug":169},240,"Horizontal navigation","horizontal-navigation",{"id":69,"title":70,"slug":71},{"id":77,"title":78,"slug":79},{"slug":173,"title":174,"logo":175,"baseline":176,"categories":177},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[178,179,183],{"id":91,"title":92,"slug":93},{"id":180,"title":181,"slug":182},47,"Customer Service","customer-service",{"id":184,"title":185,"slug":186},96,"No code","no-code",{"uuid":188,"title":189,"description":190,"canonical_path":191,"image":192,"width":39,"height":40,"image_alt":193,"published_at":194,"kind":43,"patterns":195,"component_categories":204,"app":206},"5915b68a-a514-4510-aad7-39afe01e1362","HeyGen - AI Spokesperson Video Creator","Onboarding step where the user selects their role from a grid of options like Business Owner, Marketing, and Developer before continuing.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5915b68a-a514-4510-aad7-39afe01e1362.png","HeyGen - AI Spokesperson Video Creator from HeyGen","2026-06-29T18:29:44.000Z",[196,198],{"id":46,"label":47,"slug":48,"rank":49,"group":197},{"id":51,"label":52,"slug":53},{"id":57,"label":199,"slug":200,"rank":57,"group":201},"Account Setup","account-setup",{"id":57,"label":202,"slug":203},"Access & Account","access-and-account",[205],{"id":77,"title":78,"slug":79},{"slug":207,"title":208,"logo":209,"baseline":210,"categories":211},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[212,216],{"id":213,"title":214,"slug":215},100,"Video","video",{"id":91,"title":92,"slug":93},{"uuid":218,"title":219,"description":220,"canonical_path":221,"image":222,"width":39,"height":40,"image_alt":223,"published_at":224,"kind":43,"patterns":225,"component_categories":239,"app":241},"de375367-3e58-48a7-be7a-37ba1c21abcf","Aave Account","Verification screen where the user enters a 6-digit code to update their email address.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde375367-3e58-48a7-be7a-37ba1c21abcf.png","Aave Account from Family","2026-06-23T15:14:10.000Z",[226,231],{"id":227,"label":228,"slug":229,"rank":49,"group":230},6,"Verification","verification",{"id":57,"label":202,"slug":203},{"id":232,"label":233,"slug":234,"rank":57,"group":235},94,"Account Settings","account-settings",{"id":236,"label":237,"slug":238},10,"Settings & Admin","settings-and-admin",[240],{"id":77,"title":78,"slug":79},{"slug":242,"title":243,"logo":244,"baseline":245,"categories":246},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[247,251],{"id":248,"title":249,"slug":250},36,"Finance","finance",{"id":252,"title":253,"slug":254},95,"Blockchain","blockchain",{"uuid":256,"title":257,"description":258,"canonical_path":259,"image":260,"width":39,"height":40,"image_alt":261,"published_at":262,"kind":43,"patterns":263,"component_categories":273,"app":277},"6149437a-f5c7-410e-a585-1662f83f23bf","Copilot Money | Onboarding","Onboarding step where the user sets up two-factor authentication with an authenticator app before continuing.","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6149437a-f5c7-410e-a585-1662f83f23bf.png","Copilot Money | Onboarding from Copilot","2026-06-23T15:13:59.000Z",[264,266,271],{"id":46,"label":47,"slug":48,"rank":49,"group":265},{"id":51,"label":52,"slug":53},{"id":267,"label":268,"slug":269,"rank":57,"group":270},98,"MFA","mfa",{"id":236,"label":237,"slug":238},{"id":63,"label":64,"slug":65,"rank":59,"group":272},{"id":51,"label":52,"slug":53},[274,275,276],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":278,"title":279,"logo":280,"baseline":281,"categories":282},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[283],{"id":248,"title":249,"slug":250},{"uuid":285,"title":286,"description":287,"canonical_path":288,"image":289,"width":39,"height":40,"image_alt":290,"published_at":291,"kind":43,"patterns":292,"component_categories":310,"app":315},"a86570fe-6be4-40a4-9fe6-dd00108d8655","Exa Websets | People Search & B2B Lead Generation","Billing settings page where the user monitors their free plan credit balance and compares paid subscription tiers to upgrade.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa86570fe-6be4-40a4-9fe6-dd00108d8655.png","Exa Websets | People Search & B2B Lead Generation from Exa","2026-06-23T14:19:28.000Z",[293,301,306],{"id":294,"label":295,"slug":296,"rank":49,"group":297},89,"Pricing","pricing",{"id":298,"label":299,"slug":300},9,"Plans & Limits","plans-and-limits",{"id":302,"label":303,"slug":304,"rank":57,"group":305},93,"Usage Limit","usage-limit",{"id":298,"label":299,"slug":300},{"id":184,"label":307,"slug":308,"rank":59,"group":309},"Billing Settings","billing-settings",{"id":236,"label":237,"slug":238},[311,312,313,314],{"id":133,"title":134,"slug":135},{"id":73,"title":74,"slug":75},{"id":137,"title":138,"slug":139},{"id":77,"title":78,"slug":79},{"slug":316,"title":317,"logo":318,"baseline":319,"categories":320},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[321,325,326],{"id":322,"title":323,"slug":324},55,"Search engine","search-engine",{"id":91,"title":92,"slug":93},{"id":327,"title":328,"slug":329},37,"Developer APIs","developer-apis",{"uuid":331,"title":332,"description":333,"canonical_path":334,"image":335,"width":39,"height":40,"image_alt":336,"published_at":337,"kind":43,"patterns":338,"component_categories":357,"app":365},"62b79a5e-ad5e-48ab-85e2-05b88a0c3ad0","Approvals","Inbox view where the user manages team invitations and routine approvals, currently showing a zero-state message with no pending items.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62b79a5e-ad5e-48ab-85e2-05b88a0c3ad0.png","Approvals from Town","2026-06-16T15:01:01.000Z",[339,347,352],{"id":340,"label":341,"slug":342,"rank":49,"group":343},115,"Empty State","empty-state",{"id":344,"label":345,"slug":346},12,"States & Feedback","states-and-feedback",{"id":348,"label":349,"slug":350,"rank":57,"group":351},123,"Approval Flow","approval-flow",{"id":126,"label":127,"slug":128},{"id":353,"label":354,"slug":355,"rank":59,"group":356},92,"Upgrade Prompt","upgrade-prompt",{"id":298,"label":299,"slug":300},[358,362,363,364],{"id":359,"title":360,"slug":361},214,"Popover","popover",{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":77,"title":78,"slug":79},{"slug":366,"title":367,"logo":368,"baseline":369,"categories":370},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[371,372,376,379],{"id":91,"title":92,"slug":93},{"id":373,"title":374,"slug":375},30,"Productivity","productivity",{"id":353,"title":377,"slug":378},"Email","email",{"id":380,"title":381,"slug":382},101,"Calendar","calendar",{"uuid":384,"title":385,"description":386,"canonical_path":387,"image":388,"width":39,"height":40,"image_alt":389,"published_at":390,"kind":43,"patterns":391,"component_categories":403,"app":416},"85499f53-3bba-4452-a3bc-5e99b507c66e","FLORA - Projects","Settings modal where the user manages their workspace plan, editor seats, usage limits, and invites new members.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85499f53-3bba-4452-a3bc-5e99b507c66e.png","FLORA - Projects from Flora","2026-05-26T09:34:20.000Z",[392,397,401],{"id":393,"label":394,"slug":395,"rank":49,"group":396},104,"Team Management","team-management",{"id":236,"label":237,"slug":238},{"id":213,"label":398,"slug":399,"rank":57,"group":400},"Roles & Permissions","roles-and-permissions",{"id":236,"label":237,"slug":238},{"id":184,"label":307,"slug":308,"rank":59,"group":402},{"id":236,"label":237,"slug":238},[404,408,412,413,414,415],{"id":405,"title":406,"slug":407},284,"Modal","modal",{"id":409,"title":410,"slug":411},257,"Input number","input-number",{"id":73,"title":74,"slug":75},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":77,"title":78,"slug":79},{"slug":417,"title":418,"logo":419,"baseline":420,"categories":421},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[422,423,426],{"id":91,"title":92,"slug":93},{"id":118,"title":424,"slug":425},"Design","design",{"id":87,"title":88,"slug":89},{"uuid":428,"title":429,"description":430,"canonical_path":431,"image":432,"width":39,"height":40,"image_alt":433,"published_at":434,"kind":43,"patterns":435,"component_categories":444,"app":451},"fc80b3a5-8078-45b4-816a-1109e213ab3b","Remix of AssetWise - Lovable","Product page showcasing AssetWise, an asset tracking application built by a creator, featuring a live preview window and creator details.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc80b3a5-8078-45b4-816a-1109e213ab3b.png","Remix of AssetWise - Lovable from Lovable","2026-05-18T10:58:24.000Z",[436],{"id":437,"label":438,"slug":439,"rank":49,"group":440},137,"Product Page","product-page",{"id":441,"label":442,"slug":443},15,"Marketing Page Types","marketing-page-types",[445,449,450],{"id":446,"title":447,"slug":448},258,"Header","header",{"id":137,"title":138,"slug":139},{"id":77,"title":78,"slug":79},{"slug":452,"title":453,"logo":454,"baseline":455,"categories":456},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[457,458,461],{"id":91,"title":92,"slug":93},{"id":51,"title":459,"slug":460},"Web Development","web-development",{"id":184,"title":185,"slug":186},{"uuid":463,"title":464,"description":465,"canonical_path":466,"image":467,"width":39,"height":40,"image_alt":468,"published_at":469,"kind":43,"patterns":470,"component_categories":483,"app":491},"5aa34f39-dcb2-448f-b94f-35d288156c0b","Product Demos · nicelydone3","List view where the user manages their interactive product demos, featuring a data table and an onboarding banner suggesting best-in-class examples.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5aa34f39-dcb2-448f-b94f-35d288156c0b.png","Product Demos · nicelydone3 from Navattic","2026-05-05T10:32:31.000Z",[471,476],{"id":472,"label":473,"slug":474,"rank":49,"group":475},79,"Browse","browse",{"id":118,"label":119,"slug":120},{"id":180,"label":477,"slug":478,"rank":57,"group":479},"Table","table",{"id":480,"label":481,"slug":482},4,"Data & Analysis","data-and-analysis",[484,488,489,490],{"id":485,"title":486,"slug":487},177,"Breadcrumb","breadcrumb",{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"id":77,"title":78,"slug":79},{"slug":492,"title":493,"logo":494,"baseline":495,"categories":496},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[497,501,502,503],{"id":498,"title":499,"slug":500},25,"Marketing","marketing",{"id":91,"title":92,"slug":93},{"id":184,"title":185,"slug":186},{"id":504,"title":505,"slug":506},103,"Demo Automation","demo-automation",{"uuid":508,"title":509,"description":510,"canonical_path":511,"image":512,"width":513,"height":514,"image_alt":515,"published_at":516,"kind":43,"patterns":517,"component_categories":529,"app":535},"af460233-fa63-4949-8f9f-7890b8224173","SMS | Mailchimp","Onboarding screen where the user waits for their SMS application to process and completes a setup checklist to import contacts.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf460233-fa63-4949-8f9f-7890b8224173.png",2880,1670,"SMS | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[518,520,524],{"id":46,"label":47,"slug":48,"rank":49,"group":519},{"id":51,"label":52,"slug":53},{"id":441,"label":521,"slug":522,"rank":57,"group":523},"Import & Export","import-and-export",{"id":59,"label":60,"slug":61},{"id":525,"label":526,"slug":527,"rank":59,"group":528},44,"Progress","progress",{"id":480,"label":481,"slug":482},[530,531,532,533,534],{"id":167,"title":168,"slug":169},{"id":133,"title":134,"slug":135},{"id":73,"title":74,"slug":75},{"id":137,"title":138,"slug":139},{"id":77,"title":78,"slug":79},{"slug":536,"title":537,"logo":538,"baseline":539,"categories":540},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[541,542,546],{"id":498,"title":499,"slug":500},{"id":543,"title":544,"slug":545},27,"Email Newsletters","email-newsletters",{"id":547,"title":548,"slug":549},68,"SMS","sms",[],[552,555,558,560,562,564,566,568,570,572,574,576,578,581,584,587,590,593,596,599,602,605,608,611],{"label":47,"to":553,"count":554},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",5,{"label":64,"to":556,"count":557},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",3,{"label":55,"to":559,"count":59},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":307,"to":561,"count":59},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":233,"to":563,"count":57},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":199,"to":565,"count":57},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":349,"to":567,"count":57},"\u002Fexamples\u002Fscreens\u002Fapproval-flow",{"label":473,"to":569,"count":57},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":341,"to":571,"count":57},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":521,"to":573,"count":57},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":268,"to":575,"count":57},"\u002Fexamples\u002Fscreens\u002Fmfa",{"label":295,"to":577,"count":57},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":579,"to":580},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":582,"to":583},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":585,"to":586},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":588,"to":589},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":591,"to":592},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":594,"to":595},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":597,"to":598},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":600,"to":601},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":603,"to":604},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":606,"to":607},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":609,"to":610},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":612,"to":613},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"published_at":615,"updated_at":616},"2024-12-11T09:56:31.000Z","2026-09-21T18:35:11.426Z"]