[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpayment-history":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":519,"links":520,"dates":582},"\u002Fexamples\u002Ftags\u002Fpayment-history","collection","screens",true,{"example_count":9,"app_count":10},1128,250,{"id":12,"title":13,"description":14},47971,"Payment history","",{"title":16,"description":17,"og_image":18},"Payment history screen examples - Nicelydone","Payment history screen design examples from SaaS apps. Browse examples from Polar, Latitude.sh, Inference.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faab03f4c-5bac-4201-86b5-81d8ed217314.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Payment history screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1128 screens",[34,104,143,188,232,283,316,340,377,419,454,485],{"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":69,"app":82},"aab03f4c-5bac-4201-86b5-81d8ed217314","Finance - Payouts | Nicelydone | Polar","Finance page where the user views available balances, fee credits, and a loading list of payout history.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Finance - Payouts | Nicelydone | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},41,"Dashboard","dashboard",0,{"id":51,"label":52,"slug":53},4,"Data & Analysis","data-and-analysis",{"id":55,"label":56,"slug":57,"rank":58,"group":59},120,"Loading","loading",1,{"id":60,"label":61,"slug":62},12,"States & Feedback","states-and-feedback",{"id":64,"label":65,"slug":66,"rank":67,"group":68},49,"Usage","usage",2,{"id":51,"label":52,"slug":53},[70,74,78],{"id":71,"title":72,"slug":73},226,"Skeleton","skeleton",{"id":75,"title":76,"slug":77},174,"Card","card",{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":83,"title":84,"logo":85,"baseline":86,"categories":87},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[88,92,96,100],{"id":89,"title":90,"slug":91},36,"Finance","finance",{"id":93,"title":94,"slug":95},39,"Payments","payments",{"id":97,"title":98,"slug":99},48,"Developer Tools","developer-tools",{"id":101,"title":102,"slug":103},37,"Developer APIs","developer-apis",{"uuid":105,"title":106,"description":107,"canonical_path":108,"image":109,"width":39,"height":40,"image_alt":110,"published_at":111,"kind":43,"patterns":112,"component_categories":126,"app":136},"36100bd0-fcfb-4de4-b22a-efc65d934399","Invoices – Dashboard - Latitude.sh","Billing settings page where the user views their invoices, currently showing an empty state with no past billing records.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F36100bd0-fcfb-4de4-b22a-efc65d934399.png","Invoices – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[113,121],{"id":114,"label":115,"slug":116,"rank":49,"group":117},96,"Billing Settings","billing-settings",{"id":118,"label":119,"slug":120},10,"Settings & Admin","settings-and-admin",{"id":122,"label":123,"slug":124,"rank":58,"group":125},115,"Empty State","empty-state",{"id":60,"label":61,"slug":62},[127,131,135],{"id":128,"title":129,"slug":130},177,"Breadcrumb","breadcrumb",{"id":132,"title":133,"slug":134},260,"Badge","badge",{"id":79,"title":80,"slug":81},{"slug":137,"title":138,"logo":139,"baseline":140,"categories":141},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[142],{"id":97,"title":98,"slug":99},{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":39,"height":40,"image_alt":149,"published_at":150,"kind":43,"patterns":151,"component_categories":161,"app":172},"59e99de6-0fa3-493a-b265-690909ade185","Dashboard | inference.net","Settings page where the user manages their prepaid wallet by adding funds, configuring automatic top-ups, and reviewing transaction history.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59e99de6-0fa3-493a-b265-690909ade185.png","Dashboard | inference.net from Inference","2026-09-07T10:14:44.000Z",[152,154,156],{"id":114,"label":115,"slug":116,"rank":49,"group":153},{"id":118,"label":119,"slug":120},{"id":64,"label":65,"slug":66,"rank":58,"group":155},{"id":51,"label":52,"slug":53},{"id":157,"label":158,"slug":159,"rank":67,"group":160},47,"Table","table",{"id":51,"label":52,"slug":53},[162,166,170,171],{"id":163,"title":164,"slug":165},169,"Avatar","avatar",{"id":167,"title":168,"slug":169},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":173,"title":174,"logo":175,"baseline":176,"categories":177},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[178,179,183,184],{"id":97,"title":98,"slug":99},{"id":180,"title":181,"slug":182},16,"Monitoring","monitoring",{"id":101,"title":102,"slug":103},{"id":185,"title":186,"slug":187},80,"Artificial Intelligence","artificial-intelligence",{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":39,"height":40,"image_alt":194,"published_at":195,"kind":43,"patterns":196,"component_categories":209,"app":220},"761fdbbf-331f-45a5-94ec-dfc942883eff","Organizations - Appwrite","Settings page where the user views payment estimates, history, and manages payment methods for their organization.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F761fdbbf-331f-45a5-94ec-dfc942883eff.png","Organizations - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[197,199,207],{"id":114,"label":115,"slug":116,"rank":49,"group":198},{"id":118,"label":119,"slug":120},{"id":200,"label":201,"slug":202,"rank":58,"group":203},92,"Upgrade Prompt","upgrade-prompt",{"id":204,"label":205,"slug":206},9,"Plans & Limits","plans-and-limits",{"id":122,"label":123,"slug":124,"rank":67,"group":208},{"id":60,"label":61,"slug":62},[210,211,212,216,217,218,219],{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":213,"title":214,"slug":215},240,"Horizontal navigation","horizontal-navigation",{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":221,"title":222,"logo":223,"baseline":224,"categories":225},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[226,227,228],{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":229,"title":230,"slug":231},45,"Open Source","open-source",{"uuid":233,"title":234,"description":235,"canonical_path":236,"image":237,"width":238,"height":239,"image_alt":240,"published_at":241,"kind":43,"patterns":242,"component_categories":258,"app":265},"3a1aacf4-bf0d-4706-8e20-5663f6f2df15","Billing History | Mailchimp","Settings page where the user views their billing history, currently showing an empty state with an illustration and a prompt to start a free trial.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a1aacf4-bf0d-4706-8e20-5663f6f2df15.png",2880,1670,"Billing History | Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[243,245,247,252],{"id":122,"label":123,"slug":124,"rank":49,"group":244},{"id":60,"label":61,"slug":62},{"id":114,"label":115,"slug":116,"rank":58,"group":246},{"id":118,"label":119,"slug":120},{"id":248,"label":249,"slug":250,"rank":67,"group":251},91,"Trial","trial",{"id":204,"label":205,"slug":206},{"id":253,"label":254,"slug":255,"rank":256,"group":257},94,"Account Settings","account-settings",3,{"id":118,"label":119,"slug":120},[259,260,261,262,263,264],{"id":132,"title":133,"slug":134},{"id":213,"title":214,"slug":215},{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":266,"title":267,"logo":268,"baseline":269,"categories":270},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[271,275,279],{"id":272,"title":273,"slug":274},25,"Marketing","marketing",{"id":276,"title":277,"slug":278},27,"Email Newsletters","email-newsletters",{"id":280,"title":281,"slug":282},68,"SMS","sms",{"uuid":284,"title":285,"description":286,"canonical_path":287,"image":288,"width":39,"height":289,"image_alt":290,"published_at":291,"kind":43,"patterns":292,"component_categories":299,"app":303},"2eb19677-6744-450b-bb3e-4823d589b7ee","Mocha","Subscription settings page where the user reviews invoice history across Overview, Usage, and Billing History tabs, with no invoices yet recorded.","\u002Fexamples\u002Fapps\u002Fmocha\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2eb19677-6744-450b-bb3e-4823d589b7ee.png",1776,"Mocha from Mocha","2026-04-14T11:44:01.000Z",[293,295,297],{"id":114,"label":115,"slug":116,"rank":49,"group":294},{"id":118,"label":119,"slug":120},{"id":122,"label":123,"slug":124,"rank":58,"group":296},{"id":60,"label":61,"slug":62},{"id":157,"label":158,"slug":159,"rank":67,"group":298},{"id":51,"label":52,"slug":53},[300,301,302],{"id":213,"title":214,"slug":215},{"id":167,"title":168,"slug":169},{"id":79,"title":80,"slug":81},{"slug":304,"title":285,"logo":305,"baseline":306,"categories":307},"mocha","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","Create beautiful websites with words, not code",[308,312,313],{"id":309,"title":310,"slug":311},7,"Web Development","web-development",{"id":185,"title":186,"slug":187},{"id":114,"title":314,"slug":315},"No code","no-code",{"uuid":317,"title":318,"description":319,"canonical_path":320,"image":321,"width":39,"height":289,"image_alt":322,"published_at":323,"kind":43,"patterns":324,"component_categories":327,"app":329},"2ea7eba5-b73d-4c0c-89d1-5f20181bdf8f","Found","List view in a side drawer showing a history of tax payments with their date, name, and amount, including a primary action to add a new payment.","\u002Fexamples\u002Fapps\u002Ffound\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ea7eba5-b73d-4c0c-89d1-5f20181bdf8f.png","Found from Found","2026-03-30T13:28:50.000Z",[325],{"id":157,"label":158,"slug":159,"rank":49,"group":326},{"id":51,"label":52,"slug":53},[328],{"id":79,"title":80,"slug":81},{"slug":330,"title":318,"logo":331,"baseline":332,"categories":333},"found","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6e62a187-70b0-4e5c-8c4a-790249b945b0.png","Smarter banking for your business",[334,335,336],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":337,"title":338,"slug":339},56,"Accounting","accounting",{"uuid":341,"title":342,"description":343,"canonical_path":344,"image":345,"width":39,"height":346,"image_alt":347,"published_at":348,"kind":43,"patterns":349,"component_categories":354,"app":360},"e6c63ae8-9ac7-4717-93b6-8699ec00f675","Payments received","Settings page where the user views a summary of total payments received from member dues for their Meetup groups.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6c63ae8-9ac7-4717-93b6-8699ec00f675.png",4316,"Payments received from Meetup","2026-03-09T10:46:46.000Z",[350,352],{"id":114,"label":115,"slug":116,"rank":49,"group":351},{"id":118,"label":119,"slug":120},{"id":157,"label":158,"slug":159,"rank":58,"group":353},{"id":51,"label":52,"slug":53},[355,356,357,358,359],{"id":213,"title":214,"slug":215},{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":361,"title":362,"logo":363,"baseline":364,"categories":365},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[366,369,373],{"id":58,"title":367,"slug":368},"Communities","communities",{"id":370,"title":371,"slug":372},14,"Social","social",{"id":374,"title":375,"slug":376},26,"Events","events",{"uuid":378,"title":379,"description":380,"canonical_path":381,"image":382,"width":39,"height":383,"image_alt":384,"published_at":385,"kind":43,"patterns":386,"component_categories":400,"app":407},"adad8106-32c8-4350-a3e5-07e250103884","Invoices | Nicelydone","List view where the user manages customer invoices, with options to filter by status or collection method, create new invoices, and perform row-level actions like downloading PDFs or copying links.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadad8106-32c8-4350-a3e5-07e250103884.png",1780,"Invoices | Nicelydone from Whop","2026-02-16T13:59:46.000Z",[387,389,396],{"id":157,"label":158,"slug":159,"rank":49,"group":388},{"id":51,"label":52,"slug":53},{"id":390,"label":391,"slug":392,"rank":58,"group":393},13,"Filter & Sort","filter-and-sort",{"id":67,"label":394,"slug":395},"Actions","actions",{"id":272,"label":397,"slug":398,"rank":67,"group":399},"Upload & Download","upload-and-download",{"id":67,"label":394,"slug":395},[401,405,406],{"id":402,"title":403,"slug":404},211,"Pagination","pagination",{"id":132,"title":133,"slug":134},{"id":79,"title":80,"slug":81},{"slug":408,"title":409,"logo":410,"baseline":411,"categories":412},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[413,414,418],{"id":58,"title":367,"slug":368},{"id":415,"title":416,"slug":417},18,"Marketplace","marketplace",{"id":93,"title":94,"slug":95},{"uuid":420,"title":421,"description":422,"canonical_path":423,"image":424,"width":39,"height":383,"image_alt":425,"published_at":426,"kind":43,"patterns":427,"component_categories":440,"app":446},"0510a082-140d-4319-b100-24d2618ab121","Company - MyKinsta","Settings page where the user views their company's billing invoices and can download past statements.","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0510a082-140d-4319-b100-24d2618ab121.png","Company - MyKinsta from Kinsta","2025-11-03T21:16:47.000Z",[428,430,432],{"id":114,"label":115,"slug":116,"rank":49,"group":429},{"id":118,"label":119,"slug":120},{"id":157,"label":158,"slug":159,"rank":58,"group":431},{"id":51,"label":52,"slug":53},{"id":433,"label":434,"slug":435,"rank":67,"group":436},62,"Breadcrumbs","breadcrumbs",{"id":437,"label":438,"slug":439},6,"Navigation & Commands","navigation-and-commands",[441,442,443,444,445],{"id":128,"title":129,"slug":130},{"id":213,"title":214,"slug":215},{"id":163,"title":164,"slug":165},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":447,"title":448,"logo":449,"baseline":450,"categories":451},"kinsta","Kinsta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","Simply better hosting for WordPress",[452,453],{"id":309,"title":310,"slug":311},{"id":97,"title":98,"slug":99},{"uuid":455,"title":456,"description":457,"canonical_path":458,"image":459,"width":39,"height":383,"image_alt":460,"published_at":461,"kind":43,"patterns":462,"component_categories":470,"app":473},"a91aa1ff-c0b4-4e2f-8812-b0ff18506290","Parallel Platform","Settings page where the user views their billing history, currently showing an empty state with no invoices or receipts found.","\u002Fexamples\u002Fapps\u002Fparallel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa91aa1ff-c0b4-4e2f-8812-b0ff18506290.png","Parallel Platform from Parallel","2025-09-29T13:23:07.000Z",[463,465,467],{"id":114,"label":115,"slug":116,"rank":49,"group":464},{"id":118,"label":119,"slug":120},{"id":122,"label":123,"slug":124,"rank":58,"group":466},{"id":60,"label":61,"slug":62},{"id":468,"label":168,"slug":169,"rank":67,"group":469},69,{"id":437,"label":438,"slug":439},[471,472],{"id":167,"title":168,"slug":169},{"id":75,"title":76,"slug":77},{"slug":474,"title":475,"logo":476,"baseline":477,"categories":478},"parallel","Parallel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fparallel-45w6usw3.png","The highest accuracy web search for your AI",[479,480,481],{"id":185,"title":186,"slug":187},{"id":101,"title":102,"slug":103},{"id":482,"title":483,"slug":484},55,"Search engine","search-engine",{"uuid":486,"title":487,"description":488,"canonical_path":489,"image":490,"width":39,"height":383,"image_alt":491,"published_at":492,"kind":43,"patterns":493,"component_categories":505,"app":508},"4cc0d049-2217-4e13-8f69-2fe39185aeac","Glide","Billing settings page where the user can view their current free plan, monitor team quotas for editors and storage, and upgrade their account.","\u002Fexamples\u002Fapps\u002Fglide\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cc0d049-2217-4e13-8f69-2fe39185aeac.png","Glide from Glide","2025-09-15T14:48:54.000Z",[494,496,498,500],{"id":114,"label":115,"slug":116,"rank":49,"group":495},{"id":118,"label":119,"slug":120},{"id":64,"label":65,"slug":66,"rank":58,"group":497},{"id":51,"label":52,"slug":53},{"id":200,"label":201,"slug":202,"rank":67,"group":499},{"id":204,"label":205,"slug":206},{"id":501,"label":502,"slug":503,"rank":256,"group":504},104,"Team Management","team-management",{"id":118,"label":119,"slug":120},[506,507],{"id":163,"title":164,"slug":165},{"id":75,"title":76,"slug":77},{"slug":509,"title":487,"logo":510,"baseline":511,"categories":512},"glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[513,514,518],{"id":309,"title":310,"slug":311},{"id":515,"title":516,"slug":517},54,"Mobile","mobile",{"id":114,"title":314,"slug":315},[],[521,523,525,528,530,532,534,536,538,540,542,544,546,549,552,555,558,561,564,567,570,573,576,579],{"label":115,"to":522,"count":204},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":158,"to":524,"count":437},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":123,"to":526,"count":527},"\u002Fexamples\u002Fscreens\u002Fempty-state",5,{"label":65,"to":529,"count":256},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":201,"to":531,"count":67},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":254,"to":533,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":434,"to":535,"count":58},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":47,"to":537,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":391,"to":539,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":56,"to":541,"count":58},"\u002Fexamples\u002Fscreens\u002Floading",{"label":168,"to":543,"count":58},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":502,"to":545,"count":58},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":547,"to":548},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":550,"to":551},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":553,"to":554},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":556,"to":557},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":559,"to":560},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":562,"to":563},"Mocha design examples","\u002Fexamples\u002Fapps\u002Fmocha",{"label":565,"to":566},"Found design examples","\u002Fexamples\u002Fapps\u002Ffound",{"label":568,"to":569},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":571,"to":572},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":574,"to":575},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":577,"to":578},"Parallel design examples","\u002Fexamples\u002Fapps\u002Fparallel",{"label":580,"to":581},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"published_at":583,"updated_at":42},"2024-12-23T11:03:07.000Z"]