[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbuy-me-a-coffee":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":328,"dates":344},"\u002Fexamples\u002Fapps\u002Fbuy-me-a-coffee","detail","apps",true,{"title":9,"description":10,"og_image":11},"Buy Me a Coffee design examples - Nicelydone","Explore Buy Me a Coffee UI design examples. A supporter is worth a thousand followers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feeac8652-d921-40b3-80f6-8d5827ef45ac.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Buy Me a Coffee design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Buy Me a Coffee",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fbuy-me-a-coffee\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fbuy-me-a-coffee\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fbuy-me-a-coffee\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Buy Me a Coffee","buy-me-a-coffee","A supporter is worth a thousand followers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbuy-me-a-coffee-61831f6a.png","https:\u002F\u002Fwww.buymeacoffee.com",[44,48],{"id":45,"title":46,"slug":47},39,"Payments","payments",{"id":49,"title":50,"slug":51},34,"Crowdfunding","crowdfunding",[],[54,322,325],{"family":55,"examples":56},"screens",[57,82,101,117,134,147,179,197,215,234,258,297],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":80},"eeac8652-d921-40b3-80f6-8d5827ef45ac","Login - Buy Me a Coffee","Sign-in screen where the user authenticates via an email magic link or through social providers like Twitter, Google, Facebook, and Apple.",3072,1700,"Login - Buy Me a Coffee from Buy Me a Coffee","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":81},[],{"uuid":83,"title":59,"description":84,"canonical_path":29,"image":85,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":86,"component_categories":97,"app":99},"d3b8ed59-1404-43c5-8f9d-75399595dbb7","Sign-in screen showing an error message for an unregistered email address, with alternative login options via Twitter, Google, Facebook, and Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3b8ed59-1404-43c5-8f9d-75399595dbb7.png",[87,89],{"id":67,"label":68,"slug":69,"rank":70,"group":88},{"id":72,"label":73,"slug":74},{"id":90,"label":91,"slug":92,"rank":72,"group":93},116,"Error","error",{"id":94,"label":95,"slug":96},12,"States & Feedback","states-and-feedback",[98],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":29,"image":105,"width":61,"height":62,"image_alt":106,"kind":64,"patterns":107,"component_categories":113,"app":115},"ab3f46df-0326-4995-aeb5-bad4da4d16c7","Sign Up - Buy Me a Coffee","Signup screen where the user creates an account using email and password or authenticates via Twitter, Google, Facebook, or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab3f46df-0326-4995-aeb5-bad4da4d16c7.png","Sign Up - Buy Me a Coffee from Buy Me a Coffee",[108],{"id":109,"label":110,"slug":111,"rank":70,"group":112},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},[114],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":116},[],{"uuid":118,"title":103,"description":119,"canonical_path":29,"image":120,"width":61,"height":121,"image_alt":106,"kind":64,"patterns":122,"component_categories":130,"app":132},"1111c982-648e-4f26-9181-17205860c9c2","Signup page where the user enters their email and password, verifies a login code, or authenticates via Twitter, Google, Facebook, or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1111c982-648e-4f26-9181-17205860c9c2.png",1702,[123,125],{"id":109,"label":110,"slug":111,"rank":70,"group":124},{"id":72,"label":73,"slug":74},{"id":126,"label":127,"slug":128,"rank":72,"group":129},6,"Verification","verification",{"id":72,"label":73,"slug":74},[131],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":133},[],{"uuid":135,"title":103,"description":136,"canonical_path":29,"image":137,"width":61,"height":121,"image_alt":106,"kind":64,"patterns":138,"component_categories":143,"app":145},"25501532-e9ef-426b-bbb6-36faf01b39d5","Signup screen where the user enters their email, password, and a verification code sent to their email, with options to authenticate via Twitter, Google, Facebook, or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F25501532-e9ef-426b-bbb6-36faf01b39d5.png",[139,141],{"id":109,"label":110,"slug":111,"rank":70,"group":140},{"id":72,"label":73,"slug":74},{"id":126,"label":127,"slug":128,"rank":72,"group":142},{"id":72,"label":73,"slug":74},[144],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":29,"image":151,"width":61,"height":152,"image_alt":153,"kind":64,"patterns":154,"component_categories":175,"app":177},"36d99842-3bd2-497a-9345-6cfe3d9553a7","Signup - Buy Me a Coffee","Onboarding step where the user completes their creator profile by adding a photo, name, custom Buy Me a Coffee link, bio, and website.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36d99842-3bd2-497a-9345-6cfe3d9553a7.png",2024,"Signup - Buy Me a Coffee from Buy Me a Coffee",[155,159,167],{"id":72,"label":156,"slug":157,"rank":70,"group":158},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},{"id":160,"label":161,"slug":162,"rank":72,"group":163},3,"Profile","profile",{"id":164,"label":165,"slug":166},11,"Social & Collaboration","social-and-collaboration",{"id":168,"label":169,"slug":170,"rank":171,"group":172},7,"Add & Create","add-and-create",2,{"id":171,"label":173,"slug":174},"Actions","actions",[176],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":178},[],{"uuid":180,"title":149,"description":181,"canonical_path":29,"image":182,"width":61,"height":152,"image_alt":153,"kind":64,"patterns":183,"component_categories":193,"app":195},"e90eb702-cf56-495a-a467-44c473816ff5","Onboarding step where the user sets their display name, custom URL, bio, and social link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe90eb702-cf56-495a-a467-44c473816ff5.png",[184,186,188],{"id":72,"label":156,"slug":157,"rank":70,"group":185},{"id":72,"label":73,"slug":74},{"id":160,"label":161,"slug":162,"rank":72,"group":187},{"id":164,"label":165,"slug":166},{"id":189,"label":190,"slug":191,"rank":171,"group":192},25,"Upload & Download","upload-and-download",{"id":171,"label":173,"slug":174},[194],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":196},[],{"uuid":198,"title":149,"description":199,"canonical_path":29,"image":200,"width":61,"height":201,"image_alt":153,"kind":64,"patterns":202,"component_categories":211,"app":213},"f71f9fab-bf05-4aeb-8393-e4ab9be5e6f2","Onboarding step where the user completes their page by uploading a profile picture, setting a custom URL, and adding a description, currently showing validation errors.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff71f9fab-bf05-4aeb-8393-e4ab9be5e6f2.png",2080,[203,205,209],{"id":72,"label":156,"slug":157,"rank":70,"group":204},{"id":72,"label":73,"slug":74},{"id":164,"label":206,"slug":207,"rank":72,"group":208},"Edit","edit",{"id":171,"label":173,"slug":174},{"id":90,"label":91,"slug":92,"rank":171,"group":210},{"id":94,"label":95,"slug":96},[212],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":214},[],{"uuid":216,"title":149,"description":217,"canonical_path":29,"image":218,"width":61,"height":219,"image_alt":153,"kind":64,"patterns":220,"component_categories":227,"app":232},"d43877af-5cd4-4d97-a274-68a6a7cf5d83","Onboarding step where the user completes their creator profile by entering a name, custom URL, description, and website link, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd43877af-5cd4-4d97-a274-68a6a7cf5d83.png",1652,[221,223,225],{"id":72,"label":156,"slug":157,"rank":70,"group":222},{"id":72,"label":73,"slug":74},{"id":160,"label":161,"slug":162,"rank":72,"group":224},{"id":164,"label":165,"slug":166},{"id":90,"label":91,"slug":92,"rank":171,"group":226},{"id":94,"label":95,"slug":96},[228],{"id":229,"title":230,"slug":231},169,"Avatar","avatar",{"slug":39,"title":38,"logo":41,"categories":233},[],{"uuid":235,"title":236,"description":237,"canonical_path":29,"image":238,"width":61,"height":219,"image_alt":239,"kind":64,"patterns":240,"component_categories":251,"app":256},"58fa3751-99e7-4349-9cf0-64ae285ca2f7","Select Payment method - Buy Me A Coffee","Onboarding step where the user selects their preferred currency and chooses between standard or instant Stripe payouts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58fa3751-99e7-4349-9cf0-64ae285ca2f7.png","Select Payment method - Buy Me A Coffee from Buy Me a Coffee",[241,243],{"id":72,"label":156,"slug":157,"rank":70,"group":242},{"id":72,"label":73,"slug":74},{"id":244,"label":245,"slug":246,"rank":72,"group":247},132,"Payment Method","payment-method",{"id":248,"label":249,"slug":250},14,"Payments & Checkout","payments-and-checkout",[252],{"id":253,"title":254,"slug":255},260,"Badge","badge",{"slug":39,"title":38,"logo":41,"categories":257},[],{"uuid":259,"title":260,"description":261,"canonical_path":29,"image":262,"width":61,"height":219,"image_alt":263,"kind":64,"patterns":264,"component_categories":280,"app":295},"010e1797-8638-462c-9556-68a3fd83356f","Bertrand","Success modal confirming a creator's page is live, prompting them to share it via Twitter or copy the link, with celebratory confetti in the background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F010e1797-8638-462c-9556-68a3fd83356f.png","Bertrand from Buy Me a Coffee",[265,270,275],{"id":266,"label":267,"slug":268,"rank":70,"group":269},122,"Success","success",{"id":94,"label":95,"slug":96},{"id":271,"label":272,"slug":273,"rank":72,"group":274},24,"Share","share",{"id":171,"label":173,"slug":174},{"id":276,"label":277,"slug":278,"rank":171,"group":279},17,"Publish","publish",{"id":171,"label":173,"slug":174},[281,285,289,293,294],{"id":282,"title":283,"slug":284},284,"Modal","modal",{"id":286,"title":287,"slug":288},174,"Card","card",{"id":290,"title":291,"slug":292},257,"Input number","input-number",{"id":229,"title":230,"slug":231},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":296},[],{"uuid":298,"title":260,"description":299,"canonical_path":29,"image":300,"width":61,"height":301,"image_alt":263,"kind":64,"patterns":302,"component_categories":315,"app":320},"5570d845-6e79-4d03-8c1b-6007231ddaa8","Creator profile page where visitors can buy the creator a coffee by selecting a multiplier and leaving an optional message, while the logged-in creator sees options to edit the page and add a cover image.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5570d845-6e79-4d03-8c1b-6007231ddaa8.png",2088,[303,308,313],{"id":304,"label":305,"slug":306,"rank":70,"group":307},130,"Checkout","checkout",{"id":248,"label":249,"slug":250},{"id":309,"label":310,"slug":311,"rank":72,"group":312},131,"Payment Form","payment-form",{"id":248,"label":249,"slug":250},{"id":160,"label":161,"slug":162,"rank":171,"group":314},{"id":164,"label":165,"slug":166},[316,317,318,319],{"id":286,"title":287,"slug":288},{"id":290,"title":291,"slug":292},{"id":229,"title":230,"slug":231},{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":321},[],{"family":323,"examples":324},"flows",[],{"family":326,"examples":327},"pages",[],[329,331,333,335,338,341],{"label":330,"to":29},"Buy Me a Coffee product screens",{"label":332,"to":35},"Buy Me a Coffee marketing pages",{"label":334,"to":32},"Buy Me a Coffee user flows",{"label":336,"to":337},"Buy Me a Coffee UI components","\u002Fexamples\u002Fapps\u002Fbuy-me-a-coffee\u002Fcomponents",{"label":339,"to":340},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":342,"to":343},"Crowdfunding app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrowdfunding",{"published_at":345,"updated_at":346},"2022-04-10T09:33:05.000Z","2026-09-13T13:02:39.000Z"]