[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fform":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":527,"links":528,"dates":589},"\u002Fexamples\u002Ftags\u002Fform","collection","screens",true,{"example_count":9,"app_count":10},34536,595,{"id":12,"title":13,"description":14},679,"Form","",{"title":16,"description":17,"og_image":18},"Form screen examples - Nicelydone","Form screen design examples from SaaS apps. Browse examples from Dock, Beside, Exa.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa202aa75-b29d-4e35-921b-1a6fcdd71ede.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Form screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"34536 screens",[34,88,148,203,241,276,316,352,385,417,461,493],{"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":66,"app":75},"a202aa75-b29d-4e35-921b-1a6fcdd71ede","Spaces · Dock","AI assistant drawer where the user chats with a workspace admin agent to review a rewrite plan for a BrightLayer page.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Spaces · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},27,"AI Assistant","ai-assistant",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},28,"AI Chat","ai-chat",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},29,"AI Editing","ai-editing",2,{"id":51,"label":52,"slug":53},[67,71],{"id":68,"title":69,"slug":70},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[81,85],{"id":82,"title":83,"slug":84},23,"Collaboration","collaboration",{"id":61,"title":86,"slug":87},"Task Management","task-management",{"uuid":89,"title":90,"description":91,"canonical_path":92,"image":93,"width":39,"height":40,"image_alt":94,"published_at":95,"kind":43,"patterns":96,"component_categories":112,"app":126},"83ee048a-8039-4b54-9dae-ddb59fc279c9","Phone Numbers - Settings - Beside","Settings page where the user creates a new inbox by entering a name, selecting a color, and choosing an icon from a grid.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83ee048a-8039-4b54-9dae-ddb59fc279c9.png","Phone Numbers - Settings - Beside from Beside","2026-06-29T18:30:01.000Z",[97,104],{"id":98,"label":99,"slug":100,"rank":49,"group":101},7,"Add & Create","add-and-create",{"id":64,"label":102,"slug":103},"Actions","actions",{"id":105,"label":106,"slug":107,"rank":58,"group":108},102,"Settings","settings",{"id":109,"label":110,"slug":111},10,"Settings & Admin","settings-and-admin",[113,117,121,125],{"id":114,"title":115,"slug":116},177,"Breadcrumb","breadcrumb",{"id":118,"title":119,"slug":120},183,"Color picker","color-picker",{"id":122,"title":123,"slug":124},284,"Modal","modal",{"id":72,"title":73,"slug":74},{"slug":127,"title":128,"logo":129,"baseline":130,"categories":131},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[132,136,140,144],{"id":133,"title":134,"slug":135},80,"Artificial Intelligence","artificial-intelligence",{"id":137,"title":138,"slug":139},47,"Customer Service","customer-service",{"id":141,"title":142,"slug":143},53,"CRM","crm",{"id":145,"title":146,"slug":147},82,"Communication","communication",{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":39,"height":40,"image_alt":154,"published_at":155,"kind":43,"patterns":156,"component_categories":170,"app":188},"ae4e3ba1-a820-42c9-a99a-8dbf25082e70","Billing | Exa API","Billing settings modal where the user configures auto-recharge amounts and thresholds to prevent running out of API credits.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae4e3ba1-a820-42c9-a99a-8dbf25082e70.png","Billing | Exa API from Exa","2026-06-23T14:19:28.000Z",[157,162],{"id":158,"label":159,"slug":160,"rank":49,"group":161},96,"Billing Settings","billing-settings",{"id":109,"label":110,"slug":111},{"id":163,"label":164,"slug":165,"rank":58,"group":166},93,"Usage Limit","usage-limit",{"id":167,"label":168,"slug":169},9,"Plans & Limits","plans-and-limits",[171,175,179,183,184],{"id":172,"title":173,"slug":174},167,"Alert","alert",{"id":176,"title":177,"slug":178},257,"Input number","input-number",{"id":180,"title":181,"slug":182},260,"Badge","badge",{"id":122,"title":123,"slug":124},{"id":185,"title":186,"slug":187},174,"Card","card",{"slug":189,"title":190,"logo":191,"baseline":192,"categories":193},"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",[194,198,199],{"id":195,"title":196,"slug":197},55,"Search engine","search-engine",{"id":133,"title":134,"slug":135},{"id":200,"title":201,"slug":202},37,"Developer APIs","developer-apis",{"uuid":204,"title":205,"description":206,"canonical_path":207,"image":208,"width":39,"height":40,"image_alt":209,"published_at":210,"kind":43,"patterns":211,"component_categories":219,"app":223},"475c7d51-914a-4c61-9b89-8b7afaafb579","Town","Settings modal where the user configures notification preferences for away time, approval requests, chats, tasks, and agent-to-agent interactions.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F475c7d51-914a-4c61-9b89-8b7afaafb579.png","Town from Town","2026-06-16T15:01:01.000Z",[212,217],{"id":213,"label":214,"slug":215,"rank":49,"group":216},99,"Notification Settings","notification-settings",{"id":109,"label":110,"slug":111},{"id":105,"label":106,"slug":107,"rank":58,"group":218},{"id":109,"label":110,"slug":111},[220,221,222],{"id":122,"title":123,"slug":124},{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":224,"title":205,"logo":225,"baseline":226,"categories":227},"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.",[228,229,233,237],{"id":133,"title":134,"slug":135},{"id":230,"title":231,"slug":232},30,"Productivity","productivity",{"id":234,"title":235,"slug":236},92,"Email","email",{"id":238,"title":239,"slug":240},101,"Calendar","calendar",{"uuid":242,"title":243,"description":244,"canonical_path":245,"image":246,"width":39,"height":40,"image_alt":247,"published_at":248,"kind":43,"patterns":249,"component_categories":261,"app":264},"a61baa3a-d7d9-44cb-9180-f968a6ebf0fc","FLORA","Password recovery screen where the user enters an emailed confirmation code and a new password to regain account access.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa61baa3a-d7d9-44cb-9180-f968a6ebf0fc.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[250,256],{"id":64,"label":251,"slug":252,"rank":49,"group":253},"Forgot Password","forgot-password",{"id":58,"label":254,"slug":255},"Access & Account","access-and-account",{"id":257,"label":258,"slug":259,"rank":58,"group":260},6,"Verification","verification",{"id":58,"label":254,"slug":255},[262,263],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":265,"title":266,"logo":267,"baseline":268,"categories":269},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[270,271,275],{"id":133,"title":134,"slug":135},{"id":272,"title":273,"slug":274},8,"Design","design",{"id":82,"title":83,"slug":84},{"uuid":277,"title":278,"description":279,"canonical_path":280,"image":281,"width":39,"height":40,"image_alt":282,"published_at":283,"kind":43,"patterns":284,"component_categories":300,"app":301},"d0642601-5eca-431f-aa93-d16ebeef4706","Assembly Dashboard – Nicelydone Club","Settings page where the user configures their portal's brand name and image assets while viewing a live preview.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0642601-5eca-431f-aa93-d16ebeef4706.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[285,290,295],{"id":286,"label":287,"slug":288,"rank":49,"group":289},94,"Account Settings","account-settings",{"id":109,"label":110,"slug":111},{"id":291,"label":292,"slug":293,"rank":58,"group":294},25,"Upload & Download","upload-and-download",{"id":64,"label":102,"slug":103},{"id":296,"label":297,"slug":298,"rank":64,"group":299},91,"Trial","trial",{"id":167,"label":168,"slug":169},[],{"slug":302,"title":303,"logo":304,"baseline":305,"categories":306},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[307,308,312,313],{"id":141,"title":142,"slug":143},{"id":309,"title":310,"slug":311},90,"Business","business",{"id":133,"title":134,"slug":135},{"id":158,"title":314,"slug":315},"No code","no-code",{"uuid":317,"title":318,"description":319,"canonical_path":320,"image":321,"width":39,"height":40,"image_alt":322,"published_at":323,"kind":43,"patterns":324,"component_categories":337,"app":342},"16b7d87a-be6f-4deb-a0d2-07597ef1f2de","Lovable","Settings page where the user must confirm their email address in a modal overlay to proceed with an account change.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16b7d87a-be6f-4deb-a0d2-07597ef1f2de.png","Lovable from Lovable","2026-05-18T10:58:24.000Z",[325,333,335],{"id":326,"label":327,"slug":328,"rank":49,"group":329},114,"Confirmation","confirmation",{"id":330,"label":331,"slug":332},12,"States & Feedback","states-and-feedback",{"id":286,"label":287,"slug":288,"rank":58,"group":334},{"id":109,"label":110,"slug":111},{"id":257,"label":258,"slug":259,"rank":64,"group":336},{"id":58,"label":254,"slug":255},[338,339,340,341],{"id":180,"title":181,"slug":182},{"id":122,"title":123,"slug":124},{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":343,"title":318,"logo":344,"baseline":345,"categories":346},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[347,348,351],{"id":133,"title":134,"slug":135},{"id":98,"title":349,"slug":350},"Web Development","web-development",{"id":158,"title":314,"slug":315},{"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":369,"app":377},"7f35877e-85dd-47b7-8356-67c6877f4b7a","ElevenAgents | ElevenLabs","Settings page where the user configures advanced parameters for an AI agent, including timeouts, client events, and privacy retention modes.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f35877e-85dd-47b7-8356-67c6877f4b7a.png",1714,"ElevenAgents | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[362,367],{"id":363,"label":364,"slug":365,"rank":49,"group":366},33,"AI Settings","ai-settings",{"id":51,"label":52,"slug":53},{"id":105,"label":106,"slug":107,"rank":58,"group":368},{"id":109,"label":110,"slug":111},[370,374,375,376],{"id":371,"title":372,"slug":373},233,"Tabs","tabs",{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":72,"title":73,"slug":74},{"slug":378,"title":379,"logo":380,"baseline":381,"categories":382},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[383,384],{"id":133,"title":134,"slug":135},{"id":200,"title":201,"slug":202},{"uuid":386,"title":387,"description":388,"canonical_path":389,"image":390,"width":39,"height":40,"image_alt":391,"published_at":392,"kind":43,"patterns":393,"component_categories":399,"app":402},"449efffa-d490-4822-b35e-0989fc3f171a","Login","Sign-in screen where the user enters a one-time verification code sent to their email to authenticate, or opts for Google SSO.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F449efffa-d490-4822-b35e-0989fc3f171a.png","Login from Navattic","2026-05-05T10:32:31.000Z",[394],{"id":395,"label":396,"slug":397,"rank":49,"group":398},4,"Sign In","sign-in",{"id":58,"label":254,"slug":255},[400,401],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":403,"title":404,"logo":405,"baseline":406,"categories":407},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[408,411,412,413],{"id":291,"title":409,"slug":410},"Marketing","marketing",{"id":133,"title":134,"slug":135},{"id":158,"title":314,"slug":315},{"id":414,"title":415,"slug":416},103,"Demo Automation","demo-automation",{"uuid":418,"title":419,"description":420,"canonical_path":421,"image":422,"width":423,"height":424,"image_alt":425,"published_at":426,"kind":43,"patterns":427,"component_categories":438,"app":447},"2df0f686-e34d-494c-8d7e-3dfeb2af4a58","Webhooks | Mailchimp","Settings modal where the user configures a new webhook by providing a callback URL and selecting trigger events and sources.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2df0f686-e34d-494c-8d7e-3dfeb2af4a58.png",2880,1670,"Webhooks | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[428,433],{"id":429,"label":430,"slug":431,"rank":49,"group":432},105,"Webhooks","webhooks",{"id":109,"label":110,"slug":111},{"id":434,"label":435,"slug":436,"rank":58,"group":437},97,"Integrations","integrations",{"id":109,"label":110,"slug":111},[439,443,444,445,446],{"id":440,"title":441,"slug":442},240,"Horizontal navigation","horizontal-navigation",{"id":180,"title":181,"slug":182},{"id":122,"title":123,"slug":124},{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[453,454,457],{"id":291,"title":409,"slug":410},{"id":46,"title":455,"slug":456},"Email Newsletters","email-newsletters",{"id":458,"title":459,"slug":460},68,"SMS","sms",{"uuid":462,"title":463,"description":464,"canonical_path":465,"image":466,"width":39,"height":467,"image_alt":468,"published_at":469,"kind":43,"patterns":470,"component_categories":478,"app":481},"bfb63977-eeee-4634-83ef-362c77bdf87d","Check your email","Sign-in screen where the user has submitted their email address and the primary authentication action is currently loading.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfb63977-eeee-4634-83ef-362c77bdf87d.png",1588,"Check your email from Liveblocks","2026-04-27T19:43:19.000Z",[471,473],{"id":395,"label":396,"slug":397,"rank":49,"group":472},{"id":58,"label":254,"slug":255},{"id":474,"label":475,"slug":476,"rank":58,"group":477},120,"Loading","loading",{"id":330,"label":331,"slug":332},[479,480],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":482,"title":483,"logo":484,"baseline":485,"categories":486},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[487,491,492],{"id":488,"title":489,"slug":490},48,"Developer Tools","developer-tools",{"id":82,"title":83,"slug":84},{"id":200,"title":201,"slug":202},{"uuid":494,"title":495,"description":496,"canonical_path":497,"image":498,"width":423,"height":424,"image_alt":499,"published_at":500,"kind":43,"patterns":501,"component_categories":512,"app":514},"a57019bd-992e-432a-b828-c9f908143fe8","Maze","Onboarding step where the user can enable domain discoverability, copy an invite link, or invite teammates by email before continuing.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa57019bd-992e-432a-b828-c9f908143fe8.png","Maze from Maze","2026-04-20T14:45:59.000Z",[502,507],{"id":503,"label":504,"slug":505,"rank":49,"group":506},133,"Invite Teammates","invite-teammates",{"id":64,"label":102,"slug":103},{"id":508,"label":509,"slug":510,"rank":58,"group":511},104,"Team Management","team-management",{"id":109,"label":110,"slug":111},[513],{"id":72,"title":73,"slug":74},{"slug":515,"title":495,"logo":516,"baseline":517,"categories":518},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[519,520,524],{"id":272,"title":273,"slug":274},{"id":521,"title":522,"slug":523},69,"Surveys","surveys",{"id":508,"title":525,"slug":526},"User Research","user-research",[],[529,531,533,535,537,539,541,543,545,547,549,551,553,556,559,562,565,568,571,574,577,580,583,586],{"label":106,"to":530,"count":51},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":287,"to":532,"count":64},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":396,"to":534,"count":64},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":258,"to":536,"count":64},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":99,"to":538,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":47,"to":540,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":56,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":62,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":364,"to":546,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":159,"to":548,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":327,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":251,"to":552,"count":58},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":554,"to":555},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":557,"to":558},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":560,"to":561},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":563,"to":564},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":566,"to":567},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":569,"to":570},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":572,"to":573},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":575,"to":576},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":578,"to":579},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":581,"to":582},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":584,"to":585},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":587,"to":588},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"published_at":590,"updated_at":591},"2024-12-11T10:01:12.000Z","2026-09-26T04:00:05.831Z"]