[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":56,"showcases":210,"links":211,"dates":230},"\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Bird UI components examples - Nicelydone","Browse Bird UI component design examples. Preview individual interface elements and explore related component categories. Unified CRM for Marketing, Service…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F68b81165-9054-4bed-9f3f-cda4d8529391.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},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":23,"to":4},"Bird UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Bird UI component design examples. Preview individual interface elements and explore related component categories. Unified CRM for Marketing, Service & Payments",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Bird","bird","Unified CRM for Marketing, Service & Payments","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","https:\u002F\u002Fbird.com",[36,40,44,48,52],{"id":37,"title":38,"slug":39},25,"Marketing","marketing",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",{"id":45,"title":46,"slug":47},53,"CRM","crm",{"id":49,"title":50,"slug":51},68,"SMS","sms",{"id":53,"title":54,"slug":55},92,"Email","email",[57,72,85,97,110,123,135,148,161,171,184,197],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"categories":65,"app":70},"71377b85-d490-4ed4-b9d4-0dcec8ee8fe4","Bird UI component","A clean and minimal website header featuring a logo, primary navigation links, and two call-to-action buttons for login and booking a demo.",2896,336,"UI component from Bird","component",[66],{"id":67,"title":68,"slug":69},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":59,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":63,"kind":64,"categories":78,"app":83},"edfff753-fa65-4f05-8ed3-307bc170bc33","A landing page showcasing a business application with a dashboard preview, highlighting key features and integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd940f5a9-bc05-4c58-a854-d4ee4f54c4ad.png",3023,2040,[79],{"id":80,"title":81,"slug":82},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":84},[],{"uuid":86,"title":59,"description":87,"canonical_path":4,"image":88,"width":61,"height":89,"image_alt":63,"kind":64,"categories":90,"app":95},"7b3fcdf9-185e-4104-877f-cae4f12e801e","A landing page with a lead capture form to book a demo with a product expert.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc78bb9ca-a806-49d8-a396-9fe427f8beb0.png",1378,[91],{"id":92,"title":93,"slug":94},210,"Newsletter signup form","newsletter-signup-form",{"slug":31,"title":30,"logo":33,"categories":96},[],{"uuid":98,"title":59,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":63,"kind":64,"categories":103,"app":108},"3fee3e55-166d-48f7-9abf-7c528dfccabb","A website footer featuring product categories, company information, resources, and a newsletter signup form.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff6258bd4-b4f0-47cb-b5c6-949a9441b5ed.png",2915,1849,[104],{"id":105,"title":106,"slug":107},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":59,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":63,"kind":64,"categories":116,"app":121},"4a39b35f-ec61-4ba2-96d7-606ad1517d12","A webpage section featuring customer testimonials and a grid of brand logos, highlighting social proof and partnerships.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F255a4439-f188-4695-a918-c855f37b3421.png",3089,2105,[117],{"id":118,"title":119,"slug":120},224,"Social proof","social-proof",{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":59,"description":125,"canonical_path":4,"image":126,"width":61,"height":127,"image_alt":63,"kind":64,"categories":128,"app":133},"27ce1b27-22e0-4bcf-9b17-d05f83d4620f","A pricing page for an omnichannel marketing tool, detailing different plans, features, and a cost calculator for messaging services.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0c85507e-48eb-497d-8ff9-c204534f8eaa.png",6167,[129],{"id":130,"title":131,"slug":132},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":59,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":63,"kind":64,"categories":141,"app":146},"92812649-e330-4511-9e6d-584bb56939d7","A modal dialog for creating an association, featuring input fields, radio buttons, dropdowns, and toggle switches for configuration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbcbdb361-1d31-4e6f-b1d1-d6a8a1896288.png",2511,1421,[142],{"id":143,"title":144,"slug":145},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":59,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":63,"kind":64,"categories":154,"app":159},"74dadc26-e89f-4168-9645-2702e12bb7ea","A web form for expressing interest in becoming a partner, requesting contact and company information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F274b8056-99e7-4bae-9041-02ca4d0c35cb.png",3054,2930,[155],{"id":156,"title":157,"slug":158},243,"Form element","form-element",{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":59,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":63,"kind":64,"categories":167,"app":169},"752f3435-bf02-4647-92ed-5b324439b728","A modal dialog presenting four distinct methods for importing events, each described with an icon, title, and explanatory text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae7401c7-3007-40e6-9dfa-ec1a43f7bbb4.png",1276,1346,[168],{"id":143,"title":144,"slug":145},{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":59,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":63,"kind":64,"categories":177,"app":182},"3a5bb922-2762-43b0-b155-89eeaf5ab498","A technical onboarding guide presented as a step-by-step list with estimated completion times and external links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7cb3405-6e5f-44da-9071-8cd0a2b40f39.png",2506,2114,[178],{"id":179,"title":180,"slug":181},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":59,"description":186,"canonical_path":4,"image":187,"width":188,"height":189,"image_alt":63,"kind":64,"categories":190,"app":195},"bb3193e8-511c-40ab-b736-76eebdd6690d","A user interface displaying an overview section with tabs for navigation and an AI summaries feature, including a contact summary card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe8de7d34-8cc3-4615-8abd-17f4c495beb1.png",1779,496,[191],{"id":192,"title":193,"slug":194},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":196},[],{"uuid":198,"title":59,"description":199,"canonical_path":4,"image":200,"width":201,"height":202,"image_alt":63,"kind":64,"categories":203,"app":208},"8c5c21e1-9d25-459f-bd01-a999943961ec","A date and time selection popover component displayed over a form input field.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa587f039-803d-4c88-85a2-9cb8bf4585f0.png",1349,700,[204],{"id":205,"title":206,"slug":207},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":209},[],[],[212,215,218,221,224,227],{"label":213,"to":214},"Bird product screens","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens",{"label":216,"to":217},"Bird marketing pages","\u002Fexamples\u002Fapps\u002Fbird\u002Fmarketing",{"label":219,"to":220},"Bird user flows","\u002Fexamples\u002Fapps\u002Fbird\u002Fflows",{"label":222,"to":223},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":225,"to":226},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":228,"to":229},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"published_at":231,"updated_at":232},"2026-03-29T18:39:45.000Z","2026-09-13T13:02:39.000Z"]