[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdrubbbler":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":205,"dates":237},"\u002Fexamples\u002Fapps\u002Fdrubbbler","detail","apps",true,{"title":9,"description":10,"og_image":11},"Drubbbler design examples - Nicelydone","Explore Drubbbler UI design examples. Schedule Dribbble shots","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdrubbbler_home_73b2cbf4_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Drubbbler design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Drubbbler",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Drubbbler","drubbbler","Schedule Dribbble shots","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdrubbbler-21193a95.png","https:\u002F\u002Fdrubbbler.com",[41],{"id":42,"title":43,"slug":44},8,"Design","design",[],[47,202],{"family":48,"examples":49},"screens",[50,98,120,151,174],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":83,"app":96},"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",[59,68,77],{"id":60,"label":61,"slug":62,"rank":63,"group":64},115,"Empty State","empty-state",0,{"id":65,"label":66,"slug":67},12,"States & Feedback","states-and-feedback",{"id":69,"label":70,"slug":71,"rank":72,"group":73},21,"Schedule","schedule",1,{"id":74,"label":75,"slug":76},2,"Actions","actions",{"id":78,"label":52,"slug":79,"rank":74,"group":80},81,"home",{"id":42,"label":81,"slug":82},"Pages & Content","pages-and-content",[84,88,92],{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},169,"Avatar","avatar",{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":29,"image":102,"width":54,"height":55,"image_alt":103,"kind":57,"patterns":104,"component_categories":115,"app":118},"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",[105,107,109],{"id":60,"label":61,"slug":62,"rank":63,"group":106},{"id":65,"label":66,"slug":67},{"id":78,"label":52,"slug":79,"rank":72,"group":108},{"id":42,"label":81,"slug":82},{"id":72,"label":110,"slug":111,"rank":74,"group":112},"Account Setup","account-setup",{"id":72,"label":113,"slug":114},"Access & Account","access-and-account",[116,117],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":29,"image":124,"width":54,"height":55,"image_alt":125,"kind":57,"patterns":126,"component_categories":145,"app":149},"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",[127,135,140],{"id":128,"label":129,"slug":130,"rank":63,"group":131},92,"Upgrade Prompt","upgrade-prompt",{"id":132,"label":133,"slug":134},9,"Plans & Limits","plans-and-limits",{"id":136,"label":137,"slug":138,"rank":72,"group":139},89,"Pricing","pricing",{"id":132,"label":133,"slug":134},{"id":141,"label":142,"slug":143,"rank":74,"group":144},88,"Feature Gate","feature-gate",{"id":132,"label":133,"slug":134},[146,147,148],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":29,"image":155,"width":54,"height":55,"image_alt":156,"kind":57,"patterns":157,"component_categories":170,"app":172},"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",[158,163,168],{"id":159,"label":160,"slug":161,"rank":63,"group":162},7,"Add & Create","add-and-create",{"id":74,"label":75,"slug":76},{"id":164,"label":165,"slug":166,"rank":72,"group":167},25,"Upload & Download","upload-and-download",{"id":74,"label":75,"slug":76},{"id":69,"label":70,"slug":71,"rank":74,"group":169},{"id":74,"label":75,"slug":76},[171],{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":29,"image":178,"width":54,"height":55,"image_alt":179,"kind":57,"patterns":180,"component_categories":198,"app":200},"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",[181,188,193],{"id":182,"label":176,"slug":183,"rank":63,"group":184},51,"calendar",{"id":185,"label":186,"slug":187},5,"Media & Tools","media-and-tools",{"id":189,"label":190,"slug":191,"rank":72,"group":192},54,"Date & Time","date-and-time",{"id":185,"label":186,"slug":187},{"id":194,"label":195,"slug":196,"rank":74,"group":197},11,"Edit","edit",{"id":74,"label":75,"slug":76},[199],{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":201},[],{"family":203,"examples":204},"pages",[],[206,208,210,213,216,219,221,225,229,233],{"label":207,"to":29},"Drubbbler product screens",{"label":209,"to":32},"Drubbbler marketing pages",{"label":211,"to":212},"Drubbbler user flows","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fflows",{"label":214,"to":215},"Drubbbler UI components","\u002Fexamples\u002Fapps\u002Fdrubbbler\u002Fcomponents",{"label":217,"to":218},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":220,"to":18},"All SaaS app examples",{"label":222,"to":223,"description":224},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":226,"to":227,"description":228},"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":230,"to":231,"description":232},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":234,"to":235,"description":236},"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":238,"updated_at":239},"2017-03-08T08:00:00.000Z","2026-09-13T13:02:39.000Z"]