[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpoolside\u002Fcomponents":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":187,"links":188,"dates":201},"\u002Fexamples\u002Fapps\u002Fpoolside\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Poolside UI components examples - Nicelydone","Browse Poolside UI component design examples. Preview individual interface elements and explore related component categories. Iterate on web apps, APIs, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F160b2427-7a0b-4309-be17-ad3ee8bd8b84.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Poolside UI component design examples. Preview individual interface elements and explore related component categories. 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,56,69,82,92,105,118,128,141,151,161,174],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"ded9e82d-a126-4e19-b967-1d347a0a995a","Poolside UI component","An interface displaying development-related actions, progress, and a message input with a selection.",1497,853,"UI component from Poolside","component",[50],{"id":51,"title":52,"slug":53},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"0f5f154f-99e1-4097-b83f-7fb46dff1f24","A header bar for a project creation workflow, featuring navigation and a step-by-step progress indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5a8e82c-a844-4280-9867-b9afd0cc44a1.png",3023,122,[63],{"id":64,"title":65,"slug":66},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":80},"d922f3d7-97a5-4e78-8bbf-71304ffabc16","An empty state screen with a placeholder avatar, a generated name, a descriptive text, and a primary call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb7c72c80-e9d2-4ad6-a24a-91c068e91299.png",664,635,[76],{"id":77,"title":78,"slug":79},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":47,"kind":48,"categories":88,"app":90},"1f32d590-ae2f-4401-8a2b-31e0977b92f4","A collaboration interface displaying code changes, a pull request link, and a message input field.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F39fd8c7f-6efb-497d-b84f-bb7afcb9a6a9.png",1558,1407,[89],{"id":51,"title":52,"slug":53},{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":43,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":47,"kind":48,"categories":98,"app":103},"e986ffbf-23ae-4112-aaee-a94563eaa210","A modal dialog for creating a pull request, featuring input fields for branch name, title, and an optional description, with a loading button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf6a5f88-0dce-4677-8def-d04a5ebdd37f.png",1110,1183,[99],{"id":100,"title":101,"slug":102},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":43,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":47,"kind":48,"categories":111,"app":116},"4b2e523c-052b-48cf-ab6e-6210ad232fa6","A user settings popover menu with options for connecting integrations, adjusting appearance, managing notifications, and signing out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F33cb9839-7528-4261-94f1-24cf8c38aa16.png",590,564,[112],{"id":113,"title":114,"slug":115},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":43,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":47,"kind":48,"categories":124,"app":126},"b6f76fe3-066f-4531-bd5e-84c5aabedbbb","A popover menu displaying actions related to GitHub integration, port management, chat, and sandbox controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb8c0395c-1ab2-4a0c-9e99-32734800579c.png",605,648,[125],{"id":113,"title":114,"slug":115},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":43,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":47,"kind":48,"categories":134,"app":139},"5c503a8e-040f-438c-a004-585ed9c9acf4","A dropdown menu for filtering and selecting models with associated descriptions and status indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae2e1aff-1e9b-4d38-b223-7db02d455048.png",767,512,[135],{"id":136,"title":137,"slug":138},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":140},[],{"uuid":142,"title":43,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":47,"kind":48,"categories":147,"app":149},"45f5e86b-6339-4353-abea-6fc43de2105e","A project management interface displaying a list of projects and sandboxes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0cc83d83-041a-46e3-801f-8bfc2be4125d.png",602,489,[148],{"id":113,"title":114,"slug":115},{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":43,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":47,"kind":48,"categories":157,"app":159},"4798e304-3556-4793-abde-8fcdf4521ec4","A user interface for creating a new project by selecting a template or importing a GitHub repository.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F182904c2-cf03-4ea8-b325-122904dbe0a8.png",1544,1426,[158],{"id":77,"title":78,"slug":79},{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":43,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":47,"kind":48,"categories":167,"app":172},"78a0d5eb-3045-4229-8921-4d245a017305","A user interface displaying an empty project list with user profile information at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F640a84d6-2ffb-4288-baed-2d8b69e15e69.png",616,1756,[168],{"id":169,"title":170,"slug":171},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":43,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":47,"kind":48,"categories":180,"app":185},"d1047bb7-a9e2-456b-a1f7-58e1e614ae1f","A user interface displaying deployment model options with a descriptive text for the selected option and an isometric illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd471d1bc-53bf-40ca-93cc-e7437b0c3b0a.png",2496,1701,[181],{"id":182,"title":183,"slug":184},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":186},[],[],[189,192,195,198],{"label":190,"to":191},"Poolside product screens","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fscreens",{"label":193,"to":194},"Poolside marketing pages","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fmarketing",{"label":196,"to":197},"Poolside user flows","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fflows",{"label":199,"to":200},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":202,"updated_at":203},"2026-05-11T08:29:40.000Z","2026-09-13T13:02:39.000Z"]