[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":367,"links":368,"dates":396},"\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Poolside product screens examples - Nicelydone","Browse Poolside screen design examples. Preview the interface screenshots and explore related UI patterns. Iterate on web apps, APIs, and CLIs from scratch,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02513891-109f-4d0d-84f2-87f77c9885fe.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":23,"to":4},"Poolside product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Poolside screen design examples. Preview the interface screenshots and explore related UI patterns. Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Poolside","poolside","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","https:\u002F\u002Fshimmer.poolside.ai",[36],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",[41,70,102,134,182,203,229,253,274,300,320,346],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":68},"02513891-109f-4d0d-84f2-87f77c9885fe","Sign in | Shimmer","Sign-in screen where the user authenticates with Google or GitHub to access Shimmer.",3024,1758,"Sign in | Shimmer from Poolside","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",[60,64],{"id":61,"title":62,"slug":63},174,"Card","card",{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":76,"component_categories":93,"app":100},"3d68d064-e3c5-4ca7-b06d-89d59950acbf","Shimmer","Onboarding screen where the user creates their first project by selecting a template like Web App, API Service, or CLI, or by importing a GitHub repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d68d064-e3c5-4ca7-b06d-89d59950acbf.png","Shimmer from Poolside",[77,85],{"id":78,"label":79,"slug":80,"rank":54,"group":81},115,"Empty State","empty-state",{"id":82,"label":83,"slug":84},12,"States & Feedback","states-and-feedback",{"id":86,"label":87,"slug":88,"rank":56,"group":89},86,"Templates","templates",{"id":90,"label":91,"slug":92},8,"Pages & Content","pages-and-content",[94,95,99],{"id":61,"title":62,"slug":63},{"id":96,"title":97,"slug":98},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":101},[],{"uuid":103,"title":72,"description":104,"canonical_path":4,"image":105,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":106,"component_categories":125,"app":132},"aaa3a452-f194-4733-9035-a7d1cc87b505","Onboarding screen where the user creates their first project by selecting a web app, API, or CLI template, or by importing an existing GitHub repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faaa3a452-f194-4733-9035-a7d1cc87b505.png",[107,109,117],{"id":86,"label":87,"slug":88,"rank":54,"group":108},{"id":90,"label":91,"slug":92},{"id":110,"label":111,"slug":112,"rank":56,"group":113},72,"Getting Started","getting-started",{"id":114,"label":115,"slug":116},7,"Onboarding & Education","onboarding-and-education",{"id":118,"label":119,"slug":120,"rank":121,"group":122},15,"Import & Export","import-and-export",2,{"id":121,"label":123,"slug":124},"Actions","actions",[126,127,131],{"id":61,"title":62,"slug":63},{"id":128,"title":129,"slug":130},260,"Badge","badge",{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":133},[],{"uuid":135,"title":72,"description":136,"canonical_path":4,"image":137,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":138,"component_categories":172,"app":180},"6fc44b0e-8b44-493c-a32f-112e382e8e35","Code editor workspace where the user lands on a welcome screen featuring an AI chat input, model selection, and an active terminal running a Next.js server.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fc44b0e-8b44-493c-a32f-112e382e8e35.png",[139,147,152,160,165],{"id":140,"label":141,"slug":142,"rank":54,"group":143},27,"AI Assistant","ai-assistant",{"id":144,"label":145,"slug":146},3,"AI","ai",{"id":148,"label":149,"slug":150,"rank":56,"group":151},28,"AI Chat","ai-chat",{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":121,"group":156},53,"Code Editor","code-editor",{"id":157,"label":158,"slug":159},5,"Media & Tools","media-and-tools",{"id":161,"label":162,"slug":163,"rank":144,"group":164},36,"Model Selection","model-selection",{"id":144,"label":145,"slug":146},{"id":166,"label":167,"slug":168,"rank":51,"group":169},41,"Dashboard","dashboard",{"id":51,"label":170,"slug":171},"Data & Analysis","data-and-analysis",[173,177,178,179],{"id":174,"title":175,"slug":176},233,"Tabs","tabs",{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":72,"description":184,"canonical_path":4,"image":185,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":186,"component_categories":197,"app":201},"2b87a24b-03e1-414a-b461-a8478be688af","Cloud development environment where the user is greeted with a welcome message, an AI prompt to start coding, and an open model picker.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b87a24b-03e1-414a-b461-a8478be688af.png",[187,189,191,193,195],{"id":140,"label":141,"slug":142,"rank":54,"group":188},{"id":144,"label":145,"slug":146},{"id":161,"label":162,"slug":163,"rank":56,"group":190},{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":121,"group":192},{"id":157,"label":158,"slug":159},{"id":78,"label":79,"slug":80,"rank":144,"group":194},{"id":82,"label":83,"slug":84},{"id":148,"label":149,"slug":150,"rank":51,"group":196},{"id":144,"label":145,"slug":146},[198,199,200],{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":72,"description":205,"canonical_path":4,"image":206,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":207,"component_categories":223,"app":227},"7a90bf44-4c4c-4dee-99ed-19f000140a01","Code editor workspace showing a welcome screen for a newly created sandbox with an AI prompt composer and an active terminal panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a90bf44-4c4c-4dee-99ed-19f000140a01.png",[208,210,212,216,221],{"id":153,"label":154,"slug":155,"rank":54,"group":209},{"id":157,"label":158,"slug":159},{"id":140,"label":141,"slug":142,"rank":56,"group":211},{"id":144,"label":145,"slug":146},{"id":37,"label":213,"slug":214,"rank":121,"group":215},"Files","files",{"id":90,"label":91,"slug":92},{"id":217,"label":218,"slug":219,"rank":144,"group":220},77,"Welcome","welcome",{"id":114,"label":115,"slug":116},{"id":148,"label":149,"slug":150,"rank":51,"group":222},{"id":144,"label":145,"slug":146},[224,225,226],{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":228},[],{"uuid":230,"title":72,"description":231,"canonical_path":4,"image":232,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":233,"component_categories":242,"app":251},"27688009-df57-43f3-b079-f7c8c970faef","Code editor workspace where the user can chat with an AI model to build an app, view live terminal output, and preview the running application in a side-by-side layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27688009-df57-43f3-b079-f7c8c970faef.png",[234,236,238,240],{"id":140,"label":141,"slug":142,"rank":54,"group":235},{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":56,"group":237},{"id":157,"label":158,"slug":159},{"id":148,"label":149,"slug":150,"rank":121,"group":239},{"id":144,"label":145,"slug":146},{"id":166,"label":167,"slug":168,"rank":144,"group":241},{"id":51,"label":170,"slug":171},[243,247,248,249,250],{"id":244,"title":245,"slug":246},277,"Button group","button-group",{"id":174,"title":175,"slug":176},{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":252},[],{"uuid":254,"title":72,"description":255,"canonical_path":4,"image":256,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":257,"component_categories":266,"app":272},"4304e37f-cc0b-4f30-99de-2685e71d10a0","Cloud IDE workspace where the user interacts with an AI assistant, manages project files, and monitors terminal output.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4304e37f-cc0b-4f30-99de-2685e71d10a0.png",[258,260,262,264],{"id":140,"label":141,"slug":142,"rank":54,"group":259},{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":56,"group":261},{"id":157,"label":158,"slug":159},{"id":37,"label":213,"slug":214,"rank":121,"group":263},{"id":90,"label":91,"slug":92},{"id":148,"label":149,"slug":150,"rank":144,"group":265},{"id":144,"label":145,"slug":146},[267,268,269,270,271],{"id":244,"title":245,"slug":246},{"id":174,"title":175,"slug":176},{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":273},[],{"uuid":275,"title":72,"description":276,"canonical_path":4,"image":277,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":278,"component_categories":293,"app":298},"f56168b6-40bf-4617-b936-897a09a9456f","Code editor interface where the user interacts with an AI agent in a sandbox environment, featuring a terminal panel and a diff viewer showing no recent changes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff56168b6-40bf-4617-b936-897a09a9456f.png",[279,284,286,288],{"id":280,"label":281,"slug":282,"rank":54,"group":283},26,"AI Agent","ai-agent",{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":56,"group":285},{"id":157,"label":158,"slug":159},{"id":148,"label":149,"slug":150,"rank":121,"group":287},{"id":144,"label":145,"slug":146},{"id":289,"label":290,"slug":291,"rank":144,"group":292},29,"AI Editing","ai-editing",{"id":144,"label":145,"slug":146},[294,295,296,297],{"id":174,"title":175,"slug":176},{"id":128,"title":129,"slug":130},{"id":96,"title":97,"slug":98},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":299},[],{"uuid":301,"title":72,"description":302,"canonical_path":4,"image":303,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":304,"component_categories":313,"app":318},"958748e2-0b6b-4464-bc23-ff1921a4c6dc","Code editor interface where the user manages sandboxes, interacts with an AI agent for coding, views a live terminal, and tests HTTP requests.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F958748e2-0b6b-4464-bc23-ff1921a4c6dc.png",[305,307,309,311],{"id":280,"label":281,"slug":282,"rank":54,"group":306},{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":56,"group":308},{"id":157,"label":158,"slug":159},{"id":148,"label":149,"slug":150,"rank":121,"group":310},{"id":144,"label":145,"slug":146},{"id":289,"label":290,"slug":291,"rank":144,"group":312},{"id":144,"label":145,"slug":146},[314,315,316,317],{"id":174,"title":175,"slug":176},{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":319},[],{"uuid":321,"title":72,"description":322,"canonical_path":4,"image":323,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":324,"component_categories":339,"app":344},"40f649f8-4fee-413c-9b7d-607894ac3b7e","AI-powered code editor where the user prompts an agent to build an application, featuring a terminal output pane and a live web preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40f649f8-4fee-413c-9b7d-607894ac3b7e.png",[325,327,329,334],{"id":140,"label":141,"slug":142,"rank":54,"group":326},{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":56,"group":328},{"id":157,"label":158,"slug":159},{"id":330,"label":331,"slug":332,"rank":121,"group":333},30,"AI Generation","ai-generation",{"id":144,"label":145,"slug":146},{"id":335,"label":336,"slug":337,"rank":144,"group":338},58,"Media Editor","media-editor",{"id":157,"label":158,"slug":159},[340,341,342,343],{"id":174,"title":175,"slug":176},{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":345},[],{"uuid":347,"title":72,"description":348,"canonical_path":4,"image":349,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":350,"component_categories":359,"app":365},"7eed6f8d-31c9-4bc7-9f05-c63b83138d85","AI coding workspace where the user prompts the assistant to build a restaurant booking system, showing the agent's steps, a live preview pane, and terminal output.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7eed6f8d-31c9-4bc7-9f05-c63b83138d85.png",[351,353,355,357],{"id":280,"label":281,"slug":282,"rank":54,"group":352},{"id":144,"label":145,"slug":146},{"id":148,"label":149,"slug":150,"rank":56,"group":354},{"id":144,"label":145,"slug":146},{"id":153,"label":154,"slug":155,"rank":121,"group":356},{"id":157,"label":158,"slug":159},{"id":166,"label":167,"slug":168,"rank":144,"group":358},{"id":51,"label":170,"slug":171},[360,361,362,363,364],{"id":244,"title":245,"slug":246},{"id":174,"title":175,"slug":176},{"id":96,"title":97,"slug":98},{"id":128,"title":129,"slug":130},{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":366},[],[],[369,371,373,375,377,379,381,383,385,387,389,391,393],{"label":154,"to":370},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":149,"to":372},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":141,"to":374},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":281,"to":376},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":167,"to":378,"count":144},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":290,"to":380,"count":121},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":79,"to":382,"count":121},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":213,"to":384,"count":121},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":162,"to":386,"count":121},"\u002Fexamples\u002Fscreens\u002Fmodel-selection",{"label":87,"to":388,"count":121},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":331,"to":390,"count":56},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":111,"to":392,"count":56},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":394,"to":395},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":397,"updated_at":398},"2026-05-11T08:29:40.000Z","2026-09-13T13:02:39.000Z"]