[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fdocumentation":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":585},"\u002Fexamples\u002Ftags\u002Fdocumentation","collection","screens",true,{"example_count":9,"app_count":10},3009,286,{"id":12,"title":13,"description":14},1186,"Documentation","",{"title":16,"description":17,"og_image":18},"Documentation screen examples - Nicelydone","Documentation screen design examples from SaaS apps. Browse examples from Magnific, Alloy, Axiom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F161df0cb-19d4-49a4-b66d-d1b4cfbc0fcc.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Documentation screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"3009 screens",[34,92,143,199,250,288,331,360,383,436,465,491],{"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":54,"app":75},"161df0cb-19d4-49a4-b66d-d1b4cfbc0fcc","Plans and pricing | Magnific Docs","Help center article explaining subscription tiers, featuring a three-pane layout with an app navigation rail and an open mega-menu popover.","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fscreens",3024,1758,"Plans and pricing | Magnific Docs from Magnific","2026-09-14T12:05:04.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},143,"Pricing Page","pricing-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63,67,71],{"id":56,"title":57,"slug":58},240,"Horizontal navigation","horizontal-navigation",{"id":60,"title":61,"slug":62},168,"Accordion","accordion",{"id":64,"title":65,"slug":66},214,"Popover","popover",{"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},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png","The creative platform to direct your best work.",[81,85,88],{"id":82,"title":83,"slug":84},8,"Design","design",{"id":51,"title":86,"slug":87},"Media and Entertainment","media-and-entertainment",{"id":89,"title":90,"slug":91},80,"Artificial Intelligence","artificial-intelligence",{"uuid":93,"title":94,"description":95,"canonical_path":96,"image":97,"width":98,"height":99,"image_alt":100,"published_at":101,"kind":43,"patterns":102,"component_categories":126,"app":128},"5169b2e5-b4be-4cf0-b102-2f46839c42c7","Workspaces · Alloy","Help center article explaining the concept of workspaces, how to view their settings, and how to delete them.","\u002Fexamples\u002Fapps\u002Falloy\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5169b2e5-b4be-4cf0-b102-2f46839c42c7.png",3012,2614,"Workspaces · Alloy from Alloy","2026-09-14T10:58:46.000Z",[103,108,117],{"id":104,"label":105,"slug":106,"rank":49,"group":107},78,"Article","article",{"id":51,"label":52,"slug":53},{"id":109,"label":110,"slug":111,"rank":112,"group":113},118,"Help","help",1,{"id":114,"label":115,"slug":116},12,"States & Feedback","states-and-feedback",{"id":118,"label":119,"slug":120,"rank":121,"group":122},72,"Getting Started","getting-started",2,{"id":123,"label":124,"slug":125},7,"Onboarding & Education","onboarding-and-education",[127],{"id":72,"title":73,"slug":74},{"slug":129,"title":130,"logo":131,"baseline":132,"categories":133},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","AI prototyping tool for product managers",[134,138,139],{"id":135,"title":136,"slug":137},48,"Developer Tools","developer-tools",{"id":89,"title":90,"slug":91},{"id":140,"title":141,"slug":142},86,"Product management","product-management",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":39,"height":149,"image_alt":150,"published_at":151,"kind":43,"patterns":152,"component_categories":162,"app":180},"758ebdd4-10d1-4603-b243-6ec2f9d2a1c7","Axiom Processing Language (APL) | Axiom Docs","Documentation article introducing the Axiom Processing Language (APL) with syntax examples, query structure, and common patterns.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F758ebdd4-10d1-4603-b243-6ec2f9d2a1c7.png",13052,"Axiom Processing Language (APL) | Axiom Docs from Axiom","2026-08-18T09:00:19.000Z",[153,155],{"id":104,"label":105,"slug":106,"rank":49,"group":154},{"id":51,"label":52,"slug":53},{"id":156,"label":157,"slug":158,"rank":112,"group":159},79,"Browse","browse",{"id":82,"label":160,"slug":161},"Pages & Content","pages-and-content",[163,167,171,175,179],{"id":164,"title":165,"slug":166},167,"Alert","alert",{"id":168,"title":169,"slug":170},177,"Breadcrumb","breadcrumb",{"id":172,"title":173,"slug":174},277,"Button group","button-group",{"id":176,"title":177,"slug":178},211,"Pagination","pagination",{"id":72,"title":73,"slug":74},{"slug":181,"title":182,"logo":183,"baseline":184,"categories":185},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[186,190,194,198],{"id":187,"title":188,"slug":189},46,"Analytics","analytics",{"id":191,"title":192,"slug":193},57,"Big data","big-data",{"id":195,"title":196,"slug":197},16,"Monitoring","monitoring",{"id":135,"title":136,"slug":137},{"uuid":200,"title":201,"description":202,"canonical_path":203,"image":204,"width":39,"height":40,"image_alt":205,"published_at":206,"kind":43,"patterns":207,"component_categories":226,"app":236},"de49b723-7f48-4e5a-b0b0-4b40cc1ad547","Spaces · Dock","AI chat modal where the user asks an agent to find an onboarding checklist and reviews the suggested asset records and alternative search terms.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde49b723-7f48-4e5a-b0b0-4b40cc1ad547.png","Spaces · Dock from Dock","2026-07-13T15:30:47.000Z",[208,216,221],{"id":209,"label":210,"slug":211,"rank":49,"group":212},28,"AI Chat","ai-chat",{"id":213,"label":214,"slug":215},3,"AI","ai",{"id":217,"label":218,"slug":219,"rank":112,"group":220},26,"AI Agent","ai-agent",{"id":213,"label":214,"slug":215},{"id":222,"label":223,"slug":224,"rank":121,"group":225},32,"AI Search","ai-search",{"id":213,"label":214,"slug":215},[227,231,235],{"id":228,"title":229,"slug":230},284,"Modal","modal",{"id":232,"title":233,"slug":234},174,"Card","card",{"id":72,"title":73,"slug":74},{"slug":237,"title":238,"logo":239,"baseline":240,"categories":241},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[242,246],{"id":243,"title":244,"slug":245},23,"Collaboration","collaboration",{"id":247,"title":248,"slug":249},29,"Task Management","task-management",{"uuid":251,"title":252,"description":253,"canonical_path":254,"image":255,"width":39,"height":256,"image_alt":257,"published_at":258,"kind":43,"patterns":259,"component_categories":264,"app":271},"55669833-f059-4dfc-992a-4fe388731ea1","Add Integrations to Your Store - Bloom Documentation","Documentation article explaining how to add and configure integrations like Stripe, Slack, and Klaviyo to a store.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55669833-f059-4dfc-992a-4fe388731ea1.png",1968,"Add Integrations to Your Store - Bloom Documentation from Bloom","2026-07-13T10:49:54.000Z",[260,262],{"id":104,"label":105,"slug":106,"rank":49,"group":261},{"id":51,"label":52,"slug":53},{"id":109,"label":110,"slug":111,"rank":112,"group":263},{"id":114,"label":115,"slug":116},[265,269,270],{"id":266,"title":267,"slug":268},226,"Skeleton","skeleton",{"id":168,"title":169,"slug":170},{"id":72,"title":73,"slug":74},{"slug":272,"title":273,"logo":274,"baseline":275,"categories":276},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[277,278,281,284],{"id":89,"title":90,"slug":91},{"id":213,"title":279,"slug":280},"Shopping","shopping",{"id":123,"title":282,"slug":283},"Web Development","web-development",{"id":285,"title":286,"slug":287},96,"No code","no-code",{"uuid":289,"title":290,"description":291,"canonical_path":292,"image":293,"width":39,"height":294,"image_alt":295,"published_at":296,"kind":43,"patterns":297,"component_categories":303,"app":312},"eb5fe749-be40-4b31-bc97-3208fbc12125","Troubleshooting  Beside Help Center","Help center category page listing troubleshooting articles for various issues like billing, login, and call failures.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb5fe749-be40-4b31-bc97-3208fbc12125.png",2610,"Troubleshooting  Beside Help Center from Beside","2026-06-29T18:30:01.000Z",[298],{"id":299,"label":300,"slug":301,"rank":49,"group":302},179,"Help Center","help-center",{"id":51,"label":52,"slug":53},[304,308],{"id":305,"title":306,"slug":307},202,"Footer","footer",{"id":309,"title":310,"slug":311},258,"Header","header",{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"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",[318,319,323,327],{"id":89,"title":90,"slug":91},{"id":320,"title":321,"slug":322},47,"Customer Service","customer-service",{"id":324,"title":325,"slug":326},53,"CRM","crm",{"id":328,"title":329,"slug":330},82,"Communication","communication",{"uuid":332,"title":333,"description":334,"canonical_path":335,"image":336,"width":39,"height":337,"image_alt":338,"published_at":339,"kind":43,"patterns":340,"component_categories":343,"app":346},"17e9d243-a78f-4836-b006-e722eda381a5","Import a wallet from MetaMask | Family","Help center article providing step-by-step instructions on how to import a MetaMask wallet into the Family app using a Secret Recovery Phrase.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17e9d243-a78f-4836-b006-e722eda381a5.png",4240,"Import a wallet from MetaMask | Family from Family","2026-06-23T15:14:10.000Z",[341],{"id":299,"label":300,"slug":301,"rank":49,"group":342},{"id":51,"label":52,"slug":53},[344,345],{"id":309,"title":310,"slug":311},{"id":72,"title":73,"slug":74},{"slug":347,"title":348,"logo":349,"baseline":350,"categories":351},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[352,356],{"id":353,"title":354,"slug":355},36,"Finance","finance",{"id":357,"title":358,"slug":359},95,"Blockchain","blockchain",{"uuid":361,"title":362,"description":363,"canonical_path":364,"image":365,"width":39,"height":366,"image_alt":367,"published_at":368,"kind":43,"patterns":369,"component_categories":372,"app":376},"9e29b3d4-8bdf-4df0-a25a-57bcfd76c2ee","Fidelity  Copilot Help Center","Help center article page for the Fidelity integration featuring a prominent search bar, breadcrumb navigation, and a right rail with related account update articles.","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e29b3d4-8bdf-4df0-a25a-57bcfd76c2ee.png",1888,"Fidelity  Copilot Help Center from Copilot","2026-06-23T15:13:59.000Z",[370],{"id":299,"label":300,"slug":301,"rank":49,"group":371},{"id":51,"label":52,"slug":53},[373,374,375],{"id":305,"title":306,"slug":307},{"id":309,"title":310,"slug":311},{"id":232,"title":233,"slug":234},{"slug":377,"title":378,"logo":379,"baseline":380,"categories":381},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[382],{"id":353,"title":354,"slug":355},{"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":411,"app":421},"95434308-2491-4fcc-b8fc-affced71e79c","Usage | Exa API","Usage settings page where the user views their pricing overview filtered by API key and billing cycle, along with a history of past invoices.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95434308-2491-4fcc-b8fc-affced71e79c.png","Usage | Exa API from Exa","2026-06-23T14:19:28.000Z",[392,399,407],{"id":285,"label":393,"slug":394,"rank":49,"group":395},"Billing Settings","billing-settings",{"id":396,"label":397,"slug":398},10,"Settings & Admin","settings-and-admin",{"id":400,"label":401,"slug":402,"rank":112,"group":403},49,"Usage","usage",{"id":404,"label":405,"slug":406},4,"Data & Analysis","data-and-analysis",{"id":320,"label":408,"slug":409,"rank":121,"group":410},"Table","table",{"id":404,"label":405,"slug":406},[412,416,420],{"id":413,"title":414,"slug":415},233,"Tabs","tabs",{"id":417,"title":418,"slug":419},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"slug":422,"title":423,"logo":424,"baseline":425,"categories":426},"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",[427,431,432],{"id":428,"title":429,"slug":430},55,"Search engine","search-engine",{"id":89,"title":90,"slug":91},{"id":433,"title":434,"slug":435},37,"Developer APIs","developer-apis",{"uuid":437,"title":438,"description":439,"canonical_path":440,"image":441,"width":39,"height":442,"image_alt":443,"published_at":444,"kind":43,"patterns":445,"component_categories":452,"app":456},"fd343625-c1e1-4049-8f91-e6d3ca5a83e0","Node Overview  FLORA Docs","Documentation article explaining the core concept of nodes and the node toolbar within the FLORA editor.","\u002Fexamples\u002Fapps\u002Fflora\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd343625-c1e1-4049-8f91-e6d3ca5a83e0.png",2250,"Node Overview  FLORA Docs from Flora","2026-05-26T09:34:20.000Z",[446,448,450],{"id":104,"label":105,"slug":106,"rank":49,"group":447},{"id":51,"label":52,"slug":53},{"id":109,"label":110,"slug":111,"rank":112,"group":449},{"id":114,"label":115,"slug":116},{"id":156,"label":157,"slug":158,"rank":121,"group":451},{"id":82,"label":160,"slug":161},[453,454,455],{"id":176,"title":177,"slug":178},{"id":172,"title":173,"slug":174},{"id":72,"title":73,"slug":74},{"slug":457,"title":458,"logo":459,"baseline":460,"categories":461},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[462,463,464],{"id":89,"title":90,"slug":91},{"id":82,"title":83,"slug":84},{"id":243,"title":244,"slug":245},{"uuid":466,"title":467,"description":468,"canonical_path":469,"image":470,"width":39,"height":471,"image_alt":472,"published_at":473,"kind":43,"patterns":474,"component_categories":477,"app":478},"87ba85cd-59fe-468c-8a20-6f4975ced746","Assembly Guide  Contact us","Help center article where the user finds instructions and links for contacting the support and sales teams.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F87ba85cd-59fe-468c-8a20-6f4975ced746.png",1844,"Assembly Guide  Contact us from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[475],{"id":299,"label":300,"slug":301,"rank":49,"group":476},{"id":51,"label":52,"slug":53},[],{"slug":479,"title":480,"logo":481,"baseline":482,"categories":483},"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",[484,485,489,490],{"id":324,"title":325,"slug":326},{"id":486,"title":487,"slug":488},90,"Business","business",{"id":89,"title":90,"slug":91},{"id":285,"title":286,"slug":287},{"uuid":492,"title":493,"description":494,"canonical_path":495,"image":496,"width":39,"height":497,"image_alt":498,"published_at":499,"kind":43,"patterns":500,"component_categories":510,"app":518},"4cd51fd7-074f-4f5c-9e89-61e5a8665be0","Prompting best practices - Lovable Documentation","Documentation article detailing best practices and strategies for writing effective prompts to generate UI components with the AI assistant.","\u002Fexamples\u002Fapps\u002Flovable\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cd51fd7-074f-4f5c-9e89-61e5a8665be0.png",18652,"Prompting best practices - Lovable Documentation from Lovable","2026-05-18T10:58:24.000Z",[501,503,505],{"id":104,"label":105,"slug":106,"rank":49,"group":502},{"id":51,"label":52,"slug":53},{"id":109,"label":110,"slug":111,"rank":112,"group":504},{"id":114,"label":115,"slug":116},{"id":506,"label":507,"slug":508,"rank":121,"group":509},27,"AI Assistant","ai-assistant",{"id":213,"label":214,"slug":215},[511,512,513,514,515,516,517],{"id":417,"title":418,"slug":419},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":232,"title":233,"slug":234},{"id":172,"title":173,"slug":174},{"id":176,"title":177,"slug":178},{"id":72,"title":73,"slug":74},{"slug":519,"title":520,"logo":521,"baseline":522,"categories":523},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[524,525,526],{"id":89,"title":90,"slug":91},{"id":123,"title":282,"slug":283},{"id":285,"title":286,"slug":287},[],[529,531,533,535,537,539,541,543,545,547,549,552,555,558,561,564,567,570,573,576,579,582],{"label":110,"to":530,"count":404},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":157,"to":532,"count":121},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":218,"to":534,"count":112},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":507,"to":536,"count":112},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":210,"to":538,"count":112},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":223,"to":540,"count":112},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":393,"to":542,"count":112},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":119,"to":544,"count":112},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":408,"to":546,"count":112},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":401,"to":548,"count":112},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":550,"to":551},"Magnific design examples","\u002Fexamples\u002Fapps\u002Fmagnific",{"label":553,"to":554},"Alloy design examples","\u002Fexamples\u002Fapps\u002Falloy",{"label":556,"to":557},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":559,"to":560},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":562,"to":563},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":565,"to":566},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":568,"to":569},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":571,"to":572},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":574,"to":575},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":577,"to":578},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":580,"to":581},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":583,"to":584},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"published_at":586,"updated_at":587},"2024-12-11T10:10:50.000Z","2026-09-24T18:35:11.882Z"]