[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fbuy-credits":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":556,"links":557,"dates":618},"\u002Fexamples\u002Ftags\u002Fbuy-credits","collection","screens",true,{"example_count":9,"app_count":10},244,45,{"id":12,"title":13,"description":14},76806,"Buy credits","",{"title":16,"description":17,"og_image":18},"Buy credits screen examples - Nicelydone","Buy credits screen design examples from SaaS apps. Browse examples from Maze, Morphic, Wynde.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0f06e8c-462b-46c3-8c7f-150ab6ac3765.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Buy credits screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"244 screens",[34,117,174,206,246,290,353,390,424,460,491,520],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":86,"app":99},"c0f06e8c-462b-46c3-8c7f-150ab6ac3765","Maze - Credits","Settings page where the user views their current credit balance, participant rates, and can purchase additional credit bundles.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens",2880,1670,"Maze - Credits from Maze","2026-04-20T14:45:59.000Z","screen",[45,54,63,69,78],{"id":46,"label":47,"slug":48,"rank":49,"group":50},96,"Billing Settings","billing-settings",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},93,"Usage Limit","usage-limit",1,{"id":60,"label":61,"slug":62},9,"Plans & Limits","plans-and-limits",{"id":64,"label":65,"slug":66,"rank":67,"group":68},89,"Pricing","pricing",2,{"id":60,"label":61,"slug":62},{"id":70,"label":71,"slug":72,"rank":73,"group":74},47,"Table","table",3,{"id":75,"label":76,"slug":77},4,"Data & Analysis","data-and-analysis",{"id":79,"label":80,"slug":81,"rank":75,"group":82},130,"Checkout","checkout",{"id":83,"label":84,"slug":85},14,"Payments & Checkout","payments-and-checkout",[87,91,95],{"id":88,"title":89,"slug":90},260,"Badge","badge",{"id":92,"title":93,"slug":94},174,"Card","card",{"id":96,"title":97,"slug":98},175,"Button","button",{"slug":100,"title":101,"logo":102,"baseline":103,"categories":104},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[105,109,113],{"id":106,"title":107,"slug":108},8,"Design","design",{"id":110,"title":111,"slug":112},69,"Surveys","surveys",{"id":114,"title":115,"slug":116},104,"User Research","user-research",{"uuid":118,"title":119,"description":120,"canonical_path":121,"image":122,"width":123,"height":124,"image_alt":125,"published_at":126,"kind":43,"patterns":127,"component_categories":149,"app":160},"623ec861-d087-4bef-8019-084bd383db56","Dashboard - Morphic Studio","Home screen where the user views their recent files and assets, with an open workspace menu showing subscription credits and upgrade options.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F623ec861-d087-4bef-8019-084bd383db56.png",3024,1780,"Dashboard - Morphic Studio from Morphic","2026-03-16T20:52:14.000Z",[128,133,140,144],{"id":129,"label":130,"slug":131,"rank":49,"group":132},41,"Dashboard","dashboard",{"id":75,"label":76,"slug":77},{"id":134,"label":135,"slug":136,"rank":58,"group":137},80,"Files","files",{"id":106,"label":138,"slug":139},"Pages & Content","pages-and-content",{"id":114,"label":141,"slug":142,"rank":67,"group":143},"Team Management","team-management",{"id":51,"label":52,"slug":53},{"id":145,"label":146,"slug":147,"rank":73,"group":148},49,"Usage","usage",{"id":75,"label":76,"slug":77},[150,154,158,159],{"id":151,"title":152,"slug":153},233,"Tabs","tabs",{"id":155,"title":156,"slug":157},169,"Avatar","avatar",{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":161,"title":162,"logo":163,"baseline":164,"categories":165},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[166,170,171],{"id":167,"title":168,"slug":169},100,"Video","video",{"id":106,"title":107,"slug":108},{"id":134,"title":172,"slug":173},"Artificial Intelligence","artificial-intelligence",{"uuid":175,"title":176,"description":177,"canonical_path":178,"image":179,"width":123,"height":124,"image_alt":180,"published_at":181,"kind":43,"patterns":182,"component_categories":192,"app":199},"92e4835b-1176-4839-83b5-1a7a442197db","Wynde","Settings page where the user tops up their tester credits balance by selecting a predefined amount and a payment method within a modal.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92e4835b-1176-4839-83b5-1a7a442197db.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[183,185,190],{"id":46,"label":47,"slug":48,"rank":49,"group":184},{"id":51,"label":52,"slug":53},{"id":186,"label":187,"slug":188,"rank":58,"group":189},131,"Payment Form","payment-form",{"id":83,"label":84,"slug":85},{"id":79,"label":80,"slug":81,"rank":67,"group":191},{"id":83,"label":84,"slug":85},[193,197,198],{"id":194,"title":195,"slug":196},284,"Modal","modal",{"id":155,"title":156,"slug":157},{"id":96,"title":97,"slug":98},{"slug":200,"title":176,"logo":201,"baseline":202,"categories":203},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[204,205],{"id":106,"title":107,"slug":108},{"id":114,"title":115,"slug":116},{"uuid":207,"title":208,"description":209,"canonical_path":210,"image":211,"width":123,"height":124,"image_alt":212,"published_at":213,"kind":43,"patterns":214,"component_categories":230,"app":237},"730709ed-4828-4576-8574-dc142da37d9d","The Org","Account settings page where the user can connect a Hubspot integration, generate new API and embed keys, and check their remaining API credits.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F730709ed-4828-4576-8574-dc142da37d9d.png","The Org from The org","2025-07-14T09:42:36.000Z",[215,220,225],{"id":216,"label":217,"slug":218,"rank":49,"group":219},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},{"id":221,"label":222,"slug":223,"rank":58,"group":224},97,"Integrations","integrations",{"id":51,"label":52,"slug":53},{"id":226,"label":227,"slug":228,"rank":67,"group":229},95,"API Keys","api-keys",{"id":51,"label":52,"slug":53},[231,235,236],{"id":232,"title":233,"slug":234},240,"Horizontal navigation","horizontal-navigation",{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":238,"title":239,"logo":240,"baseline":241,"categories":242},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[243],{"id":145,"title":244,"slug":245},"Social Network","social-network",{"uuid":247,"title":248,"description":249,"canonical_path":250,"image":251,"width":123,"height":252,"image_alt":253,"published_at":254,"kind":43,"patterns":255,"component_categories":274,"app":280},"1740b37d-3130-4762-85df-092971087272","Monarch | Advice","List view showing financial advice recommendations with a side drawer open displaying specific tasks for buying a home.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1740b37d-3130-4762-85df-092971087272.png",1778,"Monarch | Advice from Monarch","2025-03-17T14:09:52.000Z",[256,261,269],{"id":257,"label":258,"slug":259,"rank":49,"group":260},85,"Tasks","tasks",{"id":106,"label":138,"slug":139},{"id":262,"label":263,"slug":264,"rank":58,"group":265},74,"Onboarding Checklist","onboarding-checklist",{"id":266,"label":267,"slug":268},7,"Onboarding & Education","onboarding-and-education",{"id":270,"label":271,"slug":272,"rank":67,"group":273},44,"Progress","progress",{"id":75,"label":76,"slug":77},[275,279],{"id":276,"title":277,"slug":278},168,"Accordion","accordion",{"id":96,"title":97,"slug":98},{"slug":281,"title":282,"logo":283,"baseline":284,"categories":285},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[286],{"id":287,"title":288,"slug":289},36,"Finance","finance",{"uuid":291,"title":292,"description":293,"canonical_path":294,"image":295,"width":123,"height":296,"image_alt":297,"published_at":298,"kind":43,"patterns":299,"component_categories":323,"app":336},"1b9d008f-c27e-4de2-b274-6c286bffa8d6","Account - Replit","Settings page where the user configures their profile, billing, notifications, connected services, and editor themes.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b9d008f-c27e-4de2-b274-6c286bffa8d6.png",10518,"Account - Replit from Replit","2025-03-10T14:11:20.000Z",[300,302,309,311,316],{"id":216,"label":217,"slug":218,"rank":49,"group":301},{"id":51,"label":52,"slug":53},{"id":73,"label":303,"slug":304,"rank":58,"group":305},"Profile","profile",{"id":306,"label":307,"slug":308},11,"Social & Collaboration","social-and-collaboration",{"id":46,"label":47,"slug":48,"rank":67,"group":310},{"id":51,"label":52,"slug":53},{"id":312,"label":313,"slug":314,"rank":73,"group":315},99,"Notification Settings","notification-settings",{"id":51,"label":52,"slug":53},{"id":317,"label":318,"slug":319,"rank":75,"group":320},6,"Verification","verification",{"id":58,"label":321,"slug":322},"Access & Account","access-and-account",[324,328,332,333,334,335],{"id":325,"title":326,"slug":327},167,"Alert","alert",{"id":329,"title":330,"slug":331},257,"Input number","input-number",{"id":232,"title":233,"slug":234},{"id":155,"title":156,"slug":157},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":337,"title":338,"logo":339,"baseline":340,"categories":341},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[342,343,347,350],{"id":134,"title":172,"slug":173},{"id":344,"title":345,"slug":346},48,"Developer Tools","developer-tools",{"id":266,"title":348,"slug":349},"Web Development","web-development",{"id":46,"title":351,"slug":352},"No code","no-code",{"uuid":354,"title":355,"description":356,"canonical_path":357,"image":358,"width":123,"height":359,"image_alt":360,"published_at":361,"kind":43,"patterns":362,"component_categories":371,"app":376},"22948b8a-728c-4ebc-87a5-d18a6df02af4","Design Emails People Love to Get. Make Beautiful Sales Pages. #2","Legal terms and conditions page detailing the affiliate program agreement, including eligibility, payment terms, and licenses.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22948b8a-728c-4ebc-87a5-d18a6df02af4.png",24434,"Design Emails People Love to Get. Make Beautiful Sales Pages. #2 from Flodesk","2025-02-24T15:36:57.000Z",[363],{"id":364,"label":365,"slug":366,"rank":49,"group":367},186,"Terms Page","terms-page",{"id":368,"label":369,"slug":370},15,"Marketing Page Types","marketing-page-types",[372],{"id":373,"title":374,"slug":375},202,"Footer","footer",{"slug":377,"title":378,"logo":379,"baseline":380,"categories":381},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[382,386],{"id":383,"title":384,"slug":385},27,"Email Newsletters","email-newsletters",{"id":387,"title":388,"slug":389},25,"Marketing","marketing",{"uuid":391,"title":392,"description":393,"canonical_path":394,"image":395,"width":123,"height":396,"image_alt":397,"published_at":398,"kind":43,"patterns":399,"component_categories":402,"app":408},"437ee2dc-f7b5-4c18-9059-962f82763389","Terms of Service - Braintrust","Legal page detailing the terms of service, user agreements, and liability limitations for using the platform.","\u002Fexamples\u002Fapps\u002Fbraintrust\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F437ee2dc-f7b5-4c18-9059-962f82763389.png",22534,"Terms of Service - Braintrust from Braintrust","2024-12-16T10:47:27.000Z",[400],{"id":364,"label":365,"slug":366,"rank":49,"group":401},{"id":368,"label":369,"slug":370},[403,407],{"id":404,"title":405,"slug":406},258,"Header","header",{"id":373,"title":374,"slug":375},{"slug":409,"title":410,"logo":411,"baseline":412,"categories":413},"braintrust","Braintrust","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbraintrust-d86c86ag.png","Ship LLM products that work",[414,418,419,423],{"id":415,"title":416,"slug":417},37,"Developer APIs","developer-apis",{"id":134,"title":172,"slug":173},{"id":420,"title":421,"slug":422},16,"Monitoring","monitoring",{"id":344,"title":345,"slug":346},{"uuid":425,"title":426,"description":427,"canonical_path":428,"image":429,"width":123,"height":252,"image_alt":430,"published_at":431,"kind":43,"patterns":432,"component_categories":442,"app":447},"897ba5bb-82b3-4c22-b594-62b833227ce1","Billing | Ballpark","Settings page where the user views their trial status, available projects, and recruitment credits, with options to purchase a plan or buy more credits.","\u002Fexamples\u002Fapps\u002Fballpark\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F897ba5bb-82b3-4c22-b594-62b833227ce1.png","Billing | Ballpark from Ballpark","2024-12-02T10:56:58.000Z",[433,435,440],{"id":46,"label":47,"slug":48,"rank":49,"group":434},{"id":51,"label":52,"slug":53},{"id":436,"label":437,"slug":438,"rank":58,"group":439},91,"Trial","trial",{"id":60,"label":61,"slug":62},{"id":64,"label":65,"slug":66,"rank":67,"group":441},{"id":60,"label":61,"slug":62},[443,444,445,446],{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"ballpark","Ballpark","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fballpark-54hppc1c.png","Product research so simple, you’ll never skip it again.",[453,454,458,459],{"id":106,"title":107,"slug":108},{"id":455,"title":456,"slug":457},35,"Feedback","feedback",{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"uuid":461,"title":462,"description":463,"canonical_path":464,"image":465,"width":123,"height":466,"image_alt":467,"published_at":468,"kind":43,"patterns":469,"component_categories":475,"app":480},"e42433e6-efb3-4b5b-9ef4-65392ade31a2","Work at Gumlet","Careers page detailing company culture, work philosophy, and employee perks, with a prominent call to action to apply.","\u002Fexamples\u002Fapps\u002Fgumlet\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe42433e6-efb3-4b5b-9ef4-65392ade31a2.png",5738,"Work at Gumlet from Gumlet","2024-11-12T11:28:31.000Z",[470],{"id":471,"label":472,"slug":473,"rank":49,"group":474},170,"Careers Page","careers-page",{"id":368,"label":369,"slug":370},[476,477,478,479],{"id":88,"title":89,"slug":90},{"id":404,"title":405,"slug":406},{"id":373,"title":374,"slug":375},{"id":96,"title":97,"slug":98},{"slug":481,"title":482,"logo":483,"baseline":484,"categories":485},"gumlet","Gumlet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgumlet-220db785.png","One-stop video hosting and video streaming solution",[486,490],{"id":487,"title":488,"slug":489},70,"Video streaming","video-streaming",{"id":167,"title":168,"slug":169},{"uuid":492,"title":493,"description":494,"canonical_path":495,"image":496,"width":123,"height":497,"image_alt":498,"published_at":499,"kind":43,"patterns":500,"component_categories":506,"app":511},"08c0c11e-9531-4f80-9151-0673992b3ecb","Design contests as a self-promo opportunity","Article page outlining the benefits of design contests, featuring a related articles grid, a product call-to-action banner, and a newsletter subscription block.","\u002Fexamples\u002Fapps\u002Freadymag\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08c0c11e-9531-4f80-9151-0673992b3ecb.png",18068,"Design contests as a self-promo opportunity from Readymag","2024-09-23T12:47:12.000Z",[501],{"id":502,"label":503,"slug":504,"rank":49,"group":505},78,"Article","article",{"id":368,"label":369,"slug":370},[507,508,509,510],{"id":404,"title":405,"slug":406},{"id":373,"title":374,"slug":375},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":512,"title":513,"logo":514,"baseline":515,"categories":516},"readymag","Readymag","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freadymag-a7b8580b.png","Create websites, magazines, presentations & more.",[517,518,519],{"id":266,"title":348,"slug":349},{"id":106,"title":107,"slug":108},{"id":46,"title":351,"slug":352},{"uuid":521,"title":522,"description":523,"canonical_path":524,"image":525,"width":123,"height":526,"image_alt":527,"published_at":528,"kind":43,"patterns":529,"component_categories":535,"app":542},"c4e68d8f-39c2-4216-b51b-8a02811e49c6","The Best Meeting Scheduler Money Can Buy • SavvyCal","Product page for a meeting scheduler highlighting features like calendar overlays, team scheduling, and custom branding alongside customer testimonials.","\u002Fexamples\u002Fapps\u002Fsavvycal\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4e68d8f-39c2-4216-b51b-8a02811e49c6.png",14906,"The Best Meeting Scheduler Money Can Buy • SavvyCal from SavvyCal","2024-09-17T15:26:21.000Z",[530],{"id":531,"label":532,"slug":533,"rank":49,"group":534},137,"Product Page","product-page",{"id":368,"label":369,"slug":370},[536,540,541],{"id":537,"title":538,"slug":539},232,"Testimonial","testimonial",{"id":404,"title":405,"slug":406},{"id":373,"title":374,"slug":375},{"slug":543,"title":544,"logo":545,"baseline":546,"categories":547},"savvycal","SavvyCal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsavvycal-acc21050.png","Scheduling software your recipients will love",[548,552],{"id":549,"title":550,"slug":551},30,"Productivity","productivity",{"id":553,"title":554,"slug":555},101,"Calendar","calendar",[],[558,560,562,564,566,568,570,572,574,576,578,580,582,585,588,591,594,597,600,603,606,609,612,615],{"label":47,"to":559,"count":75},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":217,"to":561,"count":67},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":80,"to":563,"count":67},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":65,"to":565,"count":67},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":227,"to":567,"count":58},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":130,"to":569,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":135,"to":571,"count":58},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":222,"to":573,"count":58},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":313,"to":575,"count":58},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":263,"to":577,"count":58},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":187,"to":579,"count":58},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":303,"to":581,"count":58},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":583,"to":584},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":586,"to":587},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":589,"to":590},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"label":592,"to":593},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":595,"to":596},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":598,"to":599},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":601,"to":602},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":604,"to":605},"Braintrust design examples","\u002Fexamples\u002Fapps\u002Fbraintrust",{"label":607,"to":608},"Ballpark design examples","\u002Fexamples\u002Fapps\u002Fballpark",{"label":610,"to":611},"Gumlet design examples","\u002Fexamples\u002Fapps\u002Fgumlet",{"label":613,"to":614},"Readymag design examples","\u002Fexamples\u002Fapps\u002Freadymag",{"label":616,"to":617},"SavvyCal design examples","\u002Fexamples\u002Fapps\u002Fsavvycal",{"published_at":619,"updated_at":620},"2024-08-28T07:01:33.000Z","2026-09-05T20:19:49.795Z"]