[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftravelperk\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":205,"links":206,"dates":225},"\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Travelperk UI components examples - Nicelydone","Browse Travelperk UI component design examples. Preview individual interface elements and explore related component categories. Travel for work made simpler…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7872e6cb-610f-4cf2-866d-e802ad8284a3.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},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":23,"to":4},"Travelperk UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Travelperk UI component design examples. Preview individual interface elements and explore related component categories. Travel for work made simpler and smarter",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Travelperk","travelperk","Travel for work made simpler and smarter","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","https:\u002F\u002Fwww.travelperk.com",[36,40,44,48],{"id":37,"title":38,"slug":39},5,"Travel","travel",{"id":41,"title":42,"slug":43},26,"Events","events",{"id":45,"title":46,"slug":47},36,"Finance","finance",{"id":49,"title":50,"slug":51},56,"Accounting","accounting",[53,68,78,91,104,117,127,140,153,166,179,192],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"2dad9a7e-46a6-4187-8ee6-f4c1f6919d27","Travelperk UI component","The screenshot displays a modal for upgrading to a premium plan.",1648,1328,"UI component from Travelperk","component",[62],{"id":63,"title":64,"slug":65},255,"Upgrade your plan","upgrade-your-plan",{"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":76},"b2bb5a0d-d4bb-4366-b1e7-fc63fa619b13","The user has reached the maximum number of policies included in their plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb6982174-2240-4d90-93c9-2fcc1183b954.png",1380,771,[75],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":55,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":59,"kind":60,"categories":84,"app":89},"08024030-5996-49d2-8132-190696929d5f","A chat interface with a data query and response.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb8959b0c-bdb1-4602-bdc2-9b0de866dc2a.png",2093,1788,[85],{"id":86,"title":87,"slug":88},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":55,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":59,"kind":60,"categories":97,"app":102},"66800c45-c146-4825-985b-ea65709e63ad","A table of invited users.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff0da88b7-f6cc-41ec-93a4-359beafee1b3.png",2985,1276,[98],{"id":99,"title":100,"slug":101},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":55,"description":106,"canonical_path":4,"image":107,"width":108,"height":109,"image_alt":59,"kind":60,"categories":110,"app":115},"ba734d2e-b942-42ac-81a1-8d942ba9470c","The image shows a message about personal cards visibility and setting up company address and payment profiles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ec42693-41cb-4f6f-98e9-67c54eb3d778.png",1856,468,[111],{"id":112,"title":113,"slug":114},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":55,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":59,"kind":60,"categories":123,"app":125},"e91076f9-d1a7-47e5-a666-d6d4533aa6b3","A profile completion screen.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe37194d5-e5a5-4d1e-a51c-e9dd3167719c.png",1836,769,[124],{"id":112,"title":113,"slug":114},{"slug":31,"title":30,"logo":33,"categories":126},[],{"uuid":128,"title":55,"description":129,"canonical_path":4,"image":130,"width":131,"height":132,"image_alt":59,"kind":60,"categories":133,"app":138},"49e7e956-fcec-44b5-9371-2a4388a1576d","A travel planning interface with an illustration of a suitcase laptop.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe713574b-f2cf-4d18-ac0f-2e1245548d1e.png",1642,1559,[134],{"id":135,"title":136,"slug":137},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":139},[],{"uuid":141,"title":55,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":59,"kind":60,"categories":146,"app":151},"8d8eb0bf-8eec-482b-b291-f480be2315be","The user interface shows a feature to share a trip by generating a link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F735e5567-b552-4fd3-9f59-d3b1bdd33bdd.png",1408,752,[147],{"id":148,"title":149,"slug":150},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":152},[],{"uuid":154,"title":55,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":59,"kind":60,"categories":159,"app":164},"fbbad0c7-6a9b-4829-966e-0897ef262051","A modal for searching trains.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F107a480c-aea8-4e68-9bfe-8bc0abb44144.png",3024,850,[160],{"id":161,"title":162,"slug":163},243,"Form element","form-element",{"slug":31,"title":30,"logo":33,"categories":165},[],{"uuid":167,"title":55,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":59,"kind":60,"categories":172,"app":177},"cd0d83a0-e711-4f0f-bb6e-37b66bfa2c1e","A travel itinerary showing flights, hotel, and car rental options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb7ad51da-70ac-44f3-ae86-8199315e9b09.png",1698,2793,[173],{"id":174,"title":175,"slug":176},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":178},[],{"uuid":180,"title":55,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":59,"kind":60,"categories":185,"app":190},"daffd47b-2a26-4265-ac01-e3d8db15073a","The screenshot shows a rate selection interface with options for 'Breakfast and free cancellation' and 'Free cancellation'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2214586e-3069-424a-877b-661cb81960f1.png",1704,1007,[186],{"id":187,"title":188,"slug":189},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":191},[],{"uuid":193,"title":55,"description":194,"canonical_path":4,"image":195,"width":196,"height":197,"image_alt":59,"kind":60,"categories":198,"app":203},"b0b90910-6ba6-454e-b7db-74ee0d11bb11","A modal for loyalty programs","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fda85718c-395a-4134-9969-c7fac06d77d7.png",810,262,[199],{"id":200,"title":201,"slug":202},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":204},[],[],[207,210,213,216,219,222],{"label":208,"to":209},"Travelperk product screens","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fscreens",{"label":211,"to":212},"Travelperk marketing pages","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fmarketing",{"label":214,"to":215},"Travelperk user flows","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fflows",{"label":217,"to":218},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"label":220,"to":221},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":223,"to":224},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"published_at":226,"updated_at":227},"2025-10-19T19:46:40.000Z","2026-09-13T13:02:39.000Z"]