[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbud\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":191,"links":192,"dates":229},"\u002Fexamples\u002Fapps\u002Fbud\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Bud UI components examples - Nicelydone","Browse Bud UI component design examples. Preview individual interface elements and explore related component categories. Bud is an AI worker with its own…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0e9a1066-4052-4945-89d6-b80a679f6598.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},"Bud design examples","\u002Fexamples\u002Fapps\u002Fbud",{"label":23,"to":4},"Bud UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Bud UI component design examples. Preview individual interface elements and explore related component categories. Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Bud","bud","Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png","https:\u002F\u002Fbud.app\u002F",[36,40,44],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},103,"Demo Automation","demo-automation",{"id":45,"title":46,"slug":47},105,"Workflow Automation","workflow-automation",[49,64,77,90,99,112,125,138,151,161,171,181],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"479ba2d0-e5b3-46c2-8028-b08e8c991e2c","Bud UI component","A notification banner indicating a free plan limit has been reached, prompting the user to upgrade.",821,195,"UI component from Bud","component",[58],{"id":59,"title":60,"slug":61},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"ffff3249-3695-49c6-bd27-4fbc6f12c8fb","A mobile-like account menu displaying user profile, credit usage, and navigation options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8e59fa67-beb9-42dc-9337-4f3b1bed518f.png",608,908,[71],{"id":72,"title":73,"slug":74},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":88},"b53e856d-53fe-492c-a055-a92dbb910af6","A dashboard widget displaying activity data over a timeline with a year selector and a time range slider.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d27ef68-029a-49ec-a308-8623688b3a85.png",2304,976,[84],{"id":85,"title":86,"slug":87},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":81,"height":94,"image_alt":55,"kind":56,"categories":95,"app":97},"0628dee1-09de-4898-8da4-6a1cdb42c002","A user interface card displaying credit usage with options to view pricing and upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb1bd1ffa-aa1c-4fa9-867a-e96b95c76f4d.png",705,[96],{"id":85,"title":86,"slug":87},{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":51,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":55,"kind":56,"categories":105,"app":110},"df17f025-2f1f-4d4d-961f-bc35e0245bb5","A segmented control for selecting display mode with icons for system, light, and dark themes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffad31bda-5535-445d-b6f3-898f43ea5ff0.png",508,119,[106],{"id":107,"title":108,"slug":109},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":51,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":55,"kind":56,"categories":118,"app":123},"2a9bac3a-4f23-4f1d-851a-1856e046d757","A chat interface displaying a message about connecting Calendly and Slack for automation, with a message input area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F15581c60-1be3-4d9b-96ec-9041b34cf8b0.png",842,1794,[119],{"id":120,"title":121,"slug":122},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":51,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":55,"kind":56,"categories":131,"app":136},"306fbeff-329d-46b0-b130-a5e0cf2beec3","A segmented control with two options, 'Files' and 'Browser', where 'Browser' is selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86bcbafb-037b-4003-bb29-8e083b6c4f0d.png",400,197,[132],{"id":133,"title":134,"slug":135},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":51,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":55,"kind":56,"categories":144,"app":149},"c5c387fe-7cca-473f-beac-15dc85802632","A modal dialog confirming the deployment of a project.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f41f1ef-95b5-4f3b-806e-8322f81d6f67.png",1222,630,[145],{"id":146,"title":147,"slug":148},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":51,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":55,"kind":56,"categories":157,"app":159},"df398a5a-f034-4414-a7b7-53061b397307","A modal window for sharing a project, allowing users to invite others via email with specific permissions or generate a shareable link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbdb3159f-dd4f-49fb-903b-41870126468f.png",1150,731,[158],{"id":146,"title":147,"slug":148},{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":51,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":55,"kind":56,"categories":167,"app":169},"a23fd01c-e07f-48f4-9aba-64dedcb58aed","A user interface for managing and configuring various AI models, allowing users to toggle their availability and connect API keys.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F148af8ed-4a9b-422f-86df-a4a63a4610a0.png",1736,1312,[168],{"id":133,"title":134,"slug":135},{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":51,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":55,"kind":56,"categories":177,"app":179},"f0cfaa2f-fb7a-42e8-80a1-e50794cbe30a","A dropdown menu displaying project-related actions within a web or desktop application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbaa7cf37-e9d9-476f-9812-c2700a47b0c4.png",751,442,[178],{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":51,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":55,"kind":56,"categories":187,"app":189},"718734d2-d041-4487-b0e6-4af95d759533","A modal dialog for creating a new project, prompting the user to enter a project name and explaining the outcome.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feec0ad9e-1483-4ec9-ba71-6479ab60e4d8.png",1240,693,[188],{"id":146,"title":147,"slug":148},{"slug":31,"title":30,"logo":33,"categories":190},[],[],[193,196,199,202,205,208,211,213,217,221,225],{"label":194,"to":195},"Bud product screens","\u002Fexamples\u002Fapps\u002Fbud\u002Fscreens",{"label":197,"to":198},"Bud marketing pages","\u002Fexamples\u002Fapps\u002Fbud\u002Fmarketing",{"label":200,"to":201},"Bud user flows","\u002Fexamples\u002Fapps\u002Fbud\u002Fflows",{"label":203,"to":204},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":206,"to":207},"Demo Automation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdemo-automation",{"label":209,"to":210},"Workflow Automation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fworkflow-automation",{"label":212,"to":18},"All SaaS app examples",{"label":214,"to":215,"description":216},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":218,"to":219,"description":220},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":222,"to":223,"description":224},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":226,"to":227,"description":228},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":230,"updated_at":231},"2026-05-10T21:33:41.000Z","2026-09-21T19:04:27.000Z"]