[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpoolside":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":51,"showcases":52,"links":391,"dates":403},"\u002Fexamples\u002Fapps\u002Fpoolside","detail","apps",true,{"title":9,"description":10,"og_image":11},"Poolside design examples - Nicelydone","Explore Poolside UI design examples. Iterate on web apps, APIs, and CLIs from scratch, in a single workspace","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F02513891-109f-4d0d-84f2-87f77c9885fe.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Poolside design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Poolside",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"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",[47],{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",[],[53,382,385,388],{"family":54,"examples":55},"screens",[56,85,117,149,197,218,244,268,289,315,335,361],{"uuid":57,"title":58,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":83},"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",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},4,"Sign In","sign-in",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75,79],{"id":76,"title":77,"slug":78},174,"Card","card",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":29,"image":89,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":91,"component_categories":108,"app":115},"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",[92,100],{"id":93,"label":94,"slug":95,"rank":69,"group":96},115,"Empty State","empty-state",{"id":97,"label":98,"slug":99},12,"States & Feedback","states-and-feedback",{"id":101,"label":102,"slug":103,"rank":71,"group":104},86,"Templates","templates",{"id":105,"label":106,"slug":107},8,"Pages & Content","pages-and-content",[109,110,114],{"id":76,"title":77,"slug":78},{"id":111,"title":112,"slug":113},169,"Avatar","avatar",{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":116},[],{"uuid":118,"title":87,"description":119,"canonical_path":29,"image":120,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":121,"component_categories":140,"app":147},"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",[122,124,132],{"id":101,"label":102,"slug":103,"rank":69,"group":123},{"id":105,"label":106,"slug":107},{"id":125,"label":126,"slug":127,"rank":71,"group":128},72,"Getting Started","getting-started",{"id":129,"label":130,"slug":131},7,"Onboarding & Education","onboarding-and-education",{"id":133,"label":134,"slug":135,"rank":136,"group":137},15,"Import & Export","import-and-export",2,{"id":136,"label":138,"slug":139},"Actions","actions",[141,142,146],{"id":76,"title":77,"slug":78},{"id":143,"title":144,"slug":145},260,"Badge","badge",{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":148},[],{"uuid":150,"title":87,"description":151,"canonical_path":29,"image":152,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":153,"component_categories":187,"app":195},"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",[154,162,167,175,180],{"id":155,"label":156,"slug":157,"rank":69,"group":158},27,"AI Assistant","ai-assistant",{"id":159,"label":160,"slug":161},3,"AI","ai",{"id":163,"label":164,"slug":165,"rank":71,"group":166},28,"AI Chat","ai-chat",{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":136,"group":171},53,"Code Editor","code-editor",{"id":172,"label":173,"slug":174},5,"Media & Tools","media-and-tools",{"id":176,"label":177,"slug":178,"rank":159,"group":179},36,"Model Selection","model-selection",{"id":159,"label":160,"slug":161},{"id":181,"label":182,"slug":183,"rank":66,"group":184},41,"Dashboard","dashboard",{"id":66,"label":185,"slug":186},"Data & Analysis","data-and-analysis",[188,192,193,194],{"id":189,"title":190,"slug":191},233,"Tabs","tabs",{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":196},[],{"uuid":198,"title":87,"description":199,"canonical_path":29,"image":200,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":201,"component_categories":212,"app":216},"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",[202,204,206,208,210],{"id":155,"label":156,"slug":157,"rank":69,"group":203},{"id":159,"label":160,"slug":161},{"id":176,"label":177,"slug":178,"rank":71,"group":205},{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":136,"group":207},{"id":172,"label":173,"slug":174},{"id":93,"label":94,"slug":95,"rank":159,"group":209},{"id":97,"label":98,"slug":99},{"id":163,"label":164,"slug":165,"rank":66,"group":211},{"id":159,"label":160,"slug":161},[213,214,215],{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":217},[],{"uuid":219,"title":87,"description":220,"canonical_path":29,"image":221,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":222,"component_categories":238,"app":242},"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",[223,225,227,231,236],{"id":168,"label":169,"slug":170,"rank":69,"group":224},{"id":172,"label":173,"slug":174},{"id":155,"label":156,"slug":157,"rank":71,"group":226},{"id":159,"label":160,"slug":161},{"id":48,"label":228,"slug":229,"rank":136,"group":230},"Files","files",{"id":105,"label":106,"slug":107},{"id":232,"label":233,"slug":234,"rank":159,"group":235},77,"Welcome","welcome",{"id":129,"label":130,"slug":131},{"id":163,"label":164,"slug":165,"rank":66,"group":237},{"id":159,"label":160,"slug":161},[239,240,241],{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":243},[],{"uuid":245,"title":87,"description":246,"canonical_path":29,"image":247,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":248,"component_categories":257,"app":266},"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",[249,251,253,255],{"id":155,"label":156,"slug":157,"rank":69,"group":250},{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":71,"group":252},{"id":172,"label":173,"slug":174},{"id":163,"label":164,"slug":165,"rank":136,"group":254},{"id":159,"label":160,"slug":161},{"id":181,"label":182,"slug":183,"rank":159,"group":256},{"id":66,"label":185,"slug":186},[258,262,263,264,265],{"id":259,"title":260,"slug":261},277,"Button group","button-group",{"id":189,"title":190,"slug":191},{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":267},[],{"uuid":269,"title":87,"description":270,"canonical_path":29,"image":271,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":272,"component_categories":281,"app":287},"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",[273,275,277,279],{"id":155,"label":156,"slug":157,"rank":69,"group":274},{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":71,"group":276},{"id":172,"label":173,"slug":174},{"id":48,"label":228,"slug":229,"rank":136,"group":278},{"id":105,"label":106,"slug":107},{"id":163,"label":164,"slug":165,"rank":159,"group":280},{"id":159,"label":160,"slug":161},[282,283,284,285,286],{"id":259,"title":260,"slug":261},{"id":189,"title":190,"slug":191},{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":288},[],{"uuid":290,"title":87,"description":291,"canonical_path":29,"image":292,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":293,"component_categories":308,"app":313},"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",[294,299,301,303],{"id":295,"label":296,"slug":297,"rank":69,"group":298},26,"AI Agent","ai-agent",{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":71,"group":300},{"id":172,"label":173,"slug":174},{"id":163,"label":164,"slug":165,"rank":136,"group":302},{"id":159,"label":160,"slug":161},{"id":304,"label":305,"slug":306,"rank":159,"group":307},29,"AI Editing","ai-editing",{"id":159,"label":160,"slug":161},[309,310,311,312],{"id":189,"title":190,"slug":191},{"id":143,"title":144,"slug":145},{"id":111,"title":112,"slug":113},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":314},[],{"uuid":316,"title":87,"description":317,"canonical_path":29,"image":318,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":319,"component_categories":328,"app":333},"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",[320,322,324,326],{"id":295,"label":296,"slug":297,"rank":69,"group":321},{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":71,"group":323},{"id":172,"label":173,"slug":174},{"id":163,"label":164,"slug":165,"rank":136,"group":325},{"id":159,"label":160,"slug":161},{"id":304,"label":305,"slug":306,"rank":159,"group":327},{"id":159,"label":160,"slug":161},[329,330,331,332],{"id":189,"title":190,"slug":191},{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":334},[],{"uuid":336,"title":87,"description":337,"canonical_path":29,"image":338,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":339,"component_categories":354,"app":359},"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",[340,342,344,349],{"id":155,"label":156,"slug":157,"rank":69,"group":341},{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":71,"group":343},{"id":172,"label":173,"slug":174},{"id":345,"label":346,"slug":347,"rank":136,"group":348},30,"AI Generation","ai-generation",{"id":159,"label":160,"slug":161},{"id":350,"label":351,"slug":352,"rank":159,"group":353},58,"Media Editor","media-editor",{"id":172,"label":173,"slug":174},[355,356,357,358],{"id":189,"title":190,"slug":191},{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":360},[],{"uuid":362,"title":87,"description":363,"canonical_path":29,"image":364,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":365,"component_categories":374,"app":380},"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",[366,368,370,372],{"id":295,"label":296,"slug":297,"rank":69,"group":367},{"id":159,"label":160,"slug":161},{"id":163,"label":164,"slug":165,"rank":71,"group":369},{"id":159,"label":160,"slug":161},{"id":168,"label":169,"slug":170,"rank":136,"group":371},{"id":172,"label":173,"slug":174},{"id":181,"label":182,"slug":183,"rank":159,"group":373},{"id":66,"label":185,"slug":186},[375,376,377,378,379],{"id":259,"title":260,"slug":261},{"id":189,"title":190,"slug":191},{"id":111,"title":112,"slug":113},{"id":143,"title":144,"slug":145},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":381},[],{"family":383,"examples":384},"flows",[],{"family":386,"examples":387},"components",[],{"family":389,"examples":390},"pages",[],[392,394,396,398,400],{"label":393,"to":29},"Poolside product screens",{"label":395,"to":38},"Poolside marketing pages",{"label":397,"to":32},"Poolside user flows",{"label":399,"to":35},"Poolside UI components",{"label":401,"to":402},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":404,"updated_at":405},"2026-05-11T08:29:40.000Z","2026-09-13T13:02:39.000Z"]