[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffly":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":316,"dates":346},"\u002Fexamples\u002Fapps\u002Ffly","detail","apps",true,{"title":9,"description":10,"og_image":11},"Fly design examples - Nicelydone","Explore Fly UI design examples. Deploy app servers close to your users","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ef9285a-22ae-48f1-ad57-a736487ffc0c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Fly design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Fly",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffly\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ffly\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ffly\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ffly\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Fly","fly","Deploy app servers close to your users","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffly-8wgdxhew.png","https:\u002F\u002Ffly.io","flydotio",[48],{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",[],[54,307,310,313],{"family":55,"examples":56},"screens",[57,86,102,113,133,151,166,179,190,230,254,295],{"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":84},"7ef9285a-22ae-48f1-ad57-a736487ffc0c","Sign In · Fly","Sign-in screen where the user authenticates with email, GitHub, or Google, featuring a community haiku and illustration on the right.",3024,1658,"Sign In · Fly from Fly","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],{"id":77,"title":78,"slug":79},232,"Testimonial","testimonial",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":92,"component_categories":98,"app":100},"9b878e3e-81fe-4ac2-913b-842246feae2b","Reset Password · Fly","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b878e3e-81fe-4ac2-913b-842246feae2b.png","Reset Password · Fly from Fly",[93],{"id":94,"label":95,"slug":96,"rank":70,"group":97},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[99],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":101},[],{"uuid":103,"title":88,"description":104,"canonical_path":29,"image":105,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":106,"component_categories":109,"app":111},"59eb8781-b040-44b7-a426-e5a7aa0da22d","Password recovery screen where the user enters their email address to receive reset instructions, featuring a decorative illustration and haiku on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59eb8781-b040-44b7-a426-e5a7aa0da22d.png",[107],{"id":94,"label":95,"slug":96,"rank":70,"group":108},{"id":72,"label":73,"slug":74},[110],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":112},[],{"uuid":114,"title":59,"description":115,"canonical_path":29,"image":116,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":117,"component_categories":128,"app":131},"a3a8f68a-2098-4cf1-b38d-978a1556f083","Sign-in screen where the user authenticates with GitHub, Google, or email and password, showing a success message for password reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3a8f68a-2098-4cf1-b38d-978a1556f083.png",[118,120],{"id":94,"label":95,"slug":96,"rank":70,"group":119},{"id":72,"label":73,"slug":74},{"id":121,"label":122,"slug":123,"rank":72,"group":124},122,"Success","success",{"id":125,"label":126,"slug":127},12,"States & Feedback","states-and-feedback",[129,130],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":29,"image":137,"width":61,"height":138,"image_alt":139,"kind":64,"patterns":140,"component_categories":146,"app":149},"7021020c-13b0-43e0-954a-8f3f88ddbc0e","Sign Up · Fly","Sign-up page where the user can create an account using GitHub, Google, or an email and password, featuring a brand illustration and a haiku on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7021020c-13b0-43e0-954a-8f3f88ddbc0e.png",1960,"Sign Up · Fly from Fly",[141],{"id":142,"label":143,"slug":144,"rank":70,"group":145},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},[147,148],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":135,"description":153,"canonical_path":29,"image":154,"width":61,"height":62,"image_alt":139,"kind":64,"patterns":155,"component_categories":162,"app":164},"b6c0b728-09d1-4987-b7bb-76db914b8ad1","Signup page where the user can create an account using GitHub, Google, or by providing a preferred name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6c0b728-09d1-4987-b7bb-76db914b8ad1.png",[156,158],{"id":142,"label":143,"slug":144,"rank":70,"group":157},{"id":72,"label":73,"slug":74},{"id":72,"label":159,"slug":160,"rank":72,"group":161},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},[163],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":135,"description":168,"canonical_path":29,"image":169,"width":61,"height":62,"image_alt":139,"kind":64,"patterns":170,"component_categories":175,"app":177},"b7765420-9fe7-4cae-bc48-5055e1f42900","Signup screen where the user can create an account using GitHub, Google, or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb7765420-9fe7-4cae-bc48-5055e1f42900.png",[171,173],{"id":142,"label":143,"slug":144,"rank":70,"group":172},{"id":72,"label":73,"slug":74},{"id":72,"label":159,"slug":160,"rank":72,"group":174},{"id":72,"label":73,"slug":74},[176],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":178},[],{"uuid":180,"title":135,"description":181,"canonical_path":29,"image":182,"width":61,"height":62,"image_alt":139,"kind":64,"patterns":183,"component_categories":186,"app":188},"3097790d-564a-4b0c-9d14-24e7e46cc619","Sign-up screen where the user creates an account using GitHub, Google, or an email and password, accompanied by a decorative illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3097790d-564a-4b0c-9d14-24e7e46cc619.png",[184],{"id":142,"label":143,"slug":144,"rank":70,"group":185},{"id":72,"label":73,"slug":74},[187],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":29,"image":194,"width":61,"height":195,"image_alt":196,"kind":64,"patterns":197,"component_categories":219,"app":228},"5aaa6e6f-d349-435f-8443-7b9c7dd89392","Launch an App · Fly","Onboarding welcome screen where the user is guided to install the CLI and deploy their first app, with links to supported frameworks and recent blog posts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5aaa6e6f-d349-435f-8443-7b9c7dd89392.png",4964,"Launch an App · Fly from Fly",[198,206,211],{"id":199,"label":200,"slug":201,"rank":70,"group":202},72,"Getting Started","getting-started",{"id":203,"label":204,"slug":205},7,"Onboarding & Education","onboarding-and-education",{"id":207,"label":208,"slug":209,"rank":72,"group":210},77,"Welcome","welcome",{"id":203,"label":204,"slug":205},{"id":212,"label":213,"slug":214,"rank":94,"group":215},79,"Browse","browse",{"id":216,"label":217,"slug":218},8,"Pages & Content","pages-and-content",[220,224],{"id":221,"title":222,"slug":223},240,"Horizontal navigation","horizontal-navigation",{"id":225,"title":226,"slug":227},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":229},[],{"uuid":231,"title":232,"description":233,"canonical_path":29,"image":234,"width":61,"height":62,"image_alt":235,"kind":64,"patterns":236,"component_categories":246,"app":252},"668256ec-45cd-4b34-9deb-e9df3be02bf1","CLI Sign in · Fly","Signin screen where the user authorizes the Fly CLI to connect to their account and sees a prompt to verify their account by adding a credit card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F668256ec-45cd-4b34-9deb-e9df3be02bf1.png","CLI Sign in · Fly from Fly",[237,239,241],{"id":67,"label":68,"slug":69,"rank":70,"group":238},{"id":72,"label":73,"slug":74},{"id":72,"label":159,"slug":160,"rank":72,"group":240},{"id":72,"label":73,"slug":74},{"id":242,"label":243,"slug":244,"rank":94,"group":245},114,"Confirmation","confirmation",{"id":125,"label":126,"slug":127},[247,251],{"id":248,"title":249,"slug":250},167,"Alert","alert",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":253},[],{"uuid":255,"title":256,"description":257,"canonical_path":29,"image":258,"width":61,"height":259,"image_alt":260,"kind":64,"patterns":261,"component_categories":289,"app":293},"94f1095f-fef4-4706-99f1-f64fda23650b","Fly · Fly","Paywall screen where the user can start a free trial for the Hobby plan and review included features like Fly Machines and Fly Volumes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94f1095f-fef4-4706-99f1-f64fda23650b.png",4480,"Fly · Fly from Fly",[262,270,275,283],{"id":263,"label":264,"slug":265,"rank":70,"group":266},91,"Trial","trial",{"id":267,"label":268,"slug":269},9,"Plans & Limits","plans-and-limits",{"id":271,"label":272,"slug":273,"rank":72,"group":274},89,"Pricing","pricing",{"id":267,"label":268,"slug":269},{"id":276,"label":277,"slug":278,"rank":94,"group":279},130,"Checkout","checkout",{"id":280,"label":281,"slug":282},14,"Payments & Checkout","payments-and-checkout",{"id":284,"label":285,"slug":286,"rank":287,"group":288},131,"Payment Form","payment-form",3,{"id":280,"label":281,"slug":282},[290,291,292],{"id":221,"title":222,"slug":223},{"id":225,"title":226,"slug":227},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":294},[],{"uuid":296,"title":297,"description":298,"canonical_path":29,"image":299,"width":61,"height":62,"image_alt":300,"kind":64,"patterns":301,"component_categories":304,"app":305},"ac0608be-e692-4c93-92b4-d9bec46a18bc","Fly.io, Inc.","A checkout page where users can enter their payment details to secure their transaction.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac0608be-e692-4c93-92b4-d9bec46a18bc.png","Fly.io, Inc. from Fly",[302],{"id":284,"label":285,"slug":286,"rank":70,"group":303},{"id":280,"label":281,"slug":282},[],{"slug":42,"title":41,"logo":44,"categories":306},[],{"family":308,"examples":309},"flows",[],{"family":311,"examples":312},"components",[],{"family":314,"examples":315},"pages",[],[317,319,321,323,325,328,330,334,338,342],{"label":318,"to":29},"Fly product screens",{"label":320,"to":38},"Fly marketing pages",{"label":322,"to":32},"Fly user flows",{"label":324,"to":35},"Fly UI components",{"label":326,"to":327},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":329,"to":18},"All SaaS app examples",{"label":331,"to":332,"description":333},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":335,"to":336,"description":337},"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":339,"to":340,"description":341},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":343,"to":344,"description":345},"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":347,"updated_at":348},"2024-04-30T11:14:02.000Z","2026-09-26T00:10:28.000Z"]