[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":203,"links":204,"dates":223},"\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Photoroom UI components examples - Nicelydone","Browse Photoroom UI component design examples. Preview individual interface elements and explore related component categories. Magic photo studio on the go","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2d80a761-6158-44f7-894d-255761e6a701.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},"Photoroom design examples","\u002Fexamples\u002Fapps\u002Fphotoroom",{"label":23,"to":4},"Photoroom UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Photoroom","photoroom","Magic photo studio on the go","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fphotoroom-0ae20398.png","https:\u002F\u002Fwww.photoroom.com\u002F","https:\u002F\u002Ftwitter.com\u002Fphotoroom_app",[36,40,44],{"id":37,"title":38,"slug":39},31,"Photography","photography",{"id":41,"title":42,"slug":43},8,"Design","design",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",[49,64,79,92,102,115,128,141,154,167,180,193],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"e82940bb-3a22-4daa-95bc-b53677d83e8d","Hero Section with Top Navigation","A hero section featuring a large headline, a subheadline, and a primary call-to-action button, flanked by floating device mockups and graphic elements. It includes a top navigation bar with a logo, dropdown menus, and login\u002Fsignup buttons, plus social proof badges at the bottom.",3021,1734,"Hero Section with Top Navigation from Photoroom","component",[58],{"id":59,"title":60,"slug":61},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"a33cac27-1772-4790-8a64-4817b2962b7b","Photoroom UI component","A confirmation modal indicating invites have been sent.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65f3a861-2797-4d3a-aa58-83fb3c02dfdc.png",690,166,"UI component from Photoroom",[73],{"id":74,"title":75,"slug":76},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":66,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":71,"kind":56,"categories":85,"app":90},"736cc692-d29d-4b83-8029-189f5fc9406a","A modal with radio buttons to select image format.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff9109237-d533-434a-aeb3-5743a6163e6f.png",1021,501,[86],{"id":87,"title":88,"slug":89},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":66,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":71,"kind":56,"categories":98,"app":100},"3017b765-5295-4eee-a908-479007c34ac8","A modal with two options for exporting an image, one free and one pro.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe44f4c61-3bea-4908-85d6-b7dd6d46dd36.png",864,391,[99],{"id":87,"title":88,"slug":89},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":66,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":71,"kind":56,"categories":108,"app":113},"57460067-e028-44dc-bc2e-8fce6eb1e1cd","A selection bar with actions","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fad5478d6-0aba-4696-82f1-50ea5a642599.png",1755,431,[109],{"id":110,"title":111,"slug":112},277,"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":66,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":71,"kind":56,"categories":121,"app":126},"ef0c13ca-b99f-4366-9bb2-597e773f656b","A toggle switch with a label and an icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9333701c-bc5f-4171-9277-098399519c05.png",707,189,[122],{"id":123,"title":124,"slug":125},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":66,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":71,"kind":56,"categories":134,"app":139},"c4b682bb-8255-40e0-a920-ac20dd79e367","A brightness slider with a numerical input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F445db4c6-7646-4403-b1fe-e0412bca0ceb.png",716,231,[135],{"id":136,"title":137,"slug":138},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":66,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":71,"kind":56,"categories":147,"app":152},"c75671e8-0567-4050-a570-aebe44cc7376","Image editing modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe6c4c17d-c693-4055-806d-9491e9e40ef1.png",722,1591,[148],{"id":149,"title":150,"slug":151},220,"Drawer","side-sheet-drawer",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":66,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":71,"kind":56,"categories":160,"app":165},"c2f7d712-695a-43c8-9abc-2f24c5a9acfc","A modal with a link and a copy button","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb38fbcc-723f-473e-a4df-25e58f760452.png",896,212,[161],{"id":162,"title":163,"slug":164},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":66,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":71,"kind":56,"categories":173,"app":178},"a372040a-09af-43c2-b8d0-07d3781280cb","A banner promoting a pro feature with a link to start a free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2bdb3d39-8c4f-4051-8e14-1935d161ba48.png",2721,372,[174],{"id":175,"title":176,"slug":177},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":66,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":71,"kind":56,"categories":186,"app":191},"8447fa06-3795-47a4-862c-65a23d96114e","A modal with social login options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd75ef229-a3d7-4f34-8b5b-93dace29610b.png",768,464,[187],{"id":188,"title":189,"slug":190},289,"Social login button","social-login-button",{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":66,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":71,"kind":56,"categories":199,"app":201},"37af83c5-8b8e-41ff-a9bb-8615d763d03c","A set of three buttons for user actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F92b31573-9268-4654-bf47-8e93fd61ff16.png",735,208,[200],{"id":110,"title":111,"slug":112},{"slug":30,"title":29,"logo":32,"categories":202},[],[],[205,208,211,214,217,220],{"label":206,"to":207},"Photoroom product screens","\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fscreens",{"label":209,"to":210},"Photoroom marketing pages","\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fmarketing",{"label":212,"to":213},"Photoroom user flows","\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fflows",{"label":215,"to":216},"Photography app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fphotography",{"label":218,"to":219},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":221,"to":222},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":224,"updated_at":225},"2023-11-17T07:15:32.000Z","2026-09-26T00:10:36.000Z"]