[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fprismic\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":326,"links":327,"dates":388},"\u002Fexamples\u002Fapps\u002Fprismic\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Prismic product screens examples - Nicelydone","Browse Prismic screen design examples. Preview the interface screenshots and explore related UI patterns. A CMS backend for your websites","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_sign-in_e489e904_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Prismic design examples","\u002Fexamples\u002Fapps\u002Fprismic",{"label":23,"to":4},"Prismic product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Prismic","prismic","A CMS backend for your websites","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fprismic-2acc9ec2.png","https:\u002F\u002Fprismic.io",[35,39,43],{"id":36,"title":37,"slug":38},6,"Publishing","publishing",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",{"id":44,"title":45,"slug":46},48,"Developer Tools","developer-tools",[48,73,89,104,144,173,206,216,240,260,284,300],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":71},"673bd9bc-9f2a-491e-9bb0-50efa9f67a4a","Sign in","Sign-in screen where the user authenticates with an email address and password to access their dashboard.",2800,1544,"Sign in from Prismic","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":52,"height":53,"image_alt":78,"kind":55,"patterns":79,"component_categories":85,"app":87},"ec959b84-05e1-4ec1-a49a-c2179735bb5a","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_password-reset_72e62e48_nicelydone.jpg","Password reset from Prismic",[80],{"id":81,"label":82,"slug":83,"rank":61,"group":84},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[86],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":52,"height":53,"image_alt":94,"kind":55,"patterns":95,"component_categories":101,"app":102},"ef67d3cf-aad5-4bb1-9683-02294f412168","Sign up","Signup page where the user creates an account by providing their name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_sign-up_74a45387_nicelydone.jpg","Sign up from Prismic",[96],{"id":97,"label":98,"slug":99,"rank":61,"group":100},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[],{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":52,"height":53,"image_alt":109,"kind":55,"patterns":110,"component_categories":132,"app":142},"bfe39800-8ace-43f1-bba3-39cc2c4dd546","Onboarding","Dashboard empty state prompting the user to read the getting-started guide or create their first blank repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_onboarding_47498466_nicelydone.jpg","Onboarding from Prismic",[111,119,126],{"id":112,"label":113,"slug":114,"rank":61,"group":115},115,"Empty State","empty-state",{"id":116,"label":117,"slug":118},12,"States & Feedback","states-and-feedback",{"id":120,"label":121,"slug":122,"rank":63,"group":123},72,"Getting Started","getting-started",{"id":40,"label":124,"slug":125},"Onboarding & Education","onboarding-and-education",{"id":40,"label":127,"slug":128,"rank":81,"group":129},"Add & Create","add-and-create",{"id":81,"label":130,"slug":131},"Actions","actions",[133,137,141],{"id":134,"title":135,"slug":136},240,"Horizontal navigation","horizontal-navigation",{"id":138,"title":139,"slug":140},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":106,"description":146,"canonical_path":4,"image":147,"width":52,"height":148,"image_alt":109,"kind":55,"patterns":149,"component_categories":157,"app":171},"648d896f-265d-4ced-84ce-ae9fb0f0859f","Developers section quickstart guide where the user follows a 5-step tutorial to integrate Prismic content management with a Node.js application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_onboarding-2_a47d58b5_nicelydone.jpg",11182,[150,152],{"id":120,"label":121,"slug":122,"rank":61,"group":151},{"id":40,"label":124,"slug":125},{"id":153,"label":154,"slug":155,"rank":63,"group":156},76,"Tutorial","tutorial",{"id":40,"label":124,"slug":125},[158,162,166,170],{"id":159,"title":160,"slug":161},258,"Header","header",{"id":163,"title":164,"slug":165},167,"Alert","alert",{"id":167,"title":168,"slug":169},260,"Badge","badge",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":52,"height":53,"image_alt":178,"kind":55,"patterns":179,"component_categories":196,"app":204},"d52a30ba-ddc5-4994-abdb-22c1d5d869ff","Settings","Settings drawer where the user updates their public profile details, including first and last name, and changes their account password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_settings_786eb8f3_nicelydone.jpg","Settings from Prismic",[180,188],{"id":181,"label":182,"slug":183,"rank":61,"group":184},3,"Profile","profile",{"id":185,"label":186,"slug":187},11,"Social & Collaboration","social-and-collaboration",{"id":189,"label":190,"slug":191,"rank":63,"group":192},94,"Account Settings","account-settings",{"id":193,"label":194,"slug":195},10,"Settings & Admin","settings-and-admin",[197,198,202,203],{"id":134,"title":135,"slug":136},{"id":199,"title":200,"slug":201},174,"Card","card",{"id":138,"title":139,"slug":140},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":52,"height":53,"image_alt":211,"kind":55,"patterns":212,"component_categories":213,"app":214},"0b5acfa6-0aac-411e-8f58-a65e366891f0","Plans","Account creation Onboarding Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_plans_cd9a09f4_nicelydone.jpg","Plans from Prismic",[],[],{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":182,"description":218,"canonical_path":4,"image":219,"width":52,"height":53,"image_alt":220,"kind":55,"patterns":221,"component_categories":232,"app":238},"72e24334-2b6c-411f-8bf5-2487983690a0","Home screen where the user selects an existing repository to manage or creates a new blank one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_profile_0e564e47_nicelydone.jpg","Profile from Prismic",[222,230],{"id":223,"label":224,"slug":225,"rank":61,"group":226},81,"Home","home",{"id":227,"label":228,"slug":229},8,"Pages & Content","pages-and-content",{"id":40,"label":127,"slug":128,"rank":63,"group":231},{"id":81,"label":130,"slug":131},[233,234,235,236,237],{"id":134,"title":135,"slug":136},{"id":167,"title":168,"slug":169},{"id":199,"title":200,"slug":201},{"id":138,"title":139,"slug":140},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":239},[],{"uuid":241,"title":242,"description":243,"canonical_path":4,"image":244,"width":52,"height":53,"image_alt":245,"kind":55,"patterns":246,"component_categories":254,"app":258},"de7077be-af88-479b-965c-467daae354bf","Empty state","Dashboard empty state prompting the user to define their first content type, with a right sidebar for inviting team members via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_empty-state_10ea56a2_nicelydone.jpg","Empty state from Prismic",[247,249],{"id":112,"label":113,"slug":114,"rank":61,"group":248},{"id":116,"label":117,"slug":118},{"id":250,"label":251,"slug":252,"rank":63,"group":253},104,"Team Management","team-management",{"id":193,"label":194,"slug":195},[255,256,257],{"id":167,"title":168,"slug":169},{"id":138,"title":139,"slug":140},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":259},[],{"uuid":261,"title":262,"description":263,"canonical_path":4,"image":264,"width":52,"height":53,"image_alt":265,"kind":55,"patterns":266,"component_categories":275,"app":282},"786504a2-9a36-462c-83a2-7e8daf02f3e8","Popover","Modal prompting the user to upgrade their plan after hitting a limit while trying to invite collaborators to a repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_popover_7a6ad659_nicelydone.jpg","Popover from Prismic",[267],{"id":268,"label":269,"slug":270,"rank":61,"group":271},92,"Upgrade Prompt","upgrade-prompt",{"id":272,"label":273,"slug":274},9,"Plans & Limits","plans-and-limits",[276,280,281],{"id":277,"title":278,"slug":279},284,"Modal","modal",{"id":138,"title":139,"slug":140},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":4,"image":288,"width":52,"height":53,"image_alt":289,"kind":55,"patterns":290,"component_categories":295,"app":298},"b3ee9213-1f33-4717-bf4f-608ac177b029","Create","List view in an empty state where the user can create their first custom type by providing an ID and label.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_create_222d0531_nicelydone.jpg","Create from Prismic",[291,293],{"id":40,"label":127,"slug":128,"rank":61,"group":292},{"id":81,"label":130,"slug":131},{"id":112,"label":113,"slug":114,"rank":63,"group":294},{"id":116,"label":117,"slug":118},[296,297],{"id":199,"title":200,"slug":201},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":299},[],{"uuid":301,"title":302,"description":303,"canonical_path":4,"image":304,"width":52,"height":53,"image_alt":305,"kind":55,"patterns":306,"component_categories":322,"app":324},"555c1181-e96b-49c0-ad41-464322cf1df6","Upload","Media library view where the user can upload new items and filter existing media by type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fprismic_upload_3adb8eb8_nicelydone.jpg","Upload from Prismic",[307,312,317],{"id":308,"label":309,"slug":310,"rank":61,"group":311},25,"Upload & Download","upload-and-download",{"id":81,"label":130,"slug":131},{"id":313,"label":314,"slug":315,"rank":63,"group":316},13,"Filter & Sort","filter-and-sort",{"id":81,"label":130,"slug":131},{"id":318,"label":319,"slug":320,"rank":81,"group":321},79,"Browse","browse",{"id":227,"label":228,"slug":229},[323],{"id":199,"title":200,"slug":201},{"slug":30,"title":29,"logo":32,"categories":325},[],[],[328,330,332,334,336,338,340,342,344,346,348,350,352,355,358,361,364,367,370,372,376,380,384],{"label":127,"to":329},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":113,"to":331},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":121,"to":333},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":190,"to":335},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":319,"to":337},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":314,"to":339},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":82,"to":341},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":224,"to":343},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":182,"to":345},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":59,"to":347},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":98,"to":349},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":251,"to":351},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":353,"to":354},"Prismic marketing pages","\u002Fexamples\u002Fapps\u002Fprismic\u002Fmarketing",{"label":356,"to":357},"Prismic user flows","\u002Fexamples\u002Fapps\u002Fprismic\u002Fflows",{"label":359,"to":360},"Prismic UI components","\u002Fexamples\u002Fapps\u002Fprismic\u002Fcomponents",{"label":362,"to":363},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":365,"to":366},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":368,"to":369},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":371,"to":18},"All SaaS app examples",{"label":373,"to":374,"description":375},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":377,"to":378,"description":379},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":381,"to":382,"description":383},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":385,"to":386,"description":387},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":389,"updated_at":390},"2016-09-27T08:00:00.000Z","2026-09-13T13:02:39.000Z"]