[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffly\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":291,"links":292,"dates":347},"\u002Fexamples\u002Fapps\u002Ffly\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Fly product screens examples - Nicelydone","Browse Fly screen design examples. Preview the interface screenshots and explore related UI patterns. Deploy app servers close to your users","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ef9285a-22ae-48f1-ad57-a736487ffc0c.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},"Fly design examples","\u002Fexamples\u002Fapps\u002Ffly",{"label":23,"to":4},"Fly 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},"Fly","fly","Deploy app servers close to your users","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffly-8wgdxhew.png","https:\u002F\u002Ffly.io","flydotio",[36],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",[41,70,86,97,117,135,150,163,174,214,238,279],{"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":68},"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",[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],{"id":61,"title":62,"slug":63},232,"Testimonial","testimonial",{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":76,"component_categories":82,"app":84},"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",[77],{"id":78,"label":79,"slug":80,"rank":54,"group":81},2,"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[83],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":72,"description":88,"canonical_path":4,"image":89,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":90,"component_categories":93,"app":95},"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",[91],{"id":78,"label":79,"slug":80,"rank":54,"group":92},{"id":56,"label":57,"slug":58},[94],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":43,"description":99,"canonical_path":4,"image":100,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":101,"component_categories":112,"app":115},"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",[102,104],{"id":78,"label":79,"slug":80,"rank":54,"group":103},{"id":56,"label":57,"slug":58},{"id":105,"label":106,"slug":107,"rank":56,"group":108},122,"Success","success",{"id":109,"label":110,"slug":111},12,"States & Feedback","states-and-feedback",[113,114],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":45,"height":122,"image_alt":123,"kind":48,"patterns":124,"component_categories":130,"app":133},"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",[125],{"id":126,"label":127,"slug":128,"rank":54,"group":129},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},[131,132],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":119,"description":137,"canonical_path":4,"image":138,"width":45,"height":46,"image_alt":123,"kind":48,"patterns":139,"component_categories":146,"app":148},"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",[140,142],{"id":126,"label":127,"slug":128,"rank":54,"group":141},{"id":56,"label":57,"slug":58},{"id":56,"label":143,"slug":144,"rank":56,"group":145},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},[147],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":119,"description":152,"canonical_path":4,"image":153,"width":45,"height":46,"image_alt":123,"kind":48,"patterns":154,"component_categories":159,"app":161},"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",[155,157],{"id":126,"label":127,"slug":128,"rank":54,"group":156},{"id":56,"label":57,"slug":58},{"id":56,"label":143,"slug":144,"rank":56,"group":158},{"id":56,"label":57,"slug":58},[160],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":119,"description":165,"canonical_path":4,"image":166,"width":45,"height":46,"image_alt":123,"kind":48,"patterns":167,"component_categories":170,"app":172},"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",[168],{"id":126,"label":127,"slug":128,"rank":54,"group":169},{"id":56,"label":57,"slug":58},[171],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":45,"height":179,"image_alt":180,"kind":48,"patterns":181,"component_categories":203,"app":212},"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",[182,190,195],{"id":183,"label":184,"slug":185,"rank":54,"group":186},72,"Getting Started","getting-started",{"id":187,"label":188,"slug":189},7,"Onboarding & Education","onboarding-and-education",{"id":191,"label":192,"slug":193,"rank":56,"group":194},77,"Welcome","welcome",{"id":187,"label":188,"slug":189},{"id":196,"label":197,"slug":198,"rank":78,"group":199},79,"Browse","browse",{"id":200,"label":201,"slug":202},8,"Pages & Content","pages-and-content",[204,208],{"id":205,"title":206,"slug":207},240,"Horizontal navigation","horizontal-navigation",{"id":209,"title":210,"slug":211},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":216,"description":217,"canonical_path":4,"image":218,"width":45,"height":46,"image_alt":219,"kind":48,"patterns":220,"component_categories":230,"app":236},"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",[221,223,225],{"id":51,"label":52,"slug":53,"rank":54,"group":222},{"id":56,"label":57,"slug":58},{"id":56,"label":143,"slug":144,"rank":56,"group":224},{"id":56,"label":57,"slug":58},{"id":226,"label":227,"slug":228,"rank":78,"group":229},114,"Confirmation","confirmation",{"id":109,"label":110,"slug":111},[231,235],{"id":232,"title":233,"slug":234},167,"Alert","alert",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":237},[],{"uuid":239,"title":240,"description":241,"canonical_path":4,"image":242,"width":45,"height":243,"image_alt":244,"kind":48,"patterns":245,"component_categories":273,"app":277},"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",[246,254,259,267],{"id":247,"label":248,"slug":249,"rank":54,"group":250},91,"Trial","trial",{"id":251,"label":252,"slug":253},9,"Plans & Limits","plans-and-limits",{"id":255,"label":256,"slug":257,"rank":56,"group":258},89,"Pricing","pricing",{"id":251,"label":252,"slug":253},{"id":260,"label":261,"slug":262,"rank":78,"group":263},130,"Checkout","checkout",{"id":264,"label":265,"slug":266},14,"Payments & Checkout","payments-and-checkout",{"id":268,"label":269,"slug":270,"rank":271,"group":272},131,"Payment Form","payment-form",3,{"id":264,"label":265,"slug":266},[274,275,276],{"id":205,"title":206,"slug":207},{"id":209,"title":210,"slug":211},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":278},[],{"uuid":280,"title":281,"description":282,"canonical_path":4,"image":283,"width":45,"height":46,"image_alt":284,"kind":48,"patterns":285,"component_categories":288,"app":289},"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",[286],{"id":268,"label":269,"slug":270,"rank":54,"group":287},{"id":264,"label":265,"slug":266},[],{"slug":30,"title":29,"logo":32,"categories":290},[],[],[293,295,297,299,301,303,305,307,309,311,313,315,317,320,323,326,329,331,335,339,343],{"label":127,"to":294},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":143,"to":296},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":79,"to":298},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":269,"to":300},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":52,"to":302},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":197,"to":304},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":261,"to":306},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":227,"to":308},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":184,"to":310},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":256,"to":312},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":106,"to":314},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":248,"to":316},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":318,"to":319},"Fly marketing pages","\u002Fexamples\u002Fapps\u002Ffly\u002Fmarketing",{"label":321,"to":322},"Fly user flows","\u002Fexamples\u002Fapps\u002Ffly\u002Fflows",{"label":324,"to":325},"Fly UI components","\u002Fexamples\u002Fapps\u002Ffly\u002Fcomponents",{"label":327,"to":328},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":330,"to":18},"All SaaS app examples",{"label":332,"to":333,"description":334},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":336,"to":337,"description":338},"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":340,"to":341,"description":342},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":344,"to":345,"description":346},"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":348,"updated_at":349},"2024-04-30T11:14:02.000Z","2026-09-13T13:02:39.000Z"]