[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flottie\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":259,"links":260,"dates":305},"\u002Fexamples\u002Fapps\u002Flottie\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Lottie product screens examples - Nicelydone","Browse Lottie screen design examples. Preview the interface screenshots and explore related UI patterns. Great designs come alive with motion","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4d444d2-17b8-481e-8b42-19f15592de78.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},"Lottie design examples","\u002Fexamples\u002Fapps\u002Flottie",{"label":23,"to":4},"Lottie 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},"Lottie","lottie","Great designs come alive with motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flottie-f67ad478.png","https:\u002F\u002Flottiefiles.com\u002F","lottiefiles",[36],{"id":37,"title":38,"slug":39},8,"Design","design",[41,78,102,117,130,142,161,178,190,204,225,245],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":76},"a4d444d2-17b8-481e-8b42-19f15592de78","LottieFiles Download Free lightweight animations for website | app","Landing page where the user is prompted to log in via Google, Facebook, GitHub, email, or enterprise credentials through a central modal overlay.",3024,1778,"LottieFiles Download Free lightweight animations for website | app from Lottie","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",[60,64,68,72],{"id":61,"title":62,"slug":63},258,"Header","header",{"id":65,"title":66,"slug":67},277,"Button group","button-group",{"id":69,"title":70,"slug":71},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":43,"description":80,"canonical_path":4,"image":81,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":82,"component_categories":93,"app":100},"dae5873c-4c76-4337-8ed6-7f4e5f3c1132","Sign-in screen where the user authenticates with their email and password via a modal overlay on the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdae5873c-4c76-4337-8ed6-7f4e5f3c1132.png",[83,85],{"id":51,"label":52,"slug":53,"rank":54,"group":84},{"id":56,"label":57,"slug":58},{"id":86,"label":87,"slug":88,"rank":56,"group":89},114,"Confirmation","confirmation",{"id":90,"label":91,"slug":92},12,"States & Feedback","states-and-feedback",[94,95,96],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":43,"description":104,"canonical_path":4,"image":105,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":106,"component_categories":112,"app":115},"66ff7ffb-b08e-4f66-b6a5-be89996f1c43","Sign-in modal where the user authenticates with their email and password, overlaid on the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66ff7ffb-b08e-4f66-b6a5-be89996f1c43.png",[107],{"id":108,"label":109,"slug":110,"rank":54,"group":111},2,"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[113,114],{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":43,"description":119,"canonical_path":4,"image":120,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":121,"component_categories":124,"app":128},"8c948f70-f442-4689-9f9e-1173c551d125","Password recovery modal where the user enters their email address to receive reset instructions, overlaid on the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c948f70-f442-4689-9f9e-1173c551d125.png",[122],{"id":108,"label":109,"slug":110,"rank":54,"group":123},{"id":56,"label":57,"slug":58},[125,126,127],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":43,"description":132,"canonical_path":4,"image":133,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":134,"component_categories":137,"app":140},"b12a5f98-cfb0-46a1-9b06-184640fbd477","Password recovery modal where the user enters their email address to receive reset instructions, displayed over the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb12a5f98-cfb0-46a1-9b06-184640fbd477.png",[135],{"id":108,"label":109,"slug":110,"rank":54,"group":136},{"id":56,"label":57,"slug":58},[138,139],{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":43,"description":144,"canonical_path":4,"image":145,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":146,"component_categories":156,"app":159},"e125682c-2035-47b4-baa8-2517744b133e","Password recovery screen where a modal confirms that reset instructions have been sent to the user's email, overlaying a marketing landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe125682c-2035-47b4-baa8-2517744b133e.png",[147,149,154],{"id":108,"label":109,"slug":110,"rank":54,"group":148},{"id":56,"label":57,"slug":58},{"id":150,"label":151,"slug":152,"rank":56,"group":153},122,"Success","success",{"id":90,"label":91,"slug":92},{"id":86,"label":87,"slug":88,"rank":108,"group":155},{"id":90,"label":91,"slug":92},[157,158],{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":4,"image":165,"width":45,"height":46,"image_alt":166,"kind":48,"patterns":167,"component_categories":170,"app":176},"332a9885-edc0-4152-9abd-bc4be163a133","LottieFiles - Reset Password","Password recovery screen where the user enters and confirms a new password to regain access to their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F332a9885-edc0-4152-9abd-bc4be163a133.png","LottieFiles - Reset Password from Lottie",[168],{"id":108,"label":109,"slug":110,"rank":54,"group":169},{"id":56,"label":57,"slug":58},[171,175],{"id":172,"title":173,"slug":174},174,"Card","card",{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":163,"description":180,"canonical_path":4,"image":181,"width":45,"height":46,"image_alt":166,"kind":48,"patterns":182,"component_categories":185,"app":188},"c8ce726e-cce5-49ae-9d8c-d227f95a38eb","Password recovery screen where the user enters a new password into a masked input and submits to regain access to their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc8ce726e-cce5-49ae-9d8c-d227f95a38eb.png",[183],{"id":108,"label":109,"slug":110,"rank":54,"group":184},{"id":56,"label":57,"slug":58},[186,187],{"id":172,"title":173,"slug":174},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":163,"description":192,"canonical_path":4,"image":193,"width":45,"height":46,"image_alt":166,"kind":48,"patterns":194,"component_categories":199,"app":202},"255faaa4-4717-4d58-8a6d-51b656f8bb36","Password recovery screen confirming a successful reset and prompting the user to log in to their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F255faaa4-4717-4d58-8a6d-51b656f8bb36.png",[195,197],{"id":86,"label":87,"slug":88,"rank":54,"group":196},{"id":90,"label":91,"slug":92},{"id":108,"label":109,"slug":110,"rank":56,"group":198},{"id":56,"label":57,"slug":58},[200,201],{"id":172,"title":173,"slug":174},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":43,"description":206,"canonical_path":4,"image":207,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":208,"component_categories":218,"app":223},"27012f83-ea37-4970-a72b-69838515143d","Signup modal overlay offering Google, Facebook, GitHub, and email authentication options over the marketing landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27012f83-ea37-4970-a72b-69838515143d.png",[209,214],{"id":210,"label":211,"slug":212,"rank":54,"group":213},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},{"id":56,"label":215,"slug":216,"rank":56,"group":217},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},[219,220,221,222],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":43,"description":227,"canonical_path":4,"image":228,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":229,"component_categories":239,"app":243},"a9423948-e3ed-43d1-b161-65a4235cf060","Landing page where the user is presented with a modal to create an account using their email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9423948-e3ed-43d1-b161-65a4235cf060.png",[230,232],{"id":210,"label":211,"slug":212,"rank":54,"group":231},{"id":56,"label":57,"slug":58},{"id":233,"label":234,"slug":235,"rank":56,"group":236},7,"Add & Create","add-and-create",{"id":108,"label":237,"slug":238},"Actions","actions",[240,241,242],{"id":61,"title":62,"slug":63},{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":43,"description":247,"canonical_path":4,"image":248,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":249,"component_categories":254,"app":257},"f26e9a98-45c2-4fb8-8cff-40c66a46c5ef","Signup modal where the user enters their email and password to create a new account, overlaid on the marketing homepage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff26e9a98-45c2-4fb8-8cff-40c66a46c5ef.png",[250,252],{"id":210,"label":211,"slug":212,"rank":54,"group":251},{"id":56,"label":57,"slug":58},{"id":56,"label":215,"slug":216,"rank":56,"group":253},{"id":56,"label":57,"slug":58},[255,256],{"id":73,"title":74,"slug":75},{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":32,"categories":258},[],[],[261,263,265,267,269,271,273,275,278,281,284,287,289,293,297,301],{"label":109,"to":262},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":87,"to":264},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":211,"to":266},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":215,"to":268},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":52,"to":270},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":234,"to":272},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":151,"to":274},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":276,"to":277},"Lottie marketing pages","\u002Fexamples\u002Fapps\u002Flottie\u002Fmarketing",{"label":279,"to":280},"Lottie user flows","\u002Fexamples\u002Fapps\u002Flottie\u002Fflows",{"label":282,"to":283},"Lottie UI components","\u002Fexamples\u002Fapps\u002Flottie\u002Fcomponents",{"label":285,"to":286},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":288,"to":18},"All SaaS app examples",{"label":290,"to":291,"description":292},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":294,"to":295,"description":296},"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":298,"to":299,"description":300},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":302,"to":303,"description":304},"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":306,"updated_at":307},"2024-07-21T12:34:37.000Z","2026-09-13T13:02:39.000Z"]