[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fair\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":190,"links":191,"dates":228},"\u002Fexamples\u002Fapps\u002Fair\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Air UI components examples - Nicelydone","Browse Air UI component design examples. Preview individual interface elements and explore related component categories. Manage your creative assets and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e4b1989-4222-4a92-931a-33a301b89438.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Air UI component design examples. Preview individual interface elements and explore related component categories. Manage your creative assets and creative process in one place",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"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",[37,41,45],{"id":38,"title":39,"slug":40},8,"Design","design",{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},71,"File sharing","file-sharing",[50,65,75,88,101,110,122,135,144,157,170,180],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"5eb7c673-5296-46f3-9405-172ccaf2bb25","Air UI component","A user profile menu with account settings, theme switching, and logout options.",655,583,"UI component from Air","component",[59],{"id":60,"title":61,"slug":62},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":52,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":56,"kind":57,"categories":71,"app":73},"a214e995-f28f-4da3-ba07-967346e7ce24","The screenshot shows a user profile menu with options to switch theme and log out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb14d661-4a25-40e7-a249-2058fce3cf84.png",1209,597,[72],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":52,"description":77,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":56,"kind":57,"categories":81,"app":86},"3ef48bb4-07ae-4170-a7bf-9d6c520eb72e","A list of members with their access level.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb8d4eb19-5662-4bde-b709-0fa843c98ba6.png",1728,842,[82],{"id":83,"title":84,"slug":85},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":52,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":56,"kind":57,"categories":94,"app":99},"c545a704-8386-4d13-8c34-9aa5529f017d","The screenshot shows a modal with workspace storage information and upgrade options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fed02f21c-9bad-449e-8640-fbba8d765eba.png",840,997,[95],{"id":96,"title":97,"slug":98},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":100},[],{"uuid":102,"title":52,"description":103,"canonical_path":4,"image":104,"width":79,"height":105,"image_alt":56,"kind":57,"categories":106,"app":108},"e248debe-d887-40c7-be55-9b34de7b964e","A session management interface with an upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F827bce36-f3e2-47cc-9ef1-5e0c91fe6bca.png",596,[107],{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":52,"description":112,"canonical_path":4,"image":113,"width":79,"height":114,"image_alt":56,"kind":57,"categories":115,"app":120},"4a6a52e9-1fe8-4d35-a5ca-0bc5ba08a7bd","The screenshot shows current usage of users, guests and storage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F98c38d74-3744-4e7f-b42b-9f6c0a5b1a6e.png",606,[116],{"id":117,"title":118,"slug":119},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":52,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":56,"kind":57,"categories":128,"app":133},"c08b0635-5c98-49b0-871e-c7c7fd606804","Navigation bar","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e6cc6a0-e16b-4d73-9868-7520f4ac2039.png",1634,508,[129],{"id":130,"title":131,"slug":132},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":52,"description":137,"canonical_path":4,"image":138,"width":79,"height":139,"image_alt":56,"kind":57,"categories":140,"app":142},"ceab5f65-7aa7-4125-a8a6-f24a678ca1e4","A promotional modal encouraging users to upgrade their plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58ae296b-266e-4c07-9459-a33d1f95ac88.png",573,[141],{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":52,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":56,"kind":57,"categories":150,"app":155},"dfa23749-c8da-4ae0-adde-7972f3611d05","A file management interface with a filter modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb6f8b85-d5f3-43c5-b25b-86d37b259b06.png",1916,1125,[151],{"id":152,"title":153,"slug":154},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":156},[],{"uuid":158,"title":52,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":56,"kind":57,"categories":163,"app":168},"2130c335-bc7c-40b1-bc9d-9f12c60bfc45","A modal showing a successful zip and download of an item.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b38856b-fd7e-43d3-a55a-fa25fbcc46c6.png",841,249,[164],{"id":165,"title":166,"slug":167},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":52,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":56,"kind":57,"categories":176,"app":178},"c0c53d83-2356-48e7-949b-166ad586b1b9","A notification indicating an item has been added to favorites with a follow button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F14547e50-9e2f-48f6-9add-4e87b679369d.png",705,200,[177],{"id":165,"title":166,"slug":167},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":52,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":56,"kind":57,"categories":186,"app":188},"a17de624-0ef2-46f5-b396-c15b8c53ca3b","A context menu with various actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F66c9d675-fcb9-4518-8143-7300e164354f.png",948,1135,[187],{"id":96,"title":97,"slug":98},{"slug":31,"title":30,"logo":33,"categories":189},[],[],[192,195,198,201,204,207,210,212,216,220,224],{"label":193,"to":194},"Air product screens","\u002Fexamples\u002Fapps\u002Fair\u002Fscreens",{"label":196,"to":197},"Air marketing pages","\u002Fexamples\u002Fapps\u002Fair\u002Fmarketing",{"label":199,"to":200},"Air user flows","\u002Fexamples\u002Fapps\u002Fair\u002Fflows",{"label":202,"to":203},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":205,"to":206},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":208,"to":209},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"label":211,"to":18},"All SaaS app examples",{"label":213,"to":214,"description":215},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":217,"to":218,"description":219},"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":221,"to":222,"description":223},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":225,"to":226,"description":227},"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":229,"updated_at":230},"2025-05-26T09:55:05.000Z","2026-09-13T13:02:39.000Z"]