[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fjitter":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":274,"dates":310},"\u002Fexamples\u002Fapps\u002Fjitter","detail","apps",true,{"title":9,"description":10,"og_image":11},"Jitter design examples - Nicelydone","Explore Jitter UI design examples. Motion design made simple","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F701820c2-e5e5-4167-9dd7-3fe12fb3747d.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Jitter design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Jitter",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fjitter\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fjitter\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fjitter\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fjitter\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Jitter","jitter","Motion design made simple","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjitter-0f3edfea.png","https:\u002F\u002Fjitter.video","jittervideo",[48,52,56],{"id":49,"title":50,"slug":51},8,"Design","design",{"id":53,"title":54,"slug":55},100,"Video","video",{"id":57,"title":58,"slug":59},23,"Collaboration","collaboration",[],[62,265,268,271],{"family":63,"examples":64},"screens",[65,90,101,111,122,136,166,191,205,223,236,250],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":88},"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",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},5,"Sign Up","sign-up",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84],{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":89},[],{"uuid":91,"title":67,"description":92,"canonical_path":29,"image":93,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":94,"component_categories":97,"app":99},"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",[95],{"id":75,"label":76,"slug":77,"rank":78,"group":96},{"id":80,"label":81,"slug":82},[98],{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":67,"description":92,"canonical_path":29,"image":103,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":104,"component_categories":107,"app":109},"f862c6de-da76-45ac-bd8a-9673444697fd","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff862c6de-da76-45ac-bd8a-9673444697fd.png",[105],{"id":75,"label":76,"slug":77,"rank":78,"group":106},{"id":80,"label":81,"slug":82},[108],{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":110},[],{"uuid":112,"title":67,"description":113,"canonical_path":29,"image":114,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":115,"component_categories":118,"app":120},"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",[116],{"id":75,"label":76,"slug":77,"rank":78,"group":117},{"id":80,"label":81,"slug":82},[119],{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":67,"description":124,"canonical_path":29,"image":125,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":126,"component_categories":132,"app":134},"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",[127],{"id":128,"label":129,"slug":130,"rank":78,"group":131},6,"Verification","verification",{"id":80,"label":81,"slug":82},[133],{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":29,"image":140,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":142,"component_categories":159,"app":164},"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",[143,151],{"id":144,"label":145,"slug":146,"rank":78,"group":147},77,"Welcome","welcome",{"id":148,"label":149,"slug":150},7,"Onboarding & Education","onboarding-and-education",{"id":152,"label":153,"slug":154,"rank":80,"group":155},115,"Empty State","empty-state",{"id":156,"label":157,"slug":158},12,"States & Feedback","states-and-feedback",[160],{"id":161,"title":162,"slug":163},169,"Avatar","avatar",{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":138,"description":168,"canonical_path":29,"image":169,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":170,"component_categories":183,"app":189},"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",[171,176,180],{"id":172,"label":173,"slug":174,"rank":78,"group":175},74,"Onboarding Checklist","onboarding-checklist",{"id":148,"label":149,"slug":150},{"id":80,"label":177,"slug":178,"rank":80,"group":179},"Account Setup","account-setup",{"id":80,"label":81,"slug":82},{"id":144,"label":145,"slug":146,"rank":181,"group":182},2,{"id":148,"label":149,"slug":150},[184,188],{"id":185,"title":186,"slug":187},227,"Stepper","stepper",{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":190},[],{"uuid":192,"title":138,"description":193,"canonical_path":29,"image":194,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":195,"component_categories":200,"app":203},"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",[196,198],{"id":172,"label":173,"slug":174,"rank":78,"group":197},{"id":148,"label":149,"slug":150},{"id":80,"label":177,"slug":178,"rank":80,"group":199},{"id":80,"label":81,"slug":82},[201,202],{"id":185,"title":186,"slug":187},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":204},[],{"uuid":206,"title":138,"description":207,"canonical_path":29,"image":208,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":209,"component_categories":218,"app":221},"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",[210,212],{"id":144,"label":145,"slug":146,"rank":78,"group":211},{"id":148,"label":149,"slug":150},{"id":57,"label":213,"slug":214,"rank":80,"group":215},"Select","select",{"id":181,"label":216,"slug":217},"Actions","actions",[219,220],{"id":185,"title":186,"slug":187},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":222},[],{"uuid":224,"title":138,"description":225,"canonical_path":29,"image":226,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":227,"component_categories":232,"app":234},"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",[228,230],{"id":144,"label":145,"slug":146,"rank":78,"group":229},{"id":148,"label":149,"slug":150},{"id":172,"label":173,"slug":174,"rank":80,"group":231},{"id":148,"label":149,"slug":150},[233],{"id":185,"title":186,"slug":187},{"slug":42,"title":41,"logo":44,"categories":235},[],{"uuid":237,"title":138,"description":238,"canonical_path":29,"image":239,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":240,"component_categories":245,"app":248},"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",[241,243],{"id":144,"label":145,"slug":146,"rank":78,"group":242},{"id":148,"label":149,"slug":150},{"id":80,"label":177,"slug":178,"rank":80,"group":244},{"id":80,"label":81,"slug":82},[246,247],{"id":185,"title":186,"slug":187},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":249},[],{"uuid":251,"title":138,"description":252,"canonical_path":29,"image":253,"width":69,"height":70,"image_alt":141,"kind":72,"patterns":254,"component_categories":257,"app":263},"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",[255],{"id":144,"label":145,"slug":146,"rank":78,"group":256},{"id":148,"label":149,"slug":150},[258,262],{"id":259,"title":260,"slug":261},174,"Card","card",{"id":185,"title":186,"slug":187},{"slug":42,"title":41,"logo":44,"categories":264},[],{"family":266,"examples":267},"flows",[],{"family":269,"examples":270},"components",[],{"family":272,"examples":273},"pages",[],[275,277,279,281,283,286,289,292,294,298,302,306],{"label":276,"to":29},"Jitter product screens",{"label":278,"to":38},"Jitter marketing pages",{"label":280,"to":32},"Jitter user flows",{"label":282,"to":35},"Jitter UI components",{"label":284,"to":285},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":287,"to":288},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":290,"to":291},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":293,"to":18},"All SaaS app examples",{"label":295,"to":296,"description":297},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":299,"to":300,"description":301},"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":303,"to":304,"description":305},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":307,"to":308,"description":309},"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":311,"updated_at":312},"2024-03-18T13:42:30.000Z","2026-09-26T00:10:35.000Z"]