[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fguide":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":568,"links":569,"dates":630},"\u002Fexamples\u002Ftags\u002Fguide","collection","screens",true,{"example_count":9,"app_count":10},1050,151,{"id":12,"title":13,"description":14},2493,"Guide","",{"title":16,"description":17,"og_image":18},"Guide screen examples - Nicelydone","Guide screen design examples from SaaS apps. Browse examples from Paper, Scale, Fourthwall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9864fe6-ecb6-494b-9e1d-53788e2e7fc8.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Guide screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1050 screens",[34,97,172,211,242,278,317,352,394,438,479,531],{"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":63,"app":80},"f9864fe6-ecb6-494b-9e1d-53788e2e7fc8","Paper","Design editor where the user configures layout guides, shadows, and filters for a selected frame via the right inspector panel.","\u002Fexamples\u002Fapps\u002Fpaper\u002Fscreens",3024,1780,"Paper from Paper","2026-03-23T12:01:33.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},55,"Design Editor","design-editor",0,{"id":51,"label":52,"slug":53},5,"Media & Tools","media-and-tools",{"id":55,"label":56,"slug":57,"rank":58,"group":59},11,"Edit","edit",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",[64,68,72,76],{"id":65,"title":66,"slug":67},257,"Input number","input-number",{"id":69,"title":70,"slug":71},168,"Accordion","accordion",{"id":73,"title":74,"slug":75},260,"Badge","badge",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":81,"title":36,"logo":82,"baseline":83,"categories":84},"paper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6406196d-df59-4e20-b60a-7d067ada271c.png","Design, share, ship",[85,89,93],{"id":86,"title":87,"slug":88},7,"Web Development","web-development",{"id":90,"title":91,"slug":92},8,"Design","design",{"id":94,"title":95,"slug":96},23,"Collaboration","collaboration",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":39,"height":40,"image_alt":103,"published_at":104,"kind":43,"patterns":105,"component_categories":140,"app":154},"8610e8c7-c5d4-4e4b-9ec1-c3a50247cccd","Scale Studio","Dashboard featuring a getting started checklist, team size metrics, and a summary of recent projects.","\u002Fexamples\u002Fapps\u002Fscale\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8610e8c7-c5d4-4e4b-9ec1-c3a50247cccd.png","Scale Studio from Scale","2025-07-28T13:24:59.000Z",[106,114,121,129,135],{"id":107,"label":108,"slug":109,"rank":49,"group":110},41,"Dashboard","dashboard",{"id":111,"label":112,"slug":113},4,"Data & Analysis","data-and-analysis",{"id":115,"label":116,"slug":117,"rank":58,"group":118},74,"Onboarding Checklist","onboarding-checklist",{"id":86,"label":119,"slug":120},"Onboarding & Education","onboarding-and-education",{"id":122,"label":123,"slug":124,"rank":60,"group":125},104,"Team Management","team-management",{"id":126,"label":127,"slug":128},10,"Settings & Admin","settings-and-admin",{"id":130,"label":131,"slug":132,"rank":133,"group":134},72,"Getting Started","getting-started",3,{"id":86,"label":119,"slug":120},{"id":136,"label":137,"slug":138,"rank":111,"group":139},46,"Stats","stats",{"id":111,"label":112,"slug":113},[141,145,149,153],{"id":142,"title":143,"slug":144},169,"Avatar","avatar",{"id":146,"title":147,"slug":148},240,"Horizontal navigation","horizontal-navigation",{"id":150,"title":151,"slug":152},174,"Card","card",{"id":77,"title":78,"slug":79},{"slug":155,"title":156,"logo":157,"baseline":158,"categories":159},"scale","Scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscale-2d049dde.png","The data platform for AI",[160,164,168],{"id":161,"title":162,"slug":163},80,"Artificial Intelligence","artificial-intelligence",{"id":165,"title":166,"slug":167},57,"Big data","big-data",{"id":169,"title":170,"slug":171},77,"Machine learning","machine-learning",{"uuid":173,"title":108,"description":174,"canonical_path":175,"image":176,"width":39,"height":177,"image_alt":178,"published_at":179,"kind":43,"patterns":180,"component_categories":183,"app":197},"ce1918d7-632e-42df-b272-dc010dcb32cb","Dashboard for a creator store showing revenue metrics, product creation prompts, growth app integrations, and an open popover for scheduling site visibility.","\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fce1918d7-632e-42df-b272-dc010dcb32cb.png",6010,"Dashboard from Fourthwall","2025-07-07T13:03:35.000Z",[181],{"id":107,"label":108,"slug":109,"rank":49,"group":182},{"id":111,"label":112,"slug":113},[184,188,192,193,194,195,196],{"id":185,"title":186,"slug":187},214,"Popover","popover",{"id":189,"title":190,"slug":191},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":77,"title":78,"slug":79},{"slug":198,"title":199,"logo":200,"baseline":201,"categories":202},"fourthwall","Fourthwall","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6cf581b1-c7fa-41be-a627-bf2934115d62.png","Launch your brand. On your terms",[203,206,210],{"id":133,"title":204,"slug":205},"Shopping","shopping",{"id":207,"title":208,"slug":209},58,"Social Commerce","social-commerce",{"id":86,"title":87,"slug":88},{"uuid":212,"title":213,"description":214,"canonical_path":215,"image":216,"width":39,"height":217,"image_alt":218,"published_at":219,"kind":43,"patterns":220,"component_categories":223,"app":229},"62f7a00e-6a3c-44d1-8c3c-43440694f873","Mangomint App","Onboarding page where the user completes a setup guide for their account, staff, and services, and can explore features in demo mode.","\u002Fexamples\u002Fapps\u002Fmangomint\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62f7a00e-6a3c-44d1-8c3c-43440694f873.png",7570,"Mangomint App from Mangomint","2025-05-19T12:33:31.000Z",[221],{"id":130,"label":131,"slug":132,"rank":49,"group":222},{"id":86,"label":119,"slug":120},[224,225,226,227,228],{"id":69,"title":70,"slug":71},{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":77,"title":78,"slug":79},{"slug":230,"title":231,"logo":232,"baseline":233,"categories":234},"mangomint","Mangomint","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F25bad55a-e8c6-455f-a94a-ec8e1b845320.png","Everything you need to power your salon and spa",[235,238],{"id":107,"title":236,"slug":237},"Health and Wellness","health-and-wellness",{"id":239,"title":240,"slug":241},101,"Calendar","calendar",{"uuid":243,"title":244,"description":245,"canonical_path":246,"image":247,"width":39,"height":248,"image_alt":249,"published_at":250,"kind":43,"patterns":251,"component_categories":264,"app":267},"9df07926-fd19-4946-9c17-61c556bd5245","Behavior › Voice Communication","Settings page where the user views the specific voice communication guidelines and scenario handling rules for their AI agent.","\u002Fexamples\u002Fapps\u002Flemni\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9df07926-fd19-4946-9c17-61c556bd5245.png",1778,"Behavior › Voice Communication from Lemni","2025-03-24T15:32:17.000Z",[252,257],{"id":253,"label":254,"slug":255,"rank":49,"group":256},102,"Settings","settings",{"id":126,"label":127,"slug":128},{"id":258,"label":259,"slug":260,"rank":58,"group":261},33,"AI Settings","ai-settings",{"id":133,"label":262,"slug":263},"AI","ai",[265,266],{"id":73,"title":74,"slug":75},{"id":150,"title":151,"slug":152},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[273,274],{"id":161,"title":162,"slug":163},{"id":275,"title":276,"slug":277},47,"Customer Service","customer-service",{"uuid":279,"title":280,"description":281,"canonical_path":282,"image":283,"width":39,"height":284,"image_alt":285,"published_at":286,"kind":43,"patterns":287,"component_categories":296,"app":299},"92a141bf-3a57-4c15-abff-059b246b1c9d","Roadmap","Help center article directing users to the product roadmap and feedback board via a prominent link preview card.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92a141bf-3a57-4c15-abff-059b246b1c9d.png",2946,"Roadmap from Reflect","2025-03-24T15:32:15.000Z",[288],{"id":289,"label":290,"slug":291,"rank":49,"group":292},179,"Help Center","help-center",{"id":293,"label":294,"slug":295},15,"Marketing Page Types","marketing-page-types",[297,298],{"id":150,"title":151,"slug":152},{"id":77,"title":78,"slug":79},{"slug":300,"title":301,"logo":302,"baseline":303,"categories":304},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[305,309,313],{"id":306,"title":307,"slug":308},30,"Productivity","productivity",{"id":310,"title":311,"slug":312},22,"Knowledge Management","knowledge-management",{"id":314,"title":315,"slug":316},59,"Writing tools","writing-tools",{"uuid":318,"title":319,"description":320,"canonical_path":321,"image":322,"width":39,"height":248,"image_alt":323,"published_at":324,"kind":43,"patterns":325,"component_categories":338,"app":342},"92a7b47a-3268-4985-885a-f49517a4b350","Monarch | Goals setup","Onboarding step where the user ranks their financial goals like student loans, credit cards, and a car to determine priority.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92a7b47a-3268-4985-885a-f49517a4b350.png","Monarch | Goals setup from Monarch","2025-03-17T14:09:52.000Z",[326,328,333],{"id":115,"label":116,"slug":117,"rank":49,"group":327},{"id":86,"label":119,"slug":120},{"id":329,"label":330,"slug":331,"rank":58,"group":332},18,"Reorder","reorder",{"id":60,"label":61,"slug":62},{"id":334,"label":335,"slug":336,"rank":60,"group":337},75,"Setup Wizard","setup-wizard",{"id":86,"label":119,"slug":120},[339,340,341],{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":77,"title":78,"slug":79},{"slug":343,"title":344,"logo":345,"baseline":346,"categories":347},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[348],{"id":349,"title":350,"slug":351},36,"Finance","finance",{"uuid":353,"title":354,"description":355,"canonical_path":356,"image":357,"width":39,"height":358,"image_alt":359,"published_at":360,"kind":43,"patterns":361,"component_categories":377,"app":379},"66ae1191-7fe1-4790-ae02-77523349dba9","Discord Integration","Settings page where the user configures the Discord integration by following a step-by-step guide to generate a webhook URL and pasting it into the provided fields.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66ae1191-7fe1-4790-ae02-77523349dba9.png",3832,"Discord Integration from Assembly","2025-03-17T13:29:41.000Z",[362,367,372],{"id":363,"label":364,"slug":365,"rank":49,"group":366},97,"Integrations","integrations",{"id":126,"label":127,"slug":128},{"id":368,"label":369,"slug":370,"rank":58,"group":371},105,"Webhooks","webhooks",{"id":126,"label":127,"slug":128},{"id":373,"label":374,"slug":375,"rank":60,"group":376},76,"Tutorial","tutorial",{"id":86,"label":119,"slug":120},[378],{"id":77,"title":78,"slug":79},{"slug":380,"title":381,"logo":382,"baseline":383,"categories":384},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[385,389,390],{"id":386,"title":387,"slug":388},14,"Social","social",{"id":94,"title":95,"slug":96},{"id":391,"title":392,"slug":393},25,"Marketing","marketing",{"uuid":395,"title":396,"description":397,"canonical_path":398,"image":399,"width":39,"height":248,"image_alt":400,"published_at":401,"kind":43,"patterns":402,"component_categories":422,"app":430},"14d37f39-23a2-4d14-a75e-bd2978646cac","Leap AI | Automate any workflow with AI","Workflow editor canvas where the user configures a text paraphrasing automation step by selecting an AI model from a dropdown menu.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14d37f39-23a2-4d14-a75e-bd2978646cac.png","Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[403,408,412,420],{"id":404,"label":405,"slug":406,"rank":49,"group":407},29,"AI Editing","ai-editing",{"id":133,"label":262,"slug":263},{"id":349,"label":409,"slug":410,"rank":58,"group":411},"Model Selection","model-selection",{"id":133,"label":262,"slug":263},{"id":413,"label":414,"slug":415,"rank":60,"group":416},129,"Workflow Builder","workflow-builder",{"id":417,"label":418,"slug":419},13,"Workflow & Automation","workflow-and-automation",{"id":258,"label":259,"slug":260,"rank":133,"group":421},{"id":133,"label":262,"slug":263},[423,427,428,429],{"id":424,"title":425,"slug":426},277,"Button group","button-group",{"id":146,"title":147,"slug":148},{"id":150,"title":151,"slug":152},{"id":77,"title":78,"slug":79},{"slug":431,"title":432,"logo":433,"baseline":434,"categories":435},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[436,437],{"id":161,"title":162,"slug":163},{"id":306,"title":307,"slug":308},{"uuid":439,"title":440,"description":441,"canonical_path":442,"image":443,"width":39,"height":444,"image_alt":445,"published_at":446,"kind":43,"patterns":447,"component_categories":452,"app":463},"431d30ae-957e-4ca6-8b5c-5be7b3a2aa50","How to Build an AI Sales Development Representative (SDR) in Slack - P","A detailed guide on how to build an AI Sales Development Representative in Slack using Replit, Apollo, and OpenAI, featuring code snippets and step-by-step instructions.","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F431d30ae-957e-4ca6-8b5c-5be7b3a2aa50.png",24158,"How to Build an AI Sales Development Representative (SDR) in Slack - P from Replit","2025-03-10T14:11:20.000Z",[448],{"id":449,"label":13,"slug":450,"rank":49,"group":451},152,"guide",{"id":293,"label":294,"slug":295},[453,457,461,462],{"id":454,"title":455,"slug":456},258,"Header","header",{"id":458,"title":459,"slug":460},202,"Footer","footer",{"id":150,"title":151,"slug":152},{"id":77,"title":78,"slug":79},{"slug":464,"title":465,"logo":466,"baseline":467,"categories":468},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[469,470,474,475],{"id":161,"title":162,"slug":163},{"id":471,"title":472,"slug":473},48,"Developer Tools","developer-tools",{"id":86,"title":87,"slug":88},{"id":476,"title":477,"slug":478},96,"No code","no-code",{"uuid":480,"title":481,"description":482,"canonical_path":483,"image":484,"width":39,"height":248,"image_alt":485,"published_at":486,"kind":43,"patterns":487,"component_categories":509,"app":515},"6808be9a-e259-404d-b8ee-cf38164803d0","Front (2)","Inbox view showing an empty spam folder within a sandbox environment, prompting the user to explore interactive demos.","\u002Fexamples\u002Fapps\u002Ffront\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6808be9a-e259-404d-b8ee-cf38164803d0.png","Front (2) from Front","2025-03-03T14:56:15.000Z",[488,496,503],{"id":489,"label":490,"slug":491,"rank":49,"group":492},115,"Empty State","empty-state",{"id":493,"label":494,"slug":495},12,"States & Feedback","states-and-feedback",{"id":497,"label":498,"slug":499,"rank":58,"group":500},79,"Browse","browse",{"id":90,"label":501,"slug":502},"Pages & Content","pages-and-content",{"id":504,"label":190,"slug":191,"rank":60,"group":505},69,{"id":506,"label":507,"slug":508},6,"Navigation & Commands","navigation-and-commands",[510,511,512,513,514],{"id":189,"title":190,"slug":191},{"id":73,"title":74,"slug":75},{"id":142,"title":143,"slug":144},{"id":146,"title":147,"slug":148},{"id":77,"title":78,"slug":79},{"slug":516,"title":517,"logo":518,"baseline":519,"categories":520},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[521,522,523,527],{"id":94,"title":95,"slug":96},{"id":275,"title":276,"slug":277},{"id":524,"title":525,"slug":526},82,"Communication","communication",{"id":528,"title":529,"slug":530},92,"Email","email",{"uuid":532,"title":533,"description":534,"canonical_path":535,"image":536,"width":39,"height":248,"image_alt":537,"published_at":538,"kind":43,"patterns":539,"component_categories":551,"app":557},"d3c5e7c5-c9a6-42c7-8bf9-23177d7a0c9c","Domain authentication | Flodesk","Settings modal where the user copies DKIM, SPF, and DMARC DNS records to authenticate their domain.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3c5e7c5-c9a6-42c7-8bf9-23177d7a0c9c.png","Domain authentication | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[540,542,547],{"id":253,"label":254,"slug":255,"rank":49,"group":541},{"id":126,"label":127,"slug":128},{"id":543,"label":544,"slug":545,"rank":58,"group":546},114,"Confirmation","confirmation",{"id":493,"label":494,"slug":495},{"id":275,"label":548,"slug":549,"rank":60,"group":550},"Table","table",{"id":111,"label":112,"slug":113},[552,556],{"id":553,"title":554,"slug":555},284,"Modal","modal",{"id":77,"title":78,"slug":79},{"slug":558,"title":559,"logo":560,"baseline":561,"categories":562},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[563,567],{"id":564,"title":565,"slug":566},27,"Email Newsletters","email-newsletters",{"id":391,"title":392,"slug":393},[],[570,572,574,576,578,580,582,584,586,588,590,592,594,597,600,603,606,609,612,615,618,621,624,627],{"label":259,"to":571,"count":60},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":108,"to":573,"count":60},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":131,"to":575,"count":60},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":116,"to":577,"count":60},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":254,"to":579,"count":60},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":405,"to":581,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":498,"to":583,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":544,"to":585,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":47,"to":587,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":56,"to":589,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":490,"to":591,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":364,"to":593,"count":58},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":595,"to":596},"Paper design examples","\u002Fexamples\u002Fapps\u002Fpaper",{"label":598,"to":599},"Scale design examples","\u002Fexamples\u002Fapps\u002Fscale",{"label":601,"to":602},"Fourthwall design examples","\u002Fexamples\u002Fapps\u002Ffourthwall",{"label":604,"to":605},"Mangomint design examples","\u002Fexamples\u002Fapps\u002Fmangomint",{"label":607,"to":608},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":610,"to":611},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":613,"to":614},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":616,"to":617},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":619,"to":620},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":622,"to":623},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":625,"to":626},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":628,"to":629},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"published_at":631,"updated_at":632},"2024-12-11T10:40:12.000Z","2026-09-05T20:19:50.943Z"]