[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbucket\u002Fscreens":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":333,"links":334,"dates":395},"\u002Fexamples\u002Fapps\u002Fbucket\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Bucket product screens examples - Nicelydone","Browse Bucket screen design examples. Preview the interface screenshots and explore related UI patterns. Get automated insights so you can iterate faster…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b37a539-8601-4773-87c8-2ddb66054d3e.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 product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Bucket screen design examples. Preview the interface screenshots and explore related UI patterns. 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,88,101,114,155,189,202,224,238,253,287,309],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":81,"app":86},"2b37a539-8601-4773-87c8-2ddb66054d3e","Get Started","Onboarding step where the user names their first organization and app to initialize their workspace.",3024,1674,"Get Started from Bucket","screen",[59,68,75],{"id":60,"label":61,"slug":62,"rank":63,"group":64},75,"Setup Wizard","setup-wizard",0,{"id":65,"label":66,"slug":67},7,"Onboarding & Education","onboarding-and-education",{"id":69,"label":70,"slug":71,"rank":69,"group":72},1,"Account Setup","account-setup",{"id":69,"label":73,"slug":74},"Access & Account","access-and-account",{"id":76,"label":77,"slug":78,"rank":79,"group":80},72,"Getting Started","getting-started",2,{"id":65,"label":66,"slug":67},[82],{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":52,"description":90,"canonical_path":4,"image":91,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":92,"component_categories":97,"app":99},"ef2709ca-7e6b-4031-83c4-de61d16244ba","Onboarding step where the user names their organization and first app to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef2709ca-7e6b-4031-83c4-de61d16244ba.png",[93,95],{"id":60,"label":61,"slug":62,"rank":63,"group":94},{"id":65,"label":66,"slug":67},{"id":69,"label":70,"slug":71,"rank":69,"group":96},{"id":69,"label":73,"slug":74},[98],{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":100},[],{"uuid":102,"title":52,"description":103,"canonical_path":4,"image":104,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":105,"component_categories":110,"app":112},"0dd54d07-2bd9-4ef5-bb54-58ed91c8a37f","Onboarding step where the user names their organization and first app, with a tooltip explaining the app hierarchy.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0dd54d07-2bd9-4ef5-bb54-58ed91c8a37f.png",[106,108],{"id":60,"label":61,"slug":62,"rank":63,"group":107},{"id":65,"label":66,"slug":67},{"id":69,"label":70,"slug":71,"rank":69,"group":109},{"id":69,"label":73,"slug":74},[111],{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":54,"height":55,"image_alt":119,"kind":57,"patterns":120,"component_categories":147,"app":153},"70545421-13e1-4320-a915-ee00ec083c06","Tracking › Recent","List view showing an empty state for recent tracking events, with a getting started guide and tracking key provided in the right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F70545421-13e1-4320-a915-ee00ec083c06.png","Tracking › Recent from Bucket",[121,129,137,139],{"id":122,"label":123,"slug":124,"rank":63,"group":125},115,"Empty State","empty-state",{"id":126,"label":127,"slug":128},12,"States & Feedback","states-and-feedback",{"id":130,"label":131,"slug":132,"rank":69,"group":133},41,"Dashboard","dashboard",{"id":134,"label":135,"slug":136},4,"Data & Analysis","data-and-analysis",{"id":76,"label":77,"slug":78,"rank":79,"group":138},{"id":65,"label":66,"slug":67},{"id":140,"label":141,"slug":142,"rank":143,"group":144},13,"Filter & Sort","filter-and-sort",3,{"id":79,"label":145,"slug":146},"Actions","actions",[148,152],{"id":149,"title":150,"slug":151},233,"Tabs","tabs",{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":157,"description":158,"canonical_path":4,"image":159,"width":54,"height":55,"image_alt":160,"kind":57,"patterns":161,"component_categories":177,"app":187},"a203e1ef-ad6a-40c8-aa69-b288abf65235","Features › All Features","App overlay where the user configures a new feature to track by setting its source, event name, target segment, and evaluation period.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa203e1ef-ad6a-40c8-aa69-b288abf65235.png","Features › All Features from Bucket",[162,169],{"id":163,"label":164,"slug":165,"rank":63,"group":166},129,"Workflow Builder","workflow-builder",{"id":140,"label":167,"slug":168},"Workflow & Automation","workflow-and-automation",{"id":170,"label":171,"slug":172,"rank":69,"group":173},91,"Trial","trial",{"id":174,"label":175,"slug":176},9,"Plans & Limits","plans-and-limits",[178,182,186],{"id":179,"title":180,"slug":181},284,"Modal","modal",{"id":183,"title":184,"slug":185},257,"Input number","input-number",{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":157,"description":191,"canonical_path":4,"image":192,"width":54,"height":55,"image_alt":160,"kind":57,"patterns":193,"component_categories":196,"app":200},"a47cf6b5-9fe7-4623-8bf6-5046d6cab68e","Modal where the user defines tracking criteria, source events, and workflow status to track a new product feature.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa47cf6b5-9fe7-4623-8bf6-5046d6cab68e.png",[194],{"id":163,"label":164,"slug":165,"rank":63,"group":195},{"id":140,"label":167,"slug":168},[197,198,199],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":201},[],{"uuid":203,"title":157,"description":204,"canonical_path":4,"image":205,"width":54,"height":55,"image_alt":160,"kind":57,"patterns":206,"component_categories":218,"app":222},"64f726fe-ccd2-4919-bab0-064f1523d900","Creation modal where the user configures tracking criteria, event attributes, and workflow status for a new product feature.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64f726fe-ccd2-4919-bab0-064f1523d900.png",[207,211,213],{"id":65,"label":208,"slug":209,"rank":63,"group":210},"Add & Create","add-and-create",{"id":79,"label":145,"slug":146},{"id":163,"label":164,"slug":165,"rank":69,"group":212},{"id":140,"label":167,"slug":168},{"id":214,"label":215,"slug":216,"rank":79,"group":217},88,"Feature Gate","feature-gate",{"id":174,"label":175,"slug":176},[219,220,221],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":223},[],{"uuid":225,"title":157,"description":226,"canonical_path":4,"image":227,"width":54,"height":55,"image_alt":160,"kind":57,"patterns":228,"component_categories":231,"app":236},"12a317a3-99ce-4b39-968f-af9a9d529eee","Creation modal where the user configures a new feature to track by defining its name, source events, and workflow status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F12a317a3-99ce-4b39-968f-af9a9d529eee.png",[229],{"id":163,"label":164,"slug":165,"rank":63,"group":230},{"id":140,"label":167,"slug":168},[232,233,234,235],{"id":179,"title":180,"slug":181},{"id":149,"title":150,"slug":151},{"id":183,"title":184,"slug":185},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":237},[],{"uuid":239,"title":157,"description":240,"canonical_path":4,"image":241,"width":54,"height":55,"image_alt":160,"kind":57,"patterns":242,"component_categories":247,"app":251},"6babebe2-9214-43b1-9f3e-2bc6bcbdacf9","Modal for creating a new feature tracking record where the user defines tracking criteria like source event, target segment, and evaluation period.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6babebe2-9214-43b1-9f3e-2bc6bcbdacf9.png",[243,245],{"id":65,"label":208,"slug":209,"rank":63,"group":244},{"id":79,"label":145,"slug":146},{"id":163,"label":164,"slug":165,"rank":69,"group":246},{"id":140,"label":167,"slug":168},[248,249,250],{"id":179,"title":180,"slug":181},{"id":183,"title":184,"slug":185},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":252},[],{"uuid":254,"title":255,"description":256,"canonical_path":4,"image":257,"width":54,"height":55,"image_alt":258,"kind":57,"patterns":259,"component_categories":278,"app":285},"2a5911ff-13f1-457c-aac2-a26325e24293","Feature › User sent message › Report","Detail page for a planned feature showing a loading state while data processes, flanked by navigation and configuration sidebars.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a5911ff-13f1-457c-aac2-a26325e24293.png","Feature › User sent message › Report from Bucket",[260,265,270],{"id":261,"label":262,"slug":263,"rank":63,"group":264},120,"Loading","loading",{"id":126,"label":127,"slug":128},{"id":266,"label":267,"slug":268,"rank":69,"group":269},19,"Report","report",{"id":79,"label":145,"slug":146},{"id":271,"label":272,"slug":273,"rank":79,"group":274},102,"Settings","settings",{"id":275,"label":276,"slug":277},10,"Settings & Admin","settings-and-admin",[279,283,284],{"id":280,"title":281,"slug":282},174,"Card","card",{"id":149,"title":150,"slug":151},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":286},[],{"uuid":288,"title":255,"description":289,"canonical_path":4,"image":290,"width":54,"height":55,"image_alt":258,"kind":57,"patterns":291,"component_categories":296,"app":307},"ab27c12f-4e49-4200-a2b1-640aeace322d","Detail page for a planned feature where the user views SDK tracking snippets, shares installation instructions with their team, and configures Slack notifications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab27c12f-4e49-4200-a2b1-640aeace322d.png",[292,294],{"id":214,"label":215,"slug":216,"rank":63,"group":293},{"id":174,"label":175,"slug":176},{"id":271,"label":272,"slug":273,"rank":69,"group":295},{"id":275,"label":276,"slug":277},[297,301,305,306],{"id":298,"title":299,"slug":300},277,"Button group","button-group",{"id":302,"title":303,"slug":304},260,"Badge","badge",{"id":280,"title":281,"slug":282},{"id":149,"title":150,"slug":151},{"slug":31,"title":30,"logo":33,"categories":308},[],{"uuid":310,"title":255,"description":311,"canonical_path":4,"image":312,"width":54,"height":55,"image_alt":258,"kind":57,"patterns":313,"component_categories":323,"app":331},"de887803-c60e-4271-bf0d-16a992b93f1e","Detail page where the user views the STARS funnel, adoption rates, and timeline metrics for a specific tracked feature, and manages its evaluation workflow and Slack notifications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde887803-c60e-4271-bf0d-16a992b93f1e.png",[314,316,321],{"id":130,"label":131,"slug":132,"rank":63,"group":315},{"id":134,"label":135,"slug":136},{"id":317,"label":318,"slug":319,"rank":69,"group":320},45,"Reports","reports",{"id":134,"label":135,"slug":136},{"id":271,"label":272,"slug":273,"rank":79,"group":322},{"id":275,"label":276,"slug":277},[324,328,329,330],{"id":325,"title":326,"slug":327},169,"Avatar","avatar",{"id":302,"title":303,"slug":304},{"id":149,"title":150,"slug":151},{"id":83,"title":84,"slug":85},{"slug":31,"title":30,"logo":33,"categories":332},[],[],[335,337,339,341,343,345,347,349,351,353,355,357,359,362,365,368,371,374,377,379,383,387,391],{"label":164,"to":336},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":70,"to":338},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":272,"to":340},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":61,"to":342},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":208,"to":344},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":131,"to":346},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":215,"to":348},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":77,"to":350},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":123,"to":352},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":141,"to":354},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":262,"to":356},"\u002Fexamples\u002Fscreens\u002Floading",{"label":267,"to":358},"\u002Fexamples\u002Fscreens\u002Freport",{"label":360,"to":361},"Bucket marketing pages","\u002Fexamples\u002Fapps\u002Fbucket\u002Fmarketing",{"label":363,"to":364},"Bucket user flows","\u002Fexamples\u002Fapps\u002Fbucket\u002Fflows",{"label":366,"to":367},"Bucket UI components","\u002Fexamples\u002Fapps\u002Fbucket\u002Fcomponents",{"label":369,"to":370},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":372,"to":373},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":375,"to":376},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":378,"to":18},"All SaaS app examples",{"label":380,"to":381,"description":382},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":384,"to":385,"description":386},"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":388,"to":389,"description":390},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":392,"to":393,"description":394},"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":396,"updated_at":397},"2024-01-22T10:53:17.000Z","2026-09-13T13:02:39.000Z"]