[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":192,"links":193,"dates":248},"\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Drubbbler product screens examples - Nicelydone","Browse Drubbbler screen design examples. Preview the interface screenshots and explore related UI patterns. Schedule Dribbble shots","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdrubbbler_home_73b2cbf4_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Drubbbler design examples","\u002Fexamples\u002Fapps\u002Fdrubbbler",{"label":23,"to":4},"Drubbbler product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Drubbbler","drubbbler","Schedule Dribbble shots","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdrubbbler-21193a95.png","https:\u002F\u002Fdrubbbler.com",[35],{"id":36,"title":37,"slug":38},8,"Design","design",[40,88,110,141,164],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":73,"app":86},"dfb69aef-a681-49f4-aae3-9341351440d8","Home","Home screen empty state prompting the user to schedule their next Dribbble shot, featuring a central illustration.",2800,1544,"Home from Drubbbler","screen",[49,58,67],{"id":50,"label":51,"slug":52,"rank":53,"group":54},115,"Empty State","empty-state",0,{"id":55,"label":56,"slug":57},12,"States & Feedback","states-and-feedback",{"id":59,"label":60,"slug":61,"rank":62,"group":63},21,"Schedule","schedule",1,{"id":64,"label":65,"slug":66},2,"Actions","actions",{"id":68,"label":42,"slug":69,"rank":64,"group":70},81,"home",{"id":36,"label":71,"slug":72},"Pages & Content","pages-and-content",[74,78,82],{"id":75,"title":76,"slug":77},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},169,"Avatar","avatar",{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":44,"height":45,"image_alt":93,"kind":47,"patterns":94,"component_categories":105,"app":108},"8dd5dd8a-a45f-4559-9fb3-fea6422c90dc","Dropdown","Home screen in an empty state prompting the user to create a new shot, with the account dropdown menu captured open revealing settings and sign out options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdrubbbler_dropdown_3aa69b74_nicelydone.jpg","Dropdown from Drubbbler",[95,97,99],{"id":50,"label":51,"slug":52,"rank":53,"group":96},{"id":55,"label":56,"slug":57},{"id":68,"label":42,"slug":69,"rank":62,"group":98},{"id":36,"label":71,"slug":72},{"id":62,"label":100,"slug":101,"rank":64,"group":102},"Account Setup","account-setup",{"id":62,"label":103,"slug":104},"Access & Account","access-and-account",[106,107],{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":44,"height":45,"image_alt":115,"kind":47,"patterns":116,"component_categories":135,"app":139},"d58133b1-3df4-4ae4-b330-709a07957d0b","Plans","Paywall screen where the user is prompted to upgrade to a Pro plan for $10\u002Fyr to unlock more visibility and opportunities.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdrubbbler_plans_401284e2_nicelydone.jpg","Plans from Drubbbler",[117,125,130],{"id":118,"label":119,"slug":120,"rank":53,"group":121},92,"Upgrade Prompt","upgrade-prompt",{"id":122,"label":123,"slug":124},9,"Plans & Limits","plans-and-limits",{"id":126,"label":127,"slug":128,"rank":62,"group":129},89,"Pricing","pricing",{"id":122,"label":123,"slug":124},{"id":131,"label":132,"slug":133,"rank":64,"group":134},88,"Feature Gate","feature-gate",{"id":122,"label":123,"slug":124},[136,137,138],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":4,"image":145,"width":44,"height":45,"image_alt":146,"kind":47,"patterns":147,"component_categories":160,"app":162},"4feade13-0a7b-438b-8d65-257d444c9fcf","Create","Create page where the user uploads an image, adds metadata like title and tags, and schedules it to be added to a queue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdrubbbler_create_c5157a06_nicelydone.jpg","Create from Drubbbler",[148,153,158],{"id":149,"label":150,"slug":151,"rank":53,"group":152},7,"Add & Create","add-and-create",{"id":64,"label":65,"slug":66},{"id":154,"label":155,"slug":156,"rank":62,"group":157},25,"Upload & Download","upload-and-download",{"id":64,"label":65,"slug":66},{"id":59,"label":60,"slug":61,"rank":64,"group":159},{"id":64,"label":65,"slug":66},[161],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":44,"height":45,"image_alt":169,"kind":47,"patterns":170,"component_categories":188,"app":190},"1925b8b2-dca5-41db-a09c-d8dc86b463ec","Calendar","Create screen where the user selects a specific date and time from a calendar modal to schedule an item for the queue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdrubbbler_calendar_49bb66c6_nicelydone.jpg","Calendar from Drubbbler",[171,178,183],{"id":172,"label":166,"slug":173,"rank":53,"group":174},51,"calendar",{"id":175,"label":176,"slug":177},5,"Media & Tools","media-and-tools",{"id":179,"label":180,"slug":181,"rank":62,"group":182},54,"Date & Time","date-and-time",{"id":175,"label":176,"slug":177},{"id":184,"label":185,"slug":186,"rank":64,"group":187},11,"Edit","edit",{"id":64,"label":65,"slug":66},[189],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":191},[],[],[194,196,198,200,202,204,206,208,210,212,214,216,218,221,224,227,230,232,236,240,244],{"label":51,"to":195},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":42,"to":197},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":60,"to":199},"\u002Fexamples\u002Fscreens\u002Fschedule",{"label":100,"to":201},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":150,"to":203},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":166,"to":205},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":180,"to":207},"\u002Fexamples\u002Fscreens\u002Fdate-and-time",{"label":185,"to":209},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":132,"to":211},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":127,"to":213},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":119,"to":215},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":155,"to":217},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":219,"to":220},"Drubbbler marketing pages","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fmarketing",{"label":222,"to":223},"Drubbbler user flows","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fflows",{"label":225,"to":226},"Drubbbler UI components","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fcomponents",{"label":228,"to":229},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":231,"to":18},"All SaaS app examples",{"label":233,"to":234,"description":235},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":237,"to":238,"description":239},"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":241,"to":242,"description":243},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":245,"to":246,"description":247},"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":249,"updated_at":250},"2017-03-08T08:00:00.000Z","2026-09-13T13:02:39.000Z"]