[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fbreadcrumb":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":348,"links":349,"dates":398},"\u002Fexamples\u002Fcomponents\u002Fbreadcrumb","collection","components",true,{"example_count":9,"app_count":10},93,70,{"id":12,"title":13,"description":14},177,"Breadcrumb","See how interfaces show the current location within a hierarchy. Explore how linked parent labels, separators, and the current item fit within a breadcrumb trail.",{"title":16,"description":17,"og_image":18},"Breadcrumb UI examples - Nicelydone","Breadcrumb UI design examples from SaaS apps. See how interfaces show the current location within a hierarchy. Explore how linked parent labels, separators,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff22dd98-cf50-4947-a70f-2c07047e503e.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Breadcrumb UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Breadcrumb UI design examples from SaaS apps. See how interfaces show the current location within a hierarchy. Explore how linked parent labels, separators, and the current item fit within a breadcrumb…",[32],{"title":33,"description":14,"links":34},"About Breadcrumb",[],[36],"93 UI components",[38,72,101,131,149,170,199,228,252,276,300,330],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"913f3f7a-1c52-4252-9a71-3e68c74365f5","Zaro UI component","A breadcrumb navigation bar indicating the current page location within a web application's settings, showing 'Home > Settings > Billing'.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fcomponents",563,161,"UI component from Zaro","component",[48],{"id":12,"title":13,"slug":49},"breadcrumb",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[56,60,64,68],{"id":57,"title":58,"slug":59},23,"Collaboration","collaboration",{"id":61,"title":62,"slug":63},80,"Artificial Intelligence","artificial-intelligence",{"id":65,"title":66,"slug":67},22,"Knowledge Management","knowledge-management",{"id":69,"title":70,"slug":71},46,"Analytics","analytics",{"uuid":73,"title":13,"description":74,"canonical_path":75,"image":76,"width":77,"height":78,"image_alt":79,"kind":46,"categories":80,"app":82},"ebb7ac35-e21d-42f8-a243-f2e4a2b3b18d","Displays hierarchical navigation path from Settings to current Profile section with clickable parent link.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdfae67f3-81d5-455f-bf3c-685374e670c0.png",541,179,"Breadcrumb from Beside",[81],{"id":12,"title":13,"slug":49},{"slug":83,"title":84,"logo":85,"baseline":86,"categories":87},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[88,89,93,97],{"id":61,"title":62,"slug":63},{"id":90,"title":91,"slug":92},47,"Customer Service","customer-service",{"id":94,"title":95,"slug":96},53,"CRM","crm",{"id":98,"title":99,"slug":100},82,"Communication","communication",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":107,"height":108,"image_alt":109,"kind":46,"categories":110,"app":112},"5e95f88a-27b6-4421-b629-f0aef052e893","Amie UI component","A breadcrumb navigation displaying a calendar date and week number.","\u002Fexamples\u002Fapps\u002Famie\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d97d177-70ba-4f57-90b6-deaa44bcf1f4.png",636,155,"UI component from Amie",[111],{"id":12,"title":13,"slug":49},{"slug":113,"title":114,"logo":115,"baseline":116,"categories":117},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[118,122,126,130],{"id":119,"title":120,"slug":121},101,"Calendar","calendar",{"id":123,"title":124,"slug":125},29,"Task Management","task-management",{"id":127,"title":128,"slug":129},30,"Productivity","productivity",{"id":61,"title":62,"slug":63},{"uuid":132,"title":133,"description":134,"canonical_path":135,"image":136,"width":137,"height":138,"image_alt":139,"kind":46,"categories":140,"app":142},"0f5f154f-99e1-4097-b83f-7fb46dff1f24","Poolside UI component","A header bar for a project creation workflow, featuring navigation and a step-by-step progress indicator.","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5a8e82c-a844-4280-9867-b9afd0cc44a1.png",3023,122,"UI component from Poolside",[141],{"id":12,"title":13,"slug":49},{"slug":143,"title":144,"logo":145,"baseline":146,"categories":147},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png","Iterate on web apps, APIs, and CLIs from scratch, in a single workspace",[148],{"id":61,"title":62,"slug":63},{"uuid":150,"title":151,"description":152,"canonical_path":153,"image":154,"width":155,"height":156,"image_alt":157,"kind":46,"categories":158,"app":160},"7eca3c84-42b4-4ede-a371-e0c045ee3635","Aboard UI component","Breadcrumb navigation showing a user profile and an overview page.","\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ad58bf6-636f-4c1d-89c7-c1f2738596c9.png",927,297,"UI component from Aboard",[159],{"id":12,"title":13,"slug":49},{"slug":161,"title":162,"logo":163,"baseline":164,"categories":165},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[166],{"id":167,"title":168,"slug":169},10,"Human resources","human-resources",{"uuid":171,"title":172,"description":173,"canonical_path":174,"image":175,"width":176,"height":177,"image_alt":178,"kind":46,"categories":179,"app":181},"c8c1c824-7790-4ba7-a8df-ed358a3a5c2b","Mailchimp UI component","A header bar with application title, breadcrumb navigation, and a live expert help button","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcfb79e88-ddc7-4546-8ae1-7819b2e492fb.png",2880,163,"UI component from Mailchimp",[180],{"id":12,"title":13,"slug":49},{"slug":182,"title":183,"logo":184,"baseline":185,"categories":186},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[187,191,195],{"id":188,"title":189,"slug":190},25,"Marketing","marketing",{"id":192,"title":193,"slug":194},27,"Email Newsletters","email-newsletters",{"id":196,"title":197,"slug":198},68,"SMS","sms",{"uuid":200,"title":201,"description":202,"canonical_path":203,"image":204,"width":205,"height":206,"image_alt":207,"kind":46,"categories":208,"app":210},"e9b585e9-82b4-426e-b8b6-301dcba62e1d","Maze UI component","A header with a title and a breadcrumb navigation indicating progress in a study setup process.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F76556616-8651-4667-80c9-ac6fac298b4e.png",1805,298,"UI component from Maze",[209],{"id":12,"title":13,"slug":49},{"slug":211,"title":212,"logo":213,"baseline":214,"categories":215},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[216,220,224],{"id":217,"title":218,"slug":219},8,"Design","design",{"id":221,"title":222,"slug":223},69,"Surveys","surveys",{"id":225,"title":226,"slug":227},104,"User Research","user-research",{"uuid":229,"title":230,"description":231,"canonical_path":232,"image":233,"width":234,"height":235,"image_alt":236,"kind":46,"categories":237,"app":239},"8b646279-ce4a-4c42-9237-e955601c3d85","Dovetail UI component","Top navigation bar displaying project and document titles with navigation icons.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1c529af4-6487-4719-8326-da8921d830ee.png",845,290,"UI component from Dovetail",[238],{"id":12,"title":13,"slug":49},{"slug":240,"title":241,"logo":242,"baseline":243,"categories":244},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[245,246,247,251],{"id":217,"title":218,"slug":219},{"id":65,"title":66,"slug":67},{"id":248,"title":249,"slug":250},35,"Feedback","feedback",{"id":225,"title":226,"slug":227},{"uuid":253,"title":254,"description":255,"canonical_path":256,"image":257,"width":258,"height":259,"image_alt":260,"kind":46,"categories":261,"app":263},"cd7118a1-6748-4b16-92ca-122b51e05412","Fabric UI component","A breadcrumb navigation displaying a file path with a back button.","\u002Fexamples\u002Fapps\u002Ffabric\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff917c488-83ba-484e-aeae-307d783499d8.png",744,208,"UI component from Fabric",[262],{"id":12,"title":13,"slug":49},{"slug":264,"title":265,"logo":266,"baseline":267,"categories":268},"fabric","Fabric","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","Your second brain. Remember everything",[269,270,271,275],{"id":65,"title":66,"slug":67},{"id":127,"title":128,"slug":129},{"id":272,"title":273,"slug":274},71,"File sharing","file-sharing",{"id":61,"title":62,"slug":63},{"uuid":277,"title":278,"description":279,"canonical_path":280,"image":281,"width":282,"height":283,"image_alt":284,"kind":46,"categories":285,"app":287},"10e1734d-d481-4b1a-8b3b-4c6447e610fd","Typeform UI component","A horizontal progress indicator displaying three steps for an onboarding or setup process.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5bc62121-01f5-4124-8f4c-d21a4a39dbdb.png",2466,296,"UI component from Typeform",[286],{"id":12,"title":13,"slug":49},{"slug":288,"title":289,"logo":290,"baseline":291,"categories":292},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[293,294,295,299],{"id":221,"title":222,"slug":223},{"id":188,"title":189,"slug":190},{"id":296,"title":297,"slug":298},96,"No code","no-code",{"id":225,"title":226,"slug":227},{"uuid":301,"title":302,"description":303,"canonical_path":304,"image":305,"width":306,"height":307,"image_alt":308,"kind":46,"categories":309,"app":311},"bdaa84c2-0731-4429-9c2c-4a1f4119f989","Zapier UI component","The screenshot shows a breadcrumb navigation.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F48e1a5db-6e37-4bcb-8616-50cf0f31bd92.png",1165,304,"UI component from Zapier",[310],{"id":12,"title":13,"slug":49},{"slug":312,"title":313,"logo":314,"baseline":315,"categories":316},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[317,321,325,326],{"id":318,"title":319,"slug":320},37,"Developer APIs","developer-apis",{"id":322,"title":323,"slug":324},48,"Developer Tools","developer-tools",{"id":61,"title":62,"slug":63},{"id":327,"title":328,"slug":329},105,"Workflow Automation","workflow-automation",{"uuid":331,"title":332,"description":333,"canonical_path":334,"image":335,"width":336,"height":337,"image_alt":338,"kind":46,"categories":339,"app":341},"fd6d921b-c655-46d6-8d25-34a1761e1de4","Clay UI component","The image shows a breadcrumb navigation with a logo, folder icon, and workbook title.","\u002Fexamples\u002Fapps\u002Fclay\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7ad29a43-a37c-4d7a-9e85-0394e3548981.png",645,172,"UI component from Clay",[340],{"id":12,"title":13,"slug":49},{"slug":342,"title":343,"logo":344,"baseline":345,"categories":346},"clay","Clay","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","Be more thoughtful with the people in your network",[347],{"id":94,"title":95,"slug":96},[],[350,353,356,359,362,365,368,371,374,377,380,383,386,389,392,395],{"label":351,"to":352},"Empty State","\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":354,"to":355},"Setup Wizard","\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":357,"to":358},"Files","\u002Fexamples\u002Fscreens\u002Ffiles",{"label":360,"to":361},"Profile","\u002Fexamples\u002Fscreens\u002Fprofile",{"label":363,"to":364},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":366,"to":367},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":369,"to":370},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":372,"to":373},"Poolside design examples","\u002Fexamples\u002Fapps\u002Fpoolside",{"label":375,"to":376},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":378,"to":379},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":381,"to":382},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":384,"to":385},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":387,"to":388},"Fabric design examples","\u002Fexamples\u002Fapps\u002Ffabric",{"label":390,"to":391},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":393,"to":394},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":396,"to":397},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"published_at":399,"updated_at":400},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]