[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fsearch-bar":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":33,"showcases":531,"links":532,"dates":593},"\u002Fexamples\u002Ftags\u002Fsearch-bar","collection","screens",true,{"example_count":9,"app_count":10},2906,316,{"id":12,"title":13,"description":14},134,"Search bar","",{"title":16,"description":17,"og_image":18},"Search bar screen examples - Nicelydone","Search bar screen design examples from SaaS apps. Browse examples from Airbnb, Extend, Dock.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F708feabf-6a4d-40cc-864f-f63b83fbed5d.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Search bar screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"2906 screens",[34,97,164,211,249,290,313,359,390,431,465,490],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":54,"app":75},"708feabf-6a4d-40cc-864f-f63b83fbed5d","Airbnb Experiences - Find Things to Do Hosted by Locals","Landing page for Airbnb Experiences where the user can search by location, date, and guests, and browse carousels of trending and original activities.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fmarketing",3012,6488,"Airbnb Experiences - Find Things to Do Hosted by Locals from Airbnb","2026-09-07T10:47:21.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},136,"Landing Page","landing-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59,63,67,71],{"id":56,"title":57,"slug":58},233,"Tabs","tabs",{"id":60,"title":61,"slug":62},258,"Header","header",{"id":64,"title":65,"slug":66},202,"Footer","footer",{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},260,"Badge","badge",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[81,85,89,93],{"id":82,"title":83,"slug":84},5,"Travel","travel",{"id":86,"title":87,"slug":88},12,"Hospitality","hospitality",{"id":90,"title":91,"slug":92},17,"Peer to peer","peer-to-peer",{"id":94,"title":95,"slug":96},18,"Marketplace","marketplace",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":103,"height":104,"image_alt":105,"published_at":106,"kind":43,"patterns":107,"component_categories":131,"app":142},"bf2a8f15-dfda-4e74-be10-347de51e6bef","Workflow | extend","List view showing an empty state for workflow run history with a search bar, filter option, and a credit usage widget in the sidebar.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf2a8f15-dfda-4e74-be10-347de51e6bef.png",3024,1758,"Workflow | extend from Extend","2026-08-17T12:39:21.000Z",[108,115,124],{"id":109,"label":110,"slug":111,"rank":49,"group":112},115,"Empty State","empty-state",{"id":86,"label":113,"slug":114},"States & Feedback","states-and-feedback",{"id":116,"label":117,"slug":118,"rank":119,"group":120},129,"Workflow Builder","workflow-builder",1,{"id":121,"label":122,"slug":123},13,"Workflow & Automation","workflow-and-automation",{"id":121,"label":125,"slug":126,"rank":127,"group":128},"Filter & Sort","filter-and-sort",2,{"id":127,"label":129,"slug":130},"Actions","actions",[132,136,137,138],{"id":133,"title":134,"slug":135},177,"Breadcrumb","breadcrumb",{"id":56,"title":57,"slug":58},{"id":68,"title":69,"slug":70},{"id":139,"title":140,"slug":141},175,"Button","button",{"slug":143,"title":144,"logo":145,"baseline":146,"categories":147},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[148,152,156,160],{"id":149,"title":150,"slug":151},77,"Machine learning","machine-learning",{"id":153,"title":154,"slug":155},80,"Artificial Intelligence","artificial-intelligence",{"id":157,"title":158,"slug":159},37,"Developer APIs","developer-apis",{"id":161,"title":162,"slug":163},48,"Developer Tools","developer-tools",{"uuid":165,"title":166,"description":167,"canonical_path":168,"image":169,"width":103,"height":104,"image_alt":170,"published_at":171,"kind":43,"patterns":172,"component_categories":191,"app":197},"8b4f9bbc-30bf-4cad-960c-add06c56081c","Plans · Dock","Settings page where the user can create and manage subscription plans for order forms, currently showing an empty state.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b4f9bbc-30bf-4cad-960c-add06c56081c.png","Plans · Dock from Dock","2026-07-13T15:30:47.000Z",[173,181,183],{"id":174,"label":175,"slug":176,"rank":49,"group":177},89,"Pricing","pricing",{"id":178,"label":179,"slug":180},9,"Plans & Limits","plans-and-limits",{"id":109,"label":110,"slug":111,"rank":119,"group":182},{"id":86,"label":113,"slug":114},{"id":184,"label":185,"slug":186,"rank":127,"group":187},102,"Settings","settings",{"id":188,"label":189,"slug":190},10,"Settings & Admin","settings-and-admin",[192,196],{"id":193,"title":194,"slug":195},169,"Avatar","avatar",{"id":139,"title":140,"slug":141},{"slug":198,"title":199,"logo":200,"baseline":201,"categories":202},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[203,207],{"id":204,"title":205,"slug":206},23,"Collaboration","collaboration",{"id":208,"title":209,"slug":210},29,"Task Management","task-management",{"uuid":212,"title":213,"description":214,"canonical_path":215,"image":216,"width":103,"height":217,"image_alt":218,"published_at":219,"kind":43,"patterns":220,"component_categories":226,"app":230},"f5c78e9f-9b77-4f4e-88f9-bdd279756c30","How Beside encrypts your data  Beside Help Center","Help center article explaining data encryption practices, featuring a prominent search bar, breadcrumb navigation, and a helpfulness feedback prompt.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5c78e9f-9b77-4f4e-88f9-bdd279756c30.png",1888,"How Beside encrypts your data  Beside Help Center from Beside","2026-06-29T18:30:01.000Z",[221],{"id":222,"label":223,"slug":224,"rank":49,"group":225},179,"Help Center","help-center",{"id":51,"label":52,"slug":53},[227,228,229],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":231,"title":232,"logo":233,"baseline":234,"categories":235},"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",[236,237,241,245],{"id":153,"title":154,"slug":155},{"id":238,"title":239,"slug":240},47,"Customer Service","customer-service",{"id":242,"title":243,"slug":244},53,"CRM","crm",{"id":246,"title":247,"slug":248},82,"Communication","communication",{"uuid":250,"title":251,"description":252,"canonical_path":253,"image":254,"width":103,"height":104,"image_alt":255,"published_at":256,"kind":43,"patterns":257,"component_categories":273,"app":276},"a1ea5988-79a5-4bc4-8a8f-f90accb81908","Aave Account","List view for an account address book, currently showing an empty state with a search bar to find or add new contacts.","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa1ea5988-79a5-4bc4-8a8f-f90accb81908.png","Aave Account from Family","2026-06-23T15:14:10.000Z",[258,260,268],{"id":109,"label":110,"slug":111,"rank":49,"group":259},{"id":86,"label":113,"slug":114},{"id":261,"label":262,"slug":263,"rank":119,"group":264},79,"Browse","browse",{"id":265,"label":266,"slug":267},8,"Pages & Content","pages-and-content",{"id":269,"label":270,"slug":271,"rank":127,"group":272},22,"Search","search",{"id":127,"label":129,"slug":130},[274,275],{"id":72,"title":73,"slug":74},{"id":139,"title":140,"slug":141},{"slug":277,"title":278,"logo":279,"baseline":280,"categories":281},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[282,286],{"id":283,"title":284,"slug":285},36,"Finance","finance",{"id":287,"title":288,"slug":289},95,"Blockchain","blockchain",{"uuid":291,"title":292,"description":293,"canonical_path":294,"image":295,"width":103,"height":296,"image_alt":297,"published_at":298,"kind":43,"patterns":299,"component_categories":302,"app":306},"0d8d21d8-dd2a-407f-a325-307d9ad7da2f","Settings Overview  Copilot Help Center","Help center article under the Copilot Account collection, featuring a right-side table of contents with sections like Demo mode, Features, and Connections, and a feedback prompt at the bottom.","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d8d21d8-dd2a-407f-a325-307d9ad7da2f.png",1958,"Settings Overview  Copilot Help Center from Copilot","2026-06-23T15:13:59.000Z",[300],{"id":222,"label":223,"slug":224,"rank":49,"group":301},{"id":51,"label":52,"slug":53},[303,304,305],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":307,"title":308,"logo":309,"baseline":310,"categories":311},"copilot-money","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","Personal finance app for organizing money across devices",[312],{"id":283,"title":284,"slug":285},{"uuid":314,"title":315,"description":316,"canonical_path":317,"image":318,"width":103,"height":104,"image_alt":319,"published_at":320,"kind":43,"patterns":321,"component_categories":337,"app":340},"3be38afd-c533-41fe-a18a-e0cc641c0752","Settings · Assistant","Settings page where the user views the available capabilities and skills for their AI assistant, grouped by category.","\u002Fexamples\u002Fapps\u002Ftown\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3be38afd-c533-41fe-a18a-e0cc641c0752.png","Settings · Assistant from Town","2026-06-16T15:01:01.000Z",[322,330,332],{"id":323,"label":324,"slug":325,"rank":49,"group":326},33,"AI Settings","ai-settings",{"id":327,"label":328,"slug":329},3,"AI","ai",{"id":184,"label":185,"slug":186,"rank":119,"group":331},{"id":188,"label":189,"slug":190},{"id":333,"label":334,"slug":335,"rank":127,"group":336},27,"AI Assistant","ai-assistant",{"id":327,"label":328,"slug":329},[338,339],{"id":68,"title":69,"slug":70},{"id":139,"title":140,"slug":141},{"slug":341,"title":342,"logo":343,"baseline":344,"categories":345},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[346,347,351,355],{"id":153,"title":154,"slug":155},{"id":348,"title":349,"slug":350},30,"Productivity","productivity",{"id":352,"title":353,"slug":354},92,"Email","email",{"id":356,"title":357,"slug":358},101,"Calendar","calendar",{"uuid":360,"title":361,"description":362,"canonical_path":363,"image":364,"width":103,"height":104,"image_alt":365,"published_at":366,"kind":43,"patterns":367,"component_categories":375,"app":379},"03bfd5e4-b11b-4ea8-94bf-d6c64c3108f1","FLORA","List view where the user manages deleted items in their trash, with options to search for specific files or empty the trash entirely.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F03bfd5e4-b11b-4ea8-94bf-d6c64c3108f1.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[368,373],{"id":369,"label":370,"slug":371,"rank":49,"group":372},87,"Trash & Archive","trash-and-archive",{"id":265,"label":266,"slug":267},{"id":269,"label":270,"slug":271,"rank":119,"group":374},{"id":127,"label":129,"slug":130},[376,377,378],{"id":72,"title":73,"slug":74},{"id":68,"title":69,"slug":70},{"id":139,"title":140,"slug":141},{"slug":380,"title":381,"logo":382,"baseline":383,"categories":384},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[385,386,389],{"id":153,"title":154,"slug":155},{"id":265,"title":387,"slug":388},"Design","design",{"id":204,"title":205,"slug":206},{"uuid":391,"title":392,"description":393,"canonical_path":394,"image":395,"width":103,"height":104,"image_alt":396,"published_at":397,"kind":43,"patterns":398,"component_categories":410,"app":415},"2f53adfc-70ce-4f51-943a-a9a51d6c344b","Assembly Dashboard – Nicelydone Club","List view where the user searches and manages CRM contacts, featuring a prominent trial countdown banner.","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f53adfc-70ce-4f51-943a-a9a51d6c344b.png","Assembly Dashboard – Nicelydone Club from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[399,401,403],{"id":261,"label":262,"slug":263,"rank":49,"group":400},{"id":265,"label":266,"slug":267},{"id":121,"label":125,"slug":126,"rank":119,"group":402},{"id":127,"label":129,"slug":130},{"id":238,"label":404,"slug":405,"rank":127,"group":406},"Table","table",{"id":407,"label":408,"slug":409},4,"Data & Analysis","data-and-analysis",[411,412,413,414],{"id":56,"title":57,"slug":58},{"id":193,"title":194,"slug":195},{"id":72,"title":73,"slug":74},{"id":139,"title":140,"slug":141},{"slug":416,"title":417,"logo":418,"baseline":419,"categories":420},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[421,422,426,427],{"id":242,"title":243,"slug":244},{"id":423,"title":424,"slug":425},90,"Business","business",{"id":153,"title":154,"slug":155},{"id":428,"title":429,"slug":430},96,"No code","no-code",{"uuid":432,"title":433,"description":434,"canonical_path":435,"image":436,"width":103,"height":437,"image_alt":438,"published_at":439,"kind":43,"patterns":440,"component_categories":452,"app":457},"c33543ca-a94d-4e62-a3b6-7813cf7cb2e3","ElevenAgents - Users | ElevenLabs","Empty list view where the user can search and filter for users who have interacted with their agents.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc33543ca-a94d-4e62-a3b6-7813cf7cb2e3.png",1714,"ElevenAgents - Users | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[441,443,445,447],{"id":109,"label":110,"slug":111,"rank":49,"group":442},{"id":86,"label":113,"slug":114},{"id":269,"label":270,"slug":271,"rank":119,"group":444},{"id":127,"label":129,"slug":130},{"id":121,"label":125,"slug":126,"rank":127,"group":446},{"id":127,"label":129,"slug":130},{"id":448,"label":449,"slug":450,"rank":327,"group":451},26,"AI Agent","ai-agent",{"id":327,"label":328,"slug":329},[453,454,455,456],{"id":193,"title":194,"slug":195},{"id":133,"title":134,"slug":135},{"id":72,"title":73,"slug":74},{"id":139,"title":140,"slug":141},{"slug":458,"title":459,"logo":460,"baseline":461,"categories":462},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[463,464],{"id":153,"title":154,"slug":155},{"id":157,"title":158,"slug":159},{"uuid":466,"title":467,"description":468,"canonical_path":469,"image":470,"width":103,"height":471,"image_alt":472,"published_at":473,"kind":43,"patterns":474,"component_categories":477,"app":481},"0ad7048b-9850-4f24-9e92-7ecd680186bb","Performance reviews  Aboard Help Center","Help center article page for performance reviews featuring a prominent search bar, breadcrumb navigation, and a right-hand table of contents.","\u002Fexamples\u002Fapps\u002Faboard\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ad7048b-9850-4f24-9e92-7ecd680186bb.png",2864,"Performance reviews  Aboard Help Center from Aboard","2026-05-05T10:32:35.000Z",[475],{"id":222,"label":223,"slug":224,"rank":49,"group":476},{"id":51,"label":52,"slug":53},[478,479,480],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":139,"title":140,"slug":141},{"slug":482,"title":483,"logo":484,"baseline":485,"categories":486},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[487],{"id":188,"title":488,"slug":489},"Human resources","human-resources",{"uuid":491,"title":492,"description":493,"canonical_path":494,"image":495,"width":103,"height":104,"image_alt":496,"published_at":497,"kind":43,"patterns":498,"component_categories":508,"app":516},"ca404c97-f1d1-4fc8-949a-bedc4e456c08","Navattic","List view showing an empty state for forms, prompting the user to create a new form to collect visitor information.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca404c97-f1d1-4fc8-949a-bedc4e456c08.png","Navattic from Navattic","2026-05-05T10:32:31.000Z",[499,501,506],{"id":261,"label":262,"slug":263,"rank":49,"group":500},{"id":265,"label":266,"slug":267},{"id":502,"label":503,"slug":504,"rank":119,"group":505},7,"Add & Create","add-and-create",{"id":127,"label":129,"slug":130},{"id":109,"label":110,"slug":111,"rank":127,"group":507},{"id":86,"label":113,"slug":114},[509,513,514,515],{"id":510,"title":511,"slug":512},211,"Pagination","pagination",{"id":133,"title":134,"slug":135},{"id":72,"title":73,"slug":74},{"id":139,"title":140,"slug":141},{"slug":517,"title":492,"logo":518,"baseline":519,"categories":520},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[521,525,526,527],{"id":522,"title":523,"slug":524},25,"Marketing","marketing",{"id":153,"title":154,"slug":155},{"id":428,"title":429,"slug":430},{"id":528,"title":529,"slug":530},103,"Demo Automation","demo-automation",[],[533,535,537,539,541,543,545,547,549,551,553,555,557,560,563,566,569,572,575,578,581,584,587,590],{"label":110,"to":534,"count":82},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":262,"to":536,"count":327},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":125,"to":538,"count":327},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":270,"to":540,"count":327},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":185,"to":542,"count":127},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":503,"to":544,"count":119},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":449,"to":546,"count":119},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":334,"to":548,"count":119},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":324,"to":550,"count":119},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":175,"to":552,"count":119},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":404,"to":554,"count":119},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":370,"to":556,"count":119},"\u002Fexamples\u002Fscreens\u002Ftrash-and-archive",{"label":558,"to":559},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":561,"to":562},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":564,"to":565},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":567,"to":568},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":570,"to":571},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":573,"to":574},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":576,"to":577},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":579,"to":580},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":582,"to":583},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":585,"to":586},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":588,"to":589},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":591,"to":592},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"published_at":594,"updated_at":595},"2024-12-11T09:52:14.000Z","2026-09-19T22:00:11.877Z"]