[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbucket\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":215,"links":216,"dates":235},"\u002Fexamples\u002Fapps\u002Fbucket\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Bucket UI components examples - Nicelydone","Browse Bucket UI component design examples. Preview individual interface elements and explore related component categories. Get automated insights so you…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe8614b8b-4134-4d47-b5eb-88de1f9fa806.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},"Bucket design examples","\u002Fexamples\u002Fapps\u002Fbucket",{"label":23,"to":4},"Bucket UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Bucket UI component design examples. Preview individual interface elements and explore related component categories. Get automated insights so you can iterate faster and delight your customers",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Bucket","bucket","Get automated insights so you can iterate faster and delight your customers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbucket-4bcf46bf.png","https:\u002F\u002Fbucket.co","bucketdotco",[37,41,45],{"id":38,"title":39,"slug":40},46,"Analytics","analytics",{"id":42,"title":43,"slug":44},35,"Feedback","feedback",{"id":46,"title":47,"slug":48},48,"Developer Tools","developer-tools",[50,65,77,92,107,122,137,152,164,176,191,203],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"c72098f4-a122-4842-ac1a-d59dd4f19ee9","Bar chart","A bar chart displaying the count of monthly tracked users over a 12-month period. It includes a title, a descriptive subtitle, and a single bar for the most recent month.",1770,945,"Bar chart from Bucket","component",[59],{"id":60,"title":61,"slug":62},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":70,"height":71,"image_alt":72,"kind":57,"categories":73,"app":75},"de641f7c-5191-4d4a-8105-94cfaf706865","Feature Matrix Chart","A scatter plot or matrix chart visualizing feature usage frequency against retention. The y-axis represents frequency (Quarterly, Monthly, Weekly, Daily) and the x-axis represents retention percentage (0% to 100%). A single data point is visible, labeled 'User sent message' with a badge indicating '1'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcff4fb60-75b4-477c-a150-de61cf10250e.png",2249,1672,"Feature Matrix Chart from Bucket",[74],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":84,"kind":57,"categories":85,"app":90},"62073b51-4e20-4278-89d2-fd41fcc2b5d6","Feature Card","A card displaying details about a specific feature, including its name, retention rate, frequency, comment count, timeline, and status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb1f3a989-63cb-421f-b897-027dc570ba9a.png",740,470,"Feature Card from Bucket",[86],{"id":87,"title":88,"slug":89},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":99,"kind":57,"categories":100,"app":105},"c7f63a54-64fa-4828-a735-083c98657aea","Workspace switcher dropdown","A dropdown menu for switching between workspaces or apps, showing the currently logged-in user and a list of available apps with an option to add a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F60cb23ee-fbe5-40f3-8cee-8ee9875fbd6e.png",1050,528,"Workspace switcher dropdown from Bucket",[101],{"id":102,"title":103,"slug":104},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":114,"kind":57,"categories":115,"app":120},"5d09e2ff-95ee-43ef-9790-4042db70c45a","View toggle","A segmented control allowing the user to switch between Table, Board, and Matrix views.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faf1119f0-ac5a-40b3-ae94-daee5db68b4c.png",647,198,"View toggle from Bucket",[116],{"id":117,"title":118,"slug":119},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":127,"height":128,"image_alt":129,"kind":57,"categories":130,"app":135},"66c647a7-4346-4d25-b674-0563b33d0023","Settings navigation sidebar","A dual-pane vertical navigation sidebar for app settings. The left pane contains global app navigation and a trial status indicator, while the right pane contains detailed settings categories for the organization and the specific app.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1d15d532-5498-4187-8380-59cbe02e53bb.png",928,1673,"Settings navigation sidebar from Bucket",[131],{"id":132,"title":133,"slug":134},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":144,"kind":57,"categories":145,"app":150},"1ac513f3-87e7-4a94-aa70-1ffde9f82fdc","Success Toast","A green success toast notification confirming a feature has been deleted, featuring a checkmark icon and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F688f5a35-8d62-4000-b1ca-efa35e21537d.png",763,223,"Success Toast from Bucket",[146],{"id":147,"title":148,"slug":149},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":159,"kind":57,"categories":160,"app":162},"df64d27f-0ac3-4f5d-8f5e-4933ac40a700","Filter dropdown menu","An open dropdown menu for applying a subsegment filter, displaying a descriptive text block and two radio button options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe83f9001-7ebe-487c-b632-46302716457a.png",880,522,"Filter dropdown menu from Bucket",[161],{"id":102,"title":103,"slug":104},{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":57,"categories":172,"app":174},"2869d3f7-28cc-411b-ae6b-b7648fd9a03c","Satisfaction score selector","A segmented control for selecting a satisfaction score, featuring five emoji icons ranging from very dissatisfied to very satisfied.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f2bea2e-cf8e-4f19-bae8-7ba6b1e18e4f.png",716,287,"Satisfaction score selector from Bucket",[173],{"id":117,"title":118,"slug":119},{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":183,"kind":57,"categories":184,"app":189},"1fadf46c-d5b0-4b86-84d4-180f1ecd97d5","Notification settings panel","A settings panel for configuring Slack notifications, featuring a list of report types and feedback alerts with toggle switches and status indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0bec0ca6-6c65-4dac-8927-03d32679ec7c.png",569,454,"Notification settings panel from Bucket",[185],{"id":186,"title":187,"slug":188},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":196,"height":197,"image_alt":198,"kind":57,"categories":199,"app":201},"9d25095b-4503-4df4-a957-087e1049c08f","Timeline Chart","A line chart displaying timeline metrics over a 30-day period. It includes a legend for different data points, a date range selector, and an annotation for when an evaluation started.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb27fd4da-3a62-49d0-ab39-6d7305b2ab45.png",2259,903,"Timeline Chart from Bucket",[200],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":208,"height":209,"image_alt":210,"kind":57,"categories":211,"app":213},"1c0bb99d-9c6c-449e-ab54-7e48fb7eaeb6","Funnel metrics row","A horizontal row of five metric stages showing a funnel progression. Each stage has a colored top border, a card with a zero count and percentage, a title with an info icon, and a subtitle describing the criteria.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa6742de0-5c73-4d21-8074-15c21eb6d241.png",2257,512,"Funnel metrics row from Bucket",[212],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":214},[],[],[217,220,223,226,229,232],{"label":218,"to":219},"Bucket product screens","\u002Fexamples\u002Fapps\u002Fbucket\u002Fscreens",{"label":221,"to":222},"Bucket marketing pages","\u002Fexamples\u002Fapps\u002Fbucket\u002Fmarketing",{"label":224,"to":225},"Bucket user flows","\u002Fexamples\u002Fapps\u002Fbucket\u002Fflows",{"label":227,"to":228},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":230,"to":231},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":233,"to":234},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":236,"updated_at":237},"2024-01-22T10:55:13.000Z","2026-09-19T00:05:12.000Z"]