[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fconfetti":3},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":10,"seo":14,"breadcrumbs":18,"content":27,"examples":36,"showcases":111,"links":112,"dates":134},"\u002Fexamples\u002Fcomponents\u002Fconfetti","collection","components",true,{"example_count":9,"app_count":9},3,{"id":11,"title":12,"description":13},280,"Confetti","Explore how interfaces add a visual celebration to a completed action. Look at how confetti relates to the success message and the controls that remain available afterward.",{"title":15,"description":16,"og_image":17},"Confetti UI examples - Nicelydone","Confetti UI design examples from SaaS apps. Explore how interfaces add a visual celebration to a completed action. Look at how confetti relates to the…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4deded43-3ac9-4c9f-ad13-0c17935a9755.png",[19,22,25],{"label":20,"to":21},"Examples","\u002Fexamples",{"label":23,"to":24},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":26,"to":4},"Confetti UI examples",{"title":26,"eyebrow":28,"description":29,"sections":30,"body":34},"UI component category","Confetti UI design examples from SaaS apps. Explore how interfaces add a visual celebration to a completed action. Look at how confetti relates to the success message and the controls that remain…",[31],{"title":32,"description":13,"links":33},"About Confetti",[],[35],"3 UI components",[37,67,89],{"uuid":38,"title":39,"description":40,"canonical_path":41,"image":17,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"7ed2e7f1-2359-413e-8fa3-18b5c9c5c2da","Success Modal with Confetti","A modal dialog confirming the successful publication of a workflow, featuring a central illustration, a summary of the trigger, and a confetti animation overlaying the entire screen. It includes primary and secondary action buttons.","\u002Fexamples\u002Fapps\u002Fslack\u002Fcomponents",3272,2034,"Success Modal with Confetti from Slack","component",[47],{"id":11,"title":12,"slug":48},"confetti",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"slack","Slack","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslack-fd2f6962.png","Be less busy",[55,59,63],{"id":56,"title":57,"slug":58},23,"Collaboration","collaboration",{"id":60,"title":61,"slug":62},42,"Messaging","messaging",{"id":64,"title":65,"slug":66},82,"Communication","communication",{"uuid":68,"title":69,"description":70,"canonical_path":71,"image":72,"width":73,"height":74,"image_alt":75,"kind":45,"categories":76,"app":78},"6bb17089-19c2-498a-b4cd-4b2e665c02ea","Onboarding success banner","A celebratory banner indicating successful organization setup, featuring a confetti background, a central illustration, and action buttons for next steps.","\u002Fexamples\u002Fapps\u002Fcampsite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23b267e9-8fa7-4673-8d41-794fe84e2b1f.png",1728,1102,"Onboarding success banner from Campsite",[77],{"id":11,"title":12,"slug":48},{"slug":79,"title":80,"logo":81,"baseline":82,"categories":83},"campsite","Campsite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcampsite-b08e9520.png","The home for your team’s work in progress",[84,88],{"id":85,"title":86,"slug":87},8,"Design","design",{"id":56,"title":57,"slug":58},{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":95,"height":96,"image_alt":97,"kind":45,"categories":98,"app":100},"6f50d9f8-ef22-44c3-b7e0-7b928cda1771","Confetti overlay","A decorative confetti animation surrounding a central rectangular area, likely a placeholder or preview window, with a close icon in the top right.","\u002Fexamples\u002Fapps\u002Fservicebell\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F09753df0-ea97-47cb-8bda-5d9eada516bc.png",912,651,"Confetti overlay from ServiceBell",[99],{"id":11,"title":12,"slug":48},{"slug":101,"title":102,"logo":103,"baseline":104,"categories":105},"servicebell","ServiceBell","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fservicebell-132263c9.png","Add live human connection to your website",[106,110],{"id":107,"title":108,"slug":109},47,"Customer Service","customer-service",{"id":64,"title":65,"slug":66},[],[113,116,119,122,125,128,131],{"label":114,"to":115},"Success","\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":117,"to":118},"Account Settings","\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":120,"to":121},"Delete","\u002Fexamples\u002Fscreens\u002Fdelete",{"label":123,"to":124},"Design Editor","\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":126,"to":127},"Slack design examples","\u002Fexamples\u002Fapps\u002Fslack",{"label":129,"to":130},"Campsite design examples","\u002Fexamples\u002Fapps\u002Fcampsite",{"label":132,"to":133},"ServiceBell design examples","\u002Fexamples\u002Fapps\u002Fservicebell",{"published_at":135,"updated_at":136},"2022-09-01T13:50:46.000Z","2026-09-17T10:44:16.000Z"]