[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fair\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":355},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":314,"links":315,"dates":352},"\u002Fexamples\u002Fapps\u002Fair\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Air user flows examples - Nicelydone","Explore Air user flow examples. Preview the opening screens and steps for each task. Manage your creative assets and creative process in one place","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa6dcb142-19df-4dcb-ba24-9cdc38d5f1b4.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},"Air design examples","\u002Fexamples\u002Fapps\u002Fair",{"label":23,"to":4},"Air user flows 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},"Air","air","Manage your creative assets and creative process in one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F79f8f7af-620e-458a-95bb-ff56b595e688.png","https:\u002F\u002Fair.inc","airHQ",[36,40,44],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},71,"File sharing","file-sharing",[49,71,94,123,149,171,190,213,235,253,272,292],{"uuid":50,"title":51,"canonical_path":4,"kind":52,"patterns_count":53,"categories":54,"screens":58,"app":70},"0c08d290-905b-4550-b281-a18b69b2ca0f","Signing in","flow",6,[55],{"id":56,"title":51,"slug":57},61,"sign-in",[59,66],{"uuid":60,"title":61,"description":62,"image":11,"image_alt":63,"width":64,"height":65},"a6dcb142-19df-4dcb-ba24-9cdc38d5f1b4","Log in \u002F Air","Authentication","Log in \u002F Air from Air",3024,1780,{"uuid":67,"title":61,"description":68,"image":69,"image_alt":63,"width":64,"height":65},"62255198-457b-4c81-a04e-19ffd28a279f","Sign-in screen where the user authenticates with Google, Apple, SAML SSO, or email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62255198-457b-4c81-a04e-19ffd28a279f.png",{"slug":30,"title":29,"logo":32},{"uuid":72,"title":73,"canonical_path":4,"kind":52,"patterns_count":74,"categories":75,"screens":79,"app":93},"b75af0e4-6062-4031-bd35-8e33a031120b","Signing up",7,[76],{"id":77,"title":73,"slug":78},103,"signing-up",[80,86,89],{"uuid":81,"title":82,"description":83,"image":84,"image_alt":85,"width":64,"height":65},"3380baf5-5831-408c-987b-662085f2696a","Sign up \u002F Air","Sign-up screen where the user can create an account using Google, Apple, SAML SSO, or a work email, accompanied by a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3380baf5-5831-408c-987b-662085f2696a.png","Sign up \u002F Air from Air",{"uuid":87,"title":82,"description":83,"image":88,"image_alt":85,"width":64,"height":65},"d2f15e51-15d7-412b-b396-24acba6af0d3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2f15e51-15d7-412b-b396-24acba6af0d3.png",{"uuid":90,"title":82,"description":91,"image":92,"image_alt":85,"width":64,"height":65},"c70754c1-448c-4254-896f-9a68c635803c","Sign-up screen where the user can create an account using Google, SAML SSO, Apple, or a work email, featuring a customer testimonial from Immi on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc70754c1-448c-4254-896f-9a68c635803c.png",{"slug":30,"title":29,"logo":32},{"uuid":95,"title":96,"canonical_path":4,"kind":52,"patterns_count":97,"categories":98,"screens":107,"app":122},"4fd5242a-7dfa-4823-aab4-ef2fb41c7e37","Personalizing experience",9,[99,103],{"id":100,"title":101,"slug":102},67,"Customizing","customize",{"id":104,"title":105,"slug":106},45,"Onboarding","onboarding",[108,114,118],{"uuid":109,"title":110,"description":111,"image":112,"image_alt":113,"width":64,"height":65},"f9c54c5c-33b2-4e38-8636-3cf38391c763","Nicelydone \u002F Air","Onboarding modal where the user personalizes their experience by selecting their primary purpose, company size, and how they heard about Air, overlaying a gallery of boards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9c54c5c-33b2-4e38-8636-3cf38391c763.png","Nicelydone \u002F Air from Air",{"uuid":115,"title":110,"description":116,"image":117,"image_alt":113,"width":64,"height":65},"2b718b7c-6421-4f32-955a-21e76a9564a2","Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b718b7c-6421-4f32-955a-21e76a9564a2.png",{"uuid":119,"title":110,"description":120,"image":121,"image_alt":113,"width":64,"height":65},"11695af1-fb32-41df-a3ff-f7a63620c0ba","Onboarding modal where the user personalizes their experience by answering questions about their goals, company size, and how they heard about the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11695af1-fb32-41df-a3ff-f7a63620c0ba.png",{"slug":30,"title":29,"logo":32},{"uuid":124,"title":125,"canonical_path":4,"kind":52,"patterns_count":53,"categories":126,"screens":135,"app":148},"a07348d1-aba0-48d9-af29-3480061627b9","Adding content to board",[127,131],{"id":128,"title":129,"slug":130},80,"Adding","add",{"id":132,"title":133,"slug":134},78,"Creating content","create-content",[136,140,144],{"uuid":137,"title":110,"description":138,"image":139,"image_alt":113,"width":64,"height":65},"01f559cd-3b69-484d-bad0-355140937540","List view for a specific board where the user is prompted to add content via drag-and-drop or a primary button because the board is currently empty.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01f559cd-3b69-484d-bad0-355140937540.png",{"uuid":141,"title":110,"description":142,"image":143,"image_alt":113,"width":64,"height":65},"7a53d5e1-0f2b-4af0-a115-17f6013130c7","Detail page for an empty board where the user is prompted to add content via drag-and-drop or upload.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a53d5e1-0f2b-4af0-a115-17f6013130c7.png",{"uuid":145,"title":110,"description":146,"image":147,"image_alt":113,"width":64,"height":65},"f5617fd2-662e-4b1e-98ba-caf47d0f97bb","Empty board view where the user is prompted to upload content via drag-and-drop or by clicking the add button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5617fd2-662e-4b1e-98ba-caf47d0f97bb.png",{"slug":30,"title":29,"logo":32},{"uuid":150,"title":151,"canonical_path":4,"kind":52,"patterns_count":152,"categories":153,"screens":157,"app":170},"d4f0516d-09a9-4a5a-b54d-41d4182d43dc","Uploading files",12,[154],{"id":155,"title":151,"slug":156},41,"upload-files",[158,162,166],{"uuid":159,"title":110,"description":160,"image":161,"image_alt":113,"width":64,"height":65},"e03fad90-9af4-4041-89be-8f023438e947","File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe03fad90-9af4-4041-89be-8f023438e947.png",{"uuid":163,"title":110,"description":164,"image":165,"image_alt":113,"width":64,"height":65},"426db73e-1311-4e66-8c39-6d482d35a388","Sidebar navigation File upload","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F426db73e-1311-4e66-8c39-6d482d35a388.png",{"uuid":167,"title":110,"description":168,"image":169,"image_alt":113,"width":64,"height":65},"711aa74f-42ad-4506-a74c-be3946067993","Team workspace","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F711aa74f-42ad-4506-a74c-be3946067993.png",{"slug":30,"title":29,"logo":32},{"uuid":172,"title":173,"canonical_path":4,"kind":52,"patterns_count":53,"categories":174,"screens":177,"app":189},"9102e283-d930-46a9-b6bb-5510af9b9057","Starting file upload",[175,176],{"id":128,"title":129,"slug":130},{"id":155,"title":151,"slug":156},[178,182,186],{"uuid":179,"title":110,"description":180,"image":181,"image_alt":113,"width":64,"height":65},"8d8d6161-b2dc-4fd8-a6b7-cebe7d6759e8","File organization Team workspace","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d8d6161-b2dc-4fd8-a6b7-cebe7d6759e8.png",{"uuid":183,"title":110,"description":184,"image":185,"image_alt":113,"width":64,"height":65},"9fe4b503-d0d5-4a6b-b703-95b6de99895a","List view of a specific board showing uploaded files and an open add menu for uploading or importing new content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fe4b503-d0d5-4a6b-b703-95b6de99895a.png",{"uuid":187,"title":110,"description":160,"image":188,"image_alt":113,"width":64,"height":65},"6a658add-924b-445c-80d5-c45d016fa20b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a658add-924b-445c-80d5-c45d016fa20b.png",{"slug":30,"title":29,"logo":32},{"uuid":191,"title":192,"canonical_path":4,"kind":52,"patterns_count":193,"categories":194,"screens":199,"app":212},"c0cc4df4-181a-428c-9d1e-371bf7c8d268","Configuring content collection form details",15,[195,196],{"id":100,"title":101,"slug":102},{"id":193,"title":197,"slug":198},"Sharing","share",[200,204,208],{"uuid":201,"title":110,"description":202,"image":203,"image_alt":113,"width":64,"height":65},"4456a315-839a-4fac-b69a-87882d41e1fc","Detail page for a board where the user configures a content collection form to share via a copied link, setting requirements for names, emails, and custom fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4456a315-839a-4fac-b69a-87882d41e1fc.png",{"uuid":205,"title":110,"description":206,"image":207,"image_alt":113,"width":64,"height":65},"38a4a4a9-8ba5-45db-b1f1-f9744e51f59e","List view where the user configures a content collection form, setting requirements for name, email, and custom fields before copying the share link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38a4a4a9-8ba5-45db-b1f1-f9744e51f59e.png",{"uuid":209,"title":110,"description":210,"image":211,"image_alt":113,"width":64,"height":65},"23e89d88-5aaa-4a42-b177-c9245e9e028e","Detail page where the user configures a shareable content collection form for a board, setting requirements like name and email, and adding custom fields before copying the link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23e89d88-5aaa-4a42-b177-c9245e9e028e.png",{"slug":30,"title":29,"logo":32},{"uuid":214,"title":215,"canonical_path":4,"kind":52,"patterns_count":37,"categories":216,"screens":222,"app":234},"f854c54b-577f-4719-aef1-be194bdf66c6","Defining custom field properties",[217,221],{"id":218,"title":219,"slug":220},28,"Creating","create",{"id":100,"title":101,"slug":102},[223,227,230],{"uuid":224,"title":110,"description":225,"image":226,"image_alt":113,"width":64,"height":65},"454ec737-7517-4f1e-b628-065704b7d51e","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F454ec737-7517-4f1e-b628-065704b7d51e.png",{"uuid":228,"title":110,"description":225,"image":229,"image_alt":113,"width":64,"height":65},"d0ebe522-ba45-4a68-a62e-d50185d037c2","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0ebe522-ba45-4a68-a62e-d50185d037c2.png",{"uuid":231,"title":110,"description":232,"image":233,"image_alt":113,"width":64,"height":65},"2653c319-edc0-4dba-8c9a-d728753c2ce5","Asset management interface where the user is creating a custom field for a content collection form, currently selecting the field type from an open dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2653c319-edc0-4dba-8c9a-d728753c2ce5.png",{"slug":30,"title":29,"logo":32},{"uuid":236,"title":237,"canonical_path":4,"kind":52,"patterns_count":97,"categories":238,"screens":240,"app":252},"ecd1b2be-1c3c-4368-842f-40760fe9ed6b","Finalizing custom field creation",[239],{"id":218,"title":219,"slug":220},[241,245,248],{"uuid":242,"title":110,"description":243,"image":244,"image_alt":113,"width":64,"height":65},"44d7b37d-a52e-47cf-9136-ce214bff8eed","List view where the user is creating a new custom field for a content collection form, specifying the field title, type, and options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44d7b37d-a52e-47cf-9136-ce214bff8eed.png",{"uuid":246,"title":110,"description":225,"image":247,"image_alt":113,"width":64,"height":65},"244b8d30-77cb-4697-9a55-14d9bace07c3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F244b8d30-77cb-4697-9a55-14d9bace07c3.png",{"uuid":249,"title":110,"description":250,"image":251,"image_alt":113,"width":64,"height":65},"e1d72053-4669-4ae7-bdc5-0a9927048f47","Detail page where the user configures a new single-select custom field with priority options like high and medium via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe1d72053-4669-4ae7-bdc5-0a9927048f47.png",{"slug":30,"title":29,"logo":32},{"uuid":254,"title":255,"canonical_path":4,"kind":52,"patterns_count":97,"categories":256,"screens":258,"app":271},"5a8ebc73-024f-49de-8d1a-4812d240ef7c","Sharing configured collection form",[257],{"id":193,"title":197,"slug":198},[259,263,267],{"uuid":260,"title":110,"description":261,"image":262,"image_alt":113,"width":64,"height":65},"41746e96-d153-4c38-b2c0-2b3b4b1ff55d","Modal where the user configures a content collection form by setting details, toggling requirements, and copying a shareable link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41746e96-d153-4c38-b2c0-2b3b4b1ff55d.png",{"uuid":264,"title":110,"description":265,"image":266,"image_alt":113,"width":64,"height":65},"8527b006-58d9-4cf7-91c1-c786be9c0cfe","File management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8527b006-58d9-4cf7-91c1-c786be9c0cfe.png",{"uuid":268,"title":110,"description":269,"image":270,"image_alt":113,"width":64,"height":65},"375b9f04-75c1-49b8-afcb-13be463e450f","List view where the user configures a shareable content collection form, setting details like description, required fields, and organizing submissions into sub-boards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F375b9f04-75c1-49b8-afcb-13be463e450f.png",{"slug":30,"title":29,"logo":32},{"uuid":273,"title":274,"canonical_path":4,"kind":52,"patterns_count":53,"categories":275,"screens":282,"app":291},"79497ce1-2b82-49b9-9c6b-49092f497f47","Choosing content addition method",[276,277,278],{"id":128,"title":129,"slug":130},{"id":218,"title":219,"slug":220},{"id":279,"title":280,"slug":281},33,"Importing","import",[283,287],{"uuid":284,"title":110,"description":285,"image":286,"image_alt":113,"width":64,"height":65},"4c680239-99ae-4e60-9c11-57741f1464d4","Search bar Grid Sidebar Project management File organization Dashboard File management Sidebar navigation Team collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c680239-99ae-4e60-9c11-57741f1464d4.png",{"uuid":288,"title":110,"description":289,"image":290,"image_alt":113,"width":64,"height":65},"bfad6a59-a2a6-4d83-95ba-822c99c58ebc","Navigation menu Grid Onboarding File upload Content management Project management File management Collaboration Navigation sidebar Hierarchical navigation Content hierarchy Project organization","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfad6a59-a2a6-4d83-95ba-822c99c58ebc.png",{"slug":30,"title":29,"logo":32},{"uuid":293,"title":294,"canonical_path":4,"kind":52,"patterns_count":74,"categories":295,"screens":300,"app":313},"74418b0d-9a16-4fb0-9866-dbf6f652c1b7","Editing board details",[296],{"id":297,"title":298,"slug":299},60,"Editing","edit",[301,305,309],{"uuid":302,"title":110,"description":303,"image":304,"image_alt":113,"width":64,"height":65},"f8f8790e-01c2-4690-8791-37774701675a","Grid Sidebar Onboarding Menu Project management Dashboard File management Download Collaboration Sidebar navigation Account setup Delete","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8f8790e-01c2-4690-8791-37774701675a.png",{"uuid":306,"title":110,"description":307,"image":308,"image_alt":113,"width":64,"height":65},"0e5d2b97-30ab-44a7-a823-b0f4e171dd73","Sidebar Onboarding Content management Project management Settings Form Collaboration Team collaboration Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e5d2b97-30ab-44a7-a823-b0f4e171dd73.png",{"uuid":310,"title":110,"description":311,"image":312,"image_alt":113,"width":64,"height":65},"6199cd61-8b4d-41a0-a001-9723444889ef","Onboarding Project management Form Collaboration Sidebar navigation Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6199cd61-8b4d-41a0-a001-9723444889ef.png",{"slug":30,"title":29,"logo":32},[],[316,319,322,325,328,331,334,336,340,344,348],{"label":317,"to":318},"Air product screens","\u002Fexamples\u002Fapps\u002Fair\u002Fscreens",{"label":320,"to":321},"Air marketing pages","\u002Fexamples\u002Fapps\u002Fair\u002Fmarketing",{"label":323,"to":324},"Air UI components","\u002Fexamples\u002Fapps\u002Fair\u002Fcomponents",{"label":326,"to":327},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":329,"to":330},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":332,"to":333},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"label":335,"to":18},"All SaaS app examples",{"label":337,"to":338,"description":339},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":341,"to":342,"description":343},"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":345,"to":346,"description":347},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":349,"to":350,"description":351},"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":353,"updated_at":354},"2025-05-26T09:55:05.000Z","2026-09-13T13:02:39.000Z",{"left":356,"top":356,"width":357,"height":357,"rotate":356,"vFlip":358,"hFlip":358,"body":359},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]