[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fbutton":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":344,"links":345,"dates":394},"\u002Fexamples\u002Fcomponents\u002Fbutton","collection","components",true,{"example_count":9,"app_count":10},116,68,{"id":12,"title":13,"description":14},175,"Button","Explore how interfaces make actions visible and distinguish their importance. Look at button labels, icons, and visual states in the context of the task they support.",{"title":16,"description":17,"og_image":18},"Button UI examples - Nicelydone","Button UI design examples from SaaS apps. Explore how interfaces make actions visible and distinguish their importance. Look at button labels, icons, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f3dfaec-2371-4389-9be1-d4e5fd766e6f.jpg",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Button UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Button UI design examples from SaaS apps. Explore how interfaces make actions visible and distinguish their importance. Look at button labels, icons, and visual states in the context of the task…",[32],{"title":33,"description":14,"links":34},"About Button",[],[36],"116 UI components",[38,68,98,125,149,169,198,218,248,278,299,326],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"25ad19b0-7573-4ec4-8841-7ba5240ec502","Security Features Section","Highlights enterprise security features, compliance certifications, and SSO on a marketing landing page","\u002Fexamples\u002Fapps\u002Fexa\u002Fcomponents",3024,1176,"Security Features Section from Exa","component",[48],{"id":12,"title":13,"slug":49},"button",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[56,60,64],{"id":57,"title":58,"slug":59},55,"Search engine","search-engine",{"id":61,"title":62,"slug":63},80,"Artificial Intelligence","artificial-intelligence",{"id":65,"title":66,"slug":67},37,"Developer APIs","developer-apis",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"9073e474-699e-11f1-8c91-960002ce6e45","OAuth Sign-in Card","A sign-in screen for Town Assistant, offering options to continue with Google or join a Microsoft waitlist.","\u002Fexamples\u002Fapps\u002Ftown\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff058c0da-8f0c-4143-bd13-4b21452e3c8c.jpg",790,530,"OAuth Sign-in Card from Town",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"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.",[85,86,90,94],{"id":61,"title":62,"slug":63},{"id":87,"title":88,"slug":89},30,"Productivity","productivity",{"id":91,"title":92,"slug":93},92,"Email","email",{"id":95,"title":96,"slug":97},101,"Calendar","calendar",{"uuid":99,"title":100,"description":101,"canonical_path":102,"image":103,"width":104,"height":105,"image_alt":106,"kind":46,"categories":107,"app":109},"694adb60-7a3c-46fe-95c9-b7329b4cbec4","Gumloop UI component","A promotional banner with a headline about AI, a large statistic, and a call-to-action button.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F180bcf76-6ad6-46fa-a8c4-dc70df3866b4.png",2496,1243,"UI component from Gumloop",[108],{"id":12,"title":13,"slug":49},{"slug":110,"title":111,"logo":112,"baseline":113,"categories":114},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[115,116,117,121],{"id":87,"title":88,"slug":89},{"id":61,"title":62,"slug":63},{"id":118,"title":119,"slug":120},96,"No code","no-code",{"id":122,"title":123,"slug":124},105,"Workflow Automation","workflow-automation",{"uuid":126,"title":127,"description":128,"canonical_path":129,"image":130,"width":43,"height":131,"image_alt":132,"kind":46,"categories":133,"app":135},"f8f1340d-e05f-493c-b032-64255f9f0f43","Kinsta UI component","Hero section for a hosting service.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F172f3ce6-5223-41e1-bfee-64551ec5792a.png",1083,"UI component from Kinsta",[134],{"id":12,"title":13,"slug":49},{"slug":136,"title":137,"logo":138,"baseline":139,"categories":140},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[141,145],{"id":142,"title":143,"slug":144},7,"Web Development","web-development",{"id":146,"title":147,"slug":148},48,"Developer Tools","developer-tools",{"uuid":150,"title":151,"description":152,"canonical_path":153,"image":154,"width":155,"height":156,"image_alt":157,"kind":46,"categories":158,"app":160},"ab0ee233-fc85-4c92-91d2-195387430dcc","Lindy UI component","Landing page for an AI automation platform.","\u002Fexamples\u002Fapps\u002Flindy\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9c0ad8f9-b539-4cd2-b161-a4a9a32b1115.png",3184,1266,"UI component from Lindy",[159],{"id":12,"title":13,"slug":49},{"slug":161,"title":162,"logo":163,"baseline":164,"categories":165},"lindy","Lindy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flindy-k2eius5s.png","Meet your AI assistant",[166,167,168],{"id":61,"title":62,"slug":63},{"id":87,"title":88,"slug":89},{"id":122,"title":123,"slug":124},{"uuid":170,"title":171,"description":172,"canonical_path":173,"image":174,"width":43,"height":175,"image_alt":176,"kind":46,"categories":177,"app":179},"6f1c0dee-f620-4236-a2f7-1aa3f3c2e056","Craft UI component","The landing page promotes Craft, a document creation tool, highlighting its availability across desktop and mobile platforms.","\u002Fexamples\u002Fapps\u002Fcraft\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa0c1603d-516d-4b46-b62b-4514e9be01bf.png",1571,"UI component from Craft",[178],{"id":12,"title":13,"slug":49},{"slug":180,"title":181,"logo":182,"baseline":183,"categories":184},"craft","Craft","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","Taking notes to the next level",[185,186,190,194],{"id":87,"title":88,"slug":89},{"id":187,"title":188,"slug":189},22,"Knowledge Management","knowledge-management",{"id":191,"title":192,"slug":193},29,"Task Management","task-management",{"id":195,"title":196,"slug":197},59,"Writing tools","writing-tools",{"uuid":199,"title":200,"description":201,"canonical_path":202,"image":203,"width":204,"height":205,"image_alt":206,"kind":46,"categories":207,"app":209},"a29ddd7a-486e-48a3-b028-7bf915a5054b","Reflect UI component","A button to create a new note with a keyboard shortcut.","\u002Fexamples\u002Fapps\u002Freflect\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81362400-b263-4a67-91f1-834d2a9449e1.png",409,203,"UI component from Reflect",[208],{"id":12,"title":13,"slug":49},{"slug":210,"title":211,"logo":212,"baseline":213,"categories":214},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[215,216,217],{"id":87,"title":88,"slug":89},{"id":187,"title":188,"slug":189},{"id":195,"title":196,"slug":197},{"uuid":219,"title":220,"description":221,"canonical_path":222,"image":223,"width":224,"height":225,"image_alt":226,"kind":46,"categories":227,"app":229},"320ec643-e025-4fd8-88b7-463be1ba7f62","Front UI component","A modal with send options.","\u002Fexamples\u002Fapps\u002Ffront\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72067dab-bff2-4f5d-a8e1-571a5546ad09.png",371,365,"UI component from Front",[228],{"id":12,"title":13,"slug":49},{"slug":230,"title":231,"logo":232,"baseline":233,"categories":234},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[235,239,243,247],{"id":236,"title":237,"slug":238},23,"Collaboration","collaboration",{"id":240,"title":241,"slug":242},47,"Customer Service","customer-service",{"id":244,"title":245,"slug":246},82,"Communication","communication",{"id":91,"title":92,"slug":93},{"uuid":249,"title":250,"description":251,"canonical_path":252,"image":253,"width":254,"height":255,"image_alt":256,"kind":46,"categories":257,"app":259},"44cb5354-a2f2-49a7-9a9d-b3f56ed90515","Split button","A green split button with a primary 'Send Now' action and a secondary calendar icon action.","\u002Fexamples\u002Fapps\u002Fbonsai\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4927d2f9-9955-4caa-ab9f-d7c1c65d6a4e.png",431,208,"Split button from Bonsai",[258],{"id":12,"title":13,"slug":49},{"slug":260,"title":261,"logo":262,"baseline":263,"categories":264},"bonsai","Bonsai","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbonsai-07a1ca35.png","One platform to streamline your entire business",[265,269,273,274],{"id":266,"title":267,"slug":268},56,"Accounting","accounting",{"id":270,"title":271,"slug":272},36,"Finance","finance",{"id":191,"title":192,"slug":193},{"id":275,"title":276,"slug":277},53,"CRM","crm",{"uuid":279,"title":280,"description":281,"canonical_path":282,"image":283,"width":284,"height":285,"image_alt":286,"kind":46,"categories":287,"app":289},"c9fae29b-db31-4211-a950-fd5994fe18bf","Login button","A full-width outlined button labeled Login.","\u002Fexamples\u002Fapps\u002Fbasic-bookmarks\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F931df034-3e2b-4314-a70d-2b68be5e87a9.png",814,214,"Login button from (Basic) Bookmarks",[288],{"id":12,"title":13,"slug":49},{"slug":290,"title":291,"logo":292,"baseline":293,"categories":294},"basic-bookmarks","(Basic) Bookmarks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbasic-bookmarks-ab73e6b4.png","A home for your internet discoveries",[295],{"id":296,"title":297,"slug":298},65,"Social Bookmarking","social-bookmarking",{"uuid":300,"title":301,"description":302,"canonical_path":303,"image":304,"width":305,"height":306,"image_alt":307,"kind":46,"categories":308,"app":310},"3532be43-273e-4ff6-8e52-e31e432cfe54","Send Invitation Button","A pill-shaped, filled button labeled 'Send Invitation' with a bright orange background and black text.","\u002Fexamples\u002Fapps\u002Fbasehub\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a01c7b8-1d29-40fa-8326-9f4270148a04.png",375,194,"Send Invitation Button from Basehub",[309],{"id":12,"title":13,"slug":49},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"basehub","Basehub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbasehub-d6f96035.png","Fast, Collaborative, AI-Native Content Management",[316,320,321,325],{"id":317,"title":318,"slug":319},24,"Blogging Platforms","blogging-platforms",{"id":61,"title":62,"slug":63},{"id":322,"title":323,"slug":324},6,"Publishing","publishing",{"id":146,"title":147,"slug":148},{"uuid":327,"title":328,"description":329,"canonical_path":330,"image":331,"width":332,"height":333,"image_alt":334,"kind":46,"categories":335,"app":337},"507e3eff-c461-4ba1-b415-4aadc1e13831","Wiza UI component","A button with rounded corners and text","\u002Fexamples\u002Fapps\u002Fwiza\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4d3082a-8a34-4d3f-9fa8-07ac90884b26.png",364,127,"UI component from Wiza",[336],{"id":12,"title":13,"slug":49},{"slug":338,"title":339,"logo":340,"baseline":341,"categories":342},"wiza","Wiza","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwiza-21efd5aa.png","Wiza makes prospecting magical",[343],{"id":275,"title":276,"slug":277},[],[346,349,352,355,358,361,364,367,370,373,376,379,382,385,388,391],{"label":347,"to":348},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":350,"to":351},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":353,"to":354},"Table","\u002Fexamples\u002Fscreens\u002Ftable",{"label":356,"to":357},"Feature Page","\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":359,"to":360},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":362,"to":363},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":365,"to":366},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":368,"to":369},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":371,"to":372},"Lindy design examples","\u002Fexamples\u002Fapps\u002Flindy",{"label":374,"to":375},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":377,"to":378},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":380,"to":381},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":383,"to":384},"Bonsai design examples","\u002Fexamples\u002Fapps\u002Fbonsai",{"label":386,"to":387},"(Basic) Bookmarks design examples","\u002Fexamples\u002Fapps\u002Fbasic-bookmarks",{"label":389,"to":390},"Basehub design examples","\u002Fexamples\u002Fapps\u002Fbasehub",{"label":392,"to":393},"Wiza design examples","\u002Fexamples\u002Fapps\u002Fwiza",{"published_at":395,"updated_at":396},"2022-08-21T20:07:35.000Z","2026-09-23T00:10:19.000Z"]