[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplay":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":50,"showcases":51,"links":340,"dates":357},"\u002Fexamples\u002Fapps\u002Fplay","detail","apps",true,{"title":9,"description":10,"og_image":11},"Play design examples - Nicelydone","Explore Play UI design examples. The first native iOS design tool for creating mobile products.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa97c29fa-6963-4908-88f5-f1ffce58426d.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Play design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Play",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fplay\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fplay\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":40,"categories":41},"Play","play","The first native iOS design tool for creating mobile products. ","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplay-abd625a7.png","https:\u002F\u002Fwww.createwithplay.com","createwithplay",[42,46],{"id":43,"title":44,"slug":45},54,"Mobile","mobile",{"id":47,"title":48,"slug":49},7,"Web Development","web-development",[],[52,337],{"family":53,"examples":54},"screens",[55,92,104,115,135,178,211,230,261,278,298,319],{"uuid":56,"title":35,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":77,"app":90},"a97c29fa-6963-4908-88f5-f1ffce58426d","Sign in screen where the user authenticates with email and password, or scans a QR code to download the companion iPhone app.",3024,1674,"Play from Play","screen",[63,72],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",{"id":73,"label":74,"slug":75,"rank":69,"group":76},2,"Forgot Password","forgot-password",{"id":69,"label":70,"slug":71},[78,82,86],{"id":79,"title":80,"slug":81},240,"Horizontal navigation","horizontal-navigation",{"id":83,"title":84,"slug":85},174,"Card","card",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":91},[],{"uuid":93,"title":35,"description":94,"canonical_path":29,"image":95,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":96,"component_categories":99,"app":102},"76ab5491-6f28-4b72-8694-80236cb34c49","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76ab5491-6f28-4b72-8694-80236cb34c49.png",[97],{"id":73,"label":74,"slug":75,"rank":67,"group":98},{"id":69,"label":70,"slug":71},[100,101],{"id":79,"title":80,"slug":81},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":103},[],{"uuid":105,"title":35,"description":94,"canonical_path":29,"image":106,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":107,"component_categories":110,"app":113},"83350abd-f2f0-479c-92f6-2eb439859d50","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83350abd-f2f0-479c-92f6-2eb439859d50.png",[108],{"id":73,"label":74,"slug":75,"rank":67,"group":109},{"id":69,"label":70,"slug":71},[111,112],{"id":79,"title":80,"slug":81},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":114},[],{"uuid":116,"title":35,"description":117,"canonical_path":29,"image":118,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":119,"component_categories":130,"app":133},"97d51b2b-1e7e-434e-86b3-ffacf063b054","Password recovery screen showing an error message when the user attempts to send a reset link to an unregistered email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97d51b2b-1e7e-434e-86b3-ffacf063b054.png",[120,122],{"id":73,"label":74,"slug":75,"rank":67,"group":121},{"id":69,"label":70,"slug":71},{"id":123,"label":124,"slug":125,"rank":69,"group":126},116,"Error","error",{"id":127,"label":128,"slug":129},12,"States & Feedback","states-and-feedback",[131,132],{"id":79,"title":80,"slug":81},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":29,"image":139,"width":58,"height":59,"image_alt":140,"kind":61,"patterns":141,"component_categories":165,"app":176},"382c4afe-0455-46c7-b679-922e4be66bbc","My Workspace | Play","List view where the user browses their design projects in a grid layout, sorts them by modification date, and can create new projects.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F382c4afe-0455-46c7-b679-922e4be66bbc.png","My Workspace | Play from Play",[142,150,158],{"id":143,"label":144,"slug":145,"rank":67,"group":146},79,"Browse","browse",{"id":147,"label":148,"slug":149},8,"Pages & Content","pages-and-content",{"id":151,"label":152,"slug":153,"rank":69,"group":154},104,"Team Management","team-management",{"id":155,"label":156,"slug":157},10,"Settings & Admin","settings-and-admin",{"id":159,"label":160,"slug":161,"rank":73,"group":162},13,"Filter & Sort","filter-and-sort",{"id":73,"label":163,"slug":164},"Actions","actions",[166,170,171,175],{"id":167,"title":168,"slug":169},260,"Badge","badge",{"id":83,"title":84,"slug":85},{"id":172,"title":173,"slug":174},169,"Avatar","avatar",{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":29,"image":182,"width":58,"height":183,"image_alt":184,"kind":61,"patterns":185,"component_categories":205,"app":209},"235039c1-f299-440b-b777-66a55a487f19","Learn Play Interactions | Play","List view where the user browses and sorts design pages within a project, viewing them as a grid of visual previews.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F235039c1-f299-440b-b777-66a55a487f19.png",2452,"Learn Play Interactions | Play from Play",[186,188,195,197],{"id":143,"label":144,"slug":145,"rank":67,"group":187},{"id":147,"label":148,"slug":149},{"id":189,"label":190,"slug":191,"rank":69,"group":192},47,"Table","table",{"id":64,"label":193,"slug":194},"Data & Analysis","data-and-analysis",{"id":159,"label":160,"slug":161,"rank":73,"group":196},{"id":73,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":201,"group":202},76,"Tutorial","tutorial",3,{"id":47,"label":203,"slug":204},"Onboarding & Education","onboarding-and-education",[206,207,208],{"id":83,"title":84,"slug":85},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":210},[],{"uuid":212,"title":180,"description":213,"canonical_path":29,"image":214,"width":58,"height":59,"image_alt":184,"kind":61,"patterns":215,"component_categories":223,"app":228},"07de9074-23d6-4f67-8eef-268b46e08c83","List view where the user browses and manages pages within a specific design project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07de9074-23d6-4f67-8eef-268b46e08c83.png",[216,218],{"id":143,"label":144,"slug":145,"rank":67,"group":217},{"id":147,"label":148,"slug":149},{"id":219,"label":220,"slug":221,"rank":69,"group":222},23,"Select","select",{"id":73,"label":163,"slug":164},[224,225,226,227],{"id":167,"title":168,"slug":169},{"id":83,"title":84,"slug":85},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":229},[],{"uuid":231,"title":180,"description":232,"canonical_path":29,"image":233,"width":58,"height":59,"image_alt":184,"kind":61,"patterns":234,"component_categories":250,"app":259},"38b935da-7a9c-455d-8c41-80edef5a84f2","Project pages gallery where the user is renaming a specific page via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38b935da-7a9c-455d-8c41-80edef5a84f2.png",[235,240,245],{"id":236,"label":237,"slug":238,"rank":67,"group":239},11,"Edit","edit",{"id":73,"label":163,"slug":164},{"id":241,"label":242,"slug":243,"rank":69,"group":244},80,"Files","files",{"id":147,"label":148,"slug":149},{"id":246,"label":247,"slug":248,"rank":73,"group":249},114,"Confirmation","confirmation",{"id":127,"label":128,"slug":129},[251,255,256,257,258],{"id":252,"title":253,"slug":254},284,"Modal","modal",{"id":167,"title":168,"slug":169},{"id":83,"title":84,"slug":85},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":260},[],{"uuid":262,"title":137,"description":263,"canonical_path":29,"image":264,"width":58,"height":59,"image_alt":140,"kind":61,"patterns":265,"component_categories":272,"app":276},"bfe2ad3d-cc4f-484b-860d-0ff30a69949d","List view where the user browses their workspace projects in a grid layout, with an active dropdown to sort by modification date or alphabetically.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfe2ad3d-cc4f-484b-860d-0ff30a69949d.png",[266,268,270],{"id":143,"label":144,"slug":145,"rank":67,"group":267},{"id":147,"label":148,"slug":149},{"id":151,"label":152,"slug":153,"rank":69,"group":269},{"id":155,"label":156,"slug":157},{"id":159,"label":160,"slug":161,"rank":73,"group":271},{"id":73,"label":163,"slug":164},[273,274,275],{"id":83,"title":84,"slug":85},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":277},[],{"uuid":279,"title":137,"description":280,"canonical_path":29,"image":281,"width":58,"height":59,"image_alt":140,"kind":61,"patterns":282,"component_categories":292,"app":296},"8007cddb-6cfc-4df2-8bb3-6ef6f2e2a57f","List view where the user manages their workspace projects and can invite new members to the team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8007cddb-6cfc-4df2-8bb3-6ef6f2e2a57f.png",[283,285,290],{"id":151,"label":152,"slug":153,"rank":67,"group":284},{"id":155,"label":156,"slug":157},{"id":286,"label":287,"slug":288,"rank":69,"group":289},133,"Invite Teammates","invite-teammates",{"id":73,"label":163,"slug":164},{"id":189,"label":190,"slug":191,"rank":73,"group":291},{"id":64,"label":193,"slug":194},[293,294,295],{"id":167,"title":168,"slug":169},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":297},[],{"uuid":299,"title":137,"description":300,"canonical_path":29,"image":301,"width":58,"height":59,"image_alt":140,"kind":61,"patterns":302,"component_categories":312,"app":317},"6d2c4514-57b1-42ef-8bd8-220e84b1f6c2","List view of projects with a centered modal open for the user to name and create a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d2c4514-57b1-42ef-8bd8-220e84b1f6c2.png",[303,305,307],{"id":189,"label":190,"slug":191,"rank":67,"group":304},{"id":64,"label":193,"slug":194},{"id":151,"label":152,"slug":153,"rank":69,"group":306},{"id":155,"label":156,"slug":157},{"id":308,"label":309,"slug":310,"rank":73,"group":311},81,"Home","home",{"id":147,"label":148,"slug":149},[313,314,315,316],{"id":252,"title":253,"slug":254},{"id":167,"title":168,"slug":169},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":318},[],{"uuid":320,"title":137,"description":321,"canonical_path":29,"image":322,"width":58,"height":59,"image_alt":140,"kind":61,"patterns":323,"component_categories":331,"app":335},"b0cbb37e-504f-4cb3-879e-e730fd5b56c4","List view of projects with a modal open where the user names and creates a new app project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb0cbb37e-504f-4cb3-879e-e730fd5b56c4.png",[324,326],{"id":151,"label":152,"slug":153,"rank":67,"group":325},{"id":155,"label":156,"slug":157},{"id":327,"label":328,"slug":329,"rank":69,"group":330},41,"Dashboard","dashboard",{"id":64,"label":193,"slug":194},[332,333,334],{"id":252,"title":253,"slug":254},{"id":172,"title":173,"slug":174},{"id":87,"title":88,"slug":89},{"slug":36,"title":35,"logo":38,"categories":336},[],{"family":338,"examples":339},"pages",[],[341,343,345,348,351,354],{"label":342,"to":29},"Play product screens",{"label":344,"to":32},"Play marketing pages",{"label":346,"to":347},"Play user flows","\u002Fexamples\u002Fapps\u002Fplay\u002Fflows",{"label":349,"to":350},"Play UI components","\u002Fexamples\u002Fapps\u002Fplay\u002Fcomponents",{"label":352,"to":353},"Mobile app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmobile",{"label":355,"to":356},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"published_at":358,"updated_at":359},"2022-09-13T12:12:11.000Z","2026-09-13T13:02:39.000Z"]