[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fairbnb\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":208,"links":209,"dates":228},"\u002Fexamples\u002Fapps\u002Fairbnb\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Airbnb UI components examples - Nicelydone","Browse Airbnb UI component design examples. Preview individual interface elements and explore related component categories. Book unique homes and experience…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4eeefec3-3f28-4785-ad3d-b4b27f1e6de4.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},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":23,"to":4},"Airbnb UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Airbnb UI component design examples. Preview individual interface elements and explore related component categories. Book unique homes and experience a city like a local",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Airbnb","airbnb","Book unique homes and experience a city like a local","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","https:\u002F\u002Fwww.airbnb.com",[36,40,44,48],{"id":37,"title":38,"slug":39},5,"Travel","travel",{"id":41,"title":42,"slug":43},12,"Hospitality","hospitality",{"id":45,"title":46,"slug":47},17,"Peer to peer","peer-to-peer",{"id":49,"title":50,"slug":51},18,"Marketplace","marketplace",[53,68,81,94,107,120,130,143,156,169,182,195],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"158da29d-ac2e-431b-a3a9-97537b99b475","Airbnb UI component","A dropdown menu displaying user account options and navigation links, including hosting information and a call to action.",737,1462,"UI component from Airbnb","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"5849b0e1-d4a9-4b7c-b438-8d72e0546d86","A modal displaying filter options for experience types with a grid layout of selectable categories.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F30e8b90f-7d5a-468f-81f0-a01926ccd345.png",1297,1323,[75],{"id":76,"title":77,"slug":78},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"ed245981-eaad-4fba-a0aa-6ea20b00ddf7","A search result page displaying an empty state with a message indicating no exact matches and a call to action to remove filters, accompanied by illustrative images.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37bab067-277d-4a6a-9692-0652d6b44ab6.png",1775,876,[88],{"id":89,"title":90,"slug":91},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":59,"kind":60,"categories":100,"app":105},"88f85c75-496a-478b-90bf-e446fdf5e10f","A product card displaying an apartment listing with an image, title, details, rating, and price.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F739717dc-3826-4fe7-91da-5feea77f9be1.png",781,829,[101],{"id":102,"title":103,"slug":104},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":55,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":59,"kind":60,"categories":113,"app":118},"c18a8445-618f-4612-a634-6d52b66d211d","A modal dialog displaying a date picker with calendar views for May and June 2026, offering exact or flexible date selection options for a booking search.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3b59054c-e921-4aa7-86de-e304a715613f.png",1856,1491,[114],{"id":115,"title":116,"slug":117},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":55,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":59,"kind":60,"categories":126,"app":128},"ea727f4c-6624-4217-aab9-52731cd28c04","A modal dialog for selecting the number of guests (adults, children, infants, and pets) for a booking, overlaid on a travel accommodation search interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdccdf709-bdd4-407f-98e4-06dfde8b3562.png",1851,1073,[127],{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":129},[],{"uuid":131,"title":55,"description":132,"canonical_path":4,"image":133,"width":134,"height":135,"image_alt":59,"kind":60,"categories":136,"app":141},"7729862c-41f3-4727-8594-0904521983cd","A user interface section displaying travel-related stamps for profile customization with a privacy toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a2ba6b0-3f7b-4625-8d45-cabb4d4cf691.png",1647,723,[137],{"id":138,"title":139,"slug":140},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":142},[],{"uuid":144,"title":55,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":59,"kind":60,"categories":149,"app":154},"c771ec2b-12c1-4fa3-a25a-37b0db730e4e","A header bar with a brand logo, a call to action, and a user menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9513fc05-5be3-490a-8104-181252a9156e.png",3024,197,[150],{"id":151,"title":152,"slug":153},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":155},[],{"uuid":157,"title":55,"description":158,"canonical_path":4,"image":159,"width":160,"height":161,"image_alt":59,"kind":60,"categories":162,"app":167},"0cdfe509-b002-445c-b122-11b332a636e4","A screen for confirming identity by entering a verification code sent to an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0fe1a75-e277-479e-9776-b15b5497927d.png",832,502,[163],{"id":164,"title":165,"slug":166},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":55,"description":171,"canonical_path":4,"image":172,"width":173,"height":174,"image_alt":59,"kind":60,"categories":175,"app":180},"ec8347f4-dc00-44d3-a7a8-2e74c58f81e4","User interface for selecting room and bed quantities.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8bec71f8-d631-4137-a1ce-b302317fa191.png",1299,618,[176],{"id":177,"title":178,"slug":179},257,"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":55,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":59,"kind":60,"categories":188,"app":193},"ff6c9cc2-182e-4c05-b352-436d8fdf350b","A price range filter with a histogram visualization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9a65d39a-b06d-4323-b6b2-23cbcc691be2.png",1375,722,[189],{"id":190,"title":191,"slug":192},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":55,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":59,"kind":60,"categories":201,"app":206},"d5f27577-f8bb-40e3-b920-2730ef501e3a","A user interface segment for selecting a type of place.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4fb6986e-cfa4-4a0e-a392-bfeea10cfc6b.png",1302,446,[202],{"id":203,"title":204,"slug":205},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":207},[],[],[210,213,216,219,222,225],{"label":211,"to":212},"Airbnb product screens","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens",{"label":214,"to":215},"Airbnb marketing pages","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fmarketing",{"label":217,"to":218},"Airbnb user flows","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fflows",{"label":220,"to":221},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":223,"to":224},"Hospitality app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fhospitality",{"label":226,"to":227},"Peer to peer app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpeer-to-peer",{"published_at":229,"updated_at":230},"2016-10-17T08:30:11.000Z","2026-09-13T13:02:39.000Z"]