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