[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fjitter\u002Fscreens":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":249,"links":250,"dates":301},"\u002Fexamples\u002Fapps\u002Fjitter\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Jitter product screens examples - Nicelydone","Browse Jitter screen design examples. Preview the interface screenshots and explore related UI patterns. Motion design made simple","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F701820c2-e5e5-4167-9dd7-3fe12fb3747d.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},"Jitter design examples","\u002Fexamples\u002Fapps\u002Fjitter",{"label":23,"to":4},"Jitter 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,"twitter_username":34,"categories":35},"Jitter","jitter","Motion design made simple","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjitter-0f3edfea.png","https:\u002F\u002Fjitter.video","jittervideo",[36,40,44],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},100,"Video","video",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,74,85,95,106,120,150,175,189,207,220,234],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":72},"701820c2-e5e5-4167-9dd7-3fe12fb3747d","Sign up · Jitter","Authentication screen where the user can sign in or create a new account using Google or email.",3024,1722,"Sign up · Jitter from Jitter","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":78,"component_categories":81,"app":83},"916c65bf-15c0-40bb-b1e2-01433a644051","Authentication screen where the user can sign in or create a new account using Google OAuth or a passwordless email link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F916c65bf-15c0-40bb-b1e2-01433a644051.png",[79],{"id":59,"label":60,"slug":61,"rank":62,"group":80},{"id":64,"label":65,"slug":66},[82],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":51,"description":76,"canonical_path":4,"image":87,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":88,"component_categories":91,"app":93},"f862c6de-da76-45ac-bd8a-9673444697fd","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff862c6de-da76-45ac-bd8a-9673444697fd.png",[89],{"id":59,"label":60,"slug":61,"rank":62,"group":90},{"id":64,"label":65,"slug":66},[92],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":51,"description":97,"canonical_path":4,"image":98,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":99,"component_categories":102,"app":104},"acdf8d84-e85f-4ac1-b8c2-0cecbe35e334","Authentication screen where the user submits their email to sign in or create an account, currently showing a loading state on the primary button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Facdf8d84-e85f-4ac1-b8c2-0cecbe35e334.png",[100],{"id":59,"label":60,"slug":61,"rank":62,"group":101},{"id":64,"label":65,"slug":66},[103],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":51,"description":108,"canonical_path":4,"image":109,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":110,"component_categories":116,"app":118},"307c0ee5-55d8-4056-83ff-3e87fe24e114","Verification screen where the user is instructed to check their inbox for a temporary login link sent to their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F307c0ee5-55d8-4056-83ff-3e87fe24e114.png",[111],{"id":112,"label":113,"slug":114,"rank":62,"group":115},6,"Verification","verification",{"id":64,"label":65,"slug":66},[117],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":126,"component_categories":143,"app":148},"fea01caf-58e6-46ad-817e-eff0e1248dd6","Welcome · Jitter","Onboarding screen where a full-page graphic welcomes the user to Jitter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffea01caf-58e6-46ad-817e-eff0e1248dd6.png","Welcome · Jitter from Jitter",[127,135],{"id":128,"label":129,"slug":130,"rank":62,"group":131},77,"Welcome","welcome",{"id":132,"label":133,"slug":134},7,"Onboarding & Education","onboarding-and-education",{"id":136,"label":137,"slug":138,"rank":64,"group":139},115,"Empty State","empty-state",{"id":140,"label":141,"slug":142},12,"States & Feedback","states-and-feedback",[144],{"id":145,"title":146,"slug":147},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":122,"description":152,"canonical_path":4,"image":153,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":154,"component_categories":167,"app":173},"89220a36-870b-4f8f-8c57-295fc871fdf7","Onboarding step where the user enters their name to continue setting up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89220a36-870b-4f8f-8c57-295fc871fdf7.png",[155,160,164],{"id":156,"label":157,"slug":158,"rank":62,"group":159},74,"Onboarding Checklist","onboarding-checklist",{"id":132,"label":133,"slug":134},{"id":64,"label":161,"slug":162,"rank":64,"group":163},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},{"id":128,"label":129,"slug":130,"rank":165,"group":166},2,{"id":132,"label":133,"slug":134},[168,172],{"id":169,"title":170,"slug":171},227,"Stepper","stepper",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":122,"description":177,"canonical_path":4,"image":178,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":179,"component_categories":184,"app":187},"1b630523-0b12-4627-aae0-4dedcdc5458b","Onboarding step where the user enters their name to personalize their account before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b630523-0b12-4627-aae0-4dedcdc5458b.png",[180,182],{"id":156,"label":157,"slug":158,"rank":62,"group":181},{"id":132,"label":133,"slug":134},{"id":64,"label":161,"slug":162,"rank":64,"group":183},{"id":64,"label":65,"slug":66},[185,186],{"id":169,"title":170,"slug":171},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":122,"description":191,"canonical_path":4,"image":192,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":193,"component_categories":202,"app":205},"c44a4efb-2787-40e5-ad72-21dcd97b2a28","Onboarding step where the user selects the role that best describes them to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc44a4efb-2787-40e5-ad72-21dcd97b2a28.png",[194,196],{"id":128,"label":129,"slug":130,"rank":62,"group":195},{"id":132,"label":133,"slug":134},{"id":45,"label":197,"slug":198,"rank":64,"group":199},"Select","select",{"id":165,"label":200,"slug":201},"Actions","actions",[203,204],{"id":169,"title":170,"slug":171},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":206},[],{"uuid":208,"title":122,"description":209,"canonical_path":4,"image":210,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":211,"component_categories":216,"app":218},"3f7c8f0d-d0dc-4865-a2d1-42b60d0638bd","Onboarding step where the user specifies their primary role, such as Designer, Marketer, or Developer, to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f7c8f0d-d0dc-4865-a2d1-42b60d0638bd.png",[212,214],{"id":128,"label":129,"slug":130,"rank":62,"group":213},{"id":132,"label":133,"slug":134},{"id":156,"label":157,"slug":158,"rank":64,"group":215},{"id":132,"label":133,"slug":134},[217],{"id":169,"title":170,"slug":171},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":122,"description":222,"canonical_path":4,"image":223,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":224,"component_categories":229,"app":232},"343fef97-e0c3-4027-a55d-0e05c14c4728","Onboarding step where the user selects their professional role from a dropdown to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F343fef97-e0c3-4027-a55d-0e05c14c4728.png",[225,227],{"id":128,"label":129,"slug":130,"rank":62,"group":226},{"id":132,"label":133,"slug":134},{"id":64,"label":161,"slug":162,"rank":64,"group":228},{"id":64,"label":65,"slug":66},[230,231],{"id":169,"title":170,"slug":171},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":122,"description":236,"canonical_path":4,"image":237,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":238,"component_categories":241,"app":247},"733fd89c-e1f8-4592-80b9-005222199f59","Onboarding step where the user selects whether they will use the product at a company, as an agency, as a freelancer, at school, or for fun.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F733fd89c-e1f8-4592-80b9-005222199f59.png",[239],{"id":128,"label":129,"slug":130,"rank":62,"group":240},{"id":132,"label":133,"slug":134},[242,246],{"id":243,"title":244,"slug":245},174,"Card","card",{"id":169,"title":170,"slug":171},{"slug":30,"title":29,"logo":32,"categories":248},[],[],[251,253,255,257,259,261,263,265,268,271,274,277,280,283,285,289,293,297],{"label":129,"to":252},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":60,"to":254},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":161,"to":256},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":157,"to":258},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":137,"to":260},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":197,"to":262},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":113,"to":264},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":266,"to":267},"Jitter marketing pages","\u002Fexamples\u002Fapps\u002Fjitter\u002Fmarketing",{"label":269,"to":270},"Jitter user flows","\u002Fexamples\u002Fapps\u002Fjitter\u002Fflows",{"label":272,"to":273},"Jitter UI components","\u002Fexamples\u002Fapps\u002Fjitter\u002Fcomponents",{"label":275,"to":276},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":278,"to":279},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":281,"to":282},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":284,"to":18},"All SaaS app examples",{"label":286,"to":287,"description":288},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":290,"to":291,"description":292},"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":294,"to":295,"description":296},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":298,"to":299,"description":300},"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":302,"updated_at":303},"2024-03-18T13:44:47.000Z","2026-09-13T13:02:39.000Z"]