[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmollie":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":338,"dates":373},"\u002Fexamples\u002Fapps\u002Fmollie","detail","apps",true,{"title":9,"description":10,"og_image":11},"Mollie design examples - Nicelydone","Explore Mollie UI design examples. Better payments","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_sign-in_a53a1794_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Mollie design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Mollie",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmollie\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fmollie\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Mollie","mollie","Better payments","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmollie-d3b5befe.png","https:\u002F\u002Fwww.mollie.com",[41,45],{"id":42,"title":43,"slug":44},39,"Payments","payments",{"id":46,"title":47,"slug":48},36,"Finance","finance",[],[51,335],{"family":52,"examples":53},"screens",[54,79,92,107,142,164,184,215,241,265,292,318],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":77},"b9df56e5-129f-4514-8818-eea50178c70c","Sign in","Sign-in screen where the user authenticates with their username and password, with options to remember the session or recover a forgotten password.",2880,1534,"Sign in from Mollie","screen",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},2,"Forgot Password","forgot-password",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73],{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":29,"image":83,"width":58,"height":59,"image_alt":84,"kind":61,"patterns":85,"component_categories":88,"app":90},"cb6b631a-5780-4cae-b51a-531659f15906","Forgotten password","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_forgotten-password_c9152e1c_nicelydone.png","Forgotten password from Mollie",[86],{"id":64,"label":65,"slug":66,"rank":67,"group":87},{"id":69,"label":70,"slug":71},[89],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":29,"image":96,"width":58,"height":59,"image_alt":97,"kind":61,"patterns":98,"component_categories":104,"app":105},"af96aac8-b8ef-4966-a0a6-8f90e2cba892","Sign up","Signup screen where the user creates a business account by providing their name, email, and password, accompanied by a promotional sidebar highlighting supported payment methods, integrations, and merchant count.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_sign-up_e2e66985_nicelydone.png","Sign up from Mollie",[99],{"id":100,"label":101,"slug":102,"rank":67,"group":103},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[],{"slug":36,"title":35,"logo":38,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":29,"image":111,"width":58,"height":59,"image_alt":112,"kind":61,"patterns":113,"component_categories":134,"app":140},"20da58ef-1d94-463a-b0de-c2e3462379a8","Homepage","Onboarding screen where the user is prompted to activate their account for live payments, view API keys, and explore developer resources.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_homepage_e96f738b_nicelydone.png","Homepage from Mollie",[114,122,130],{"id":115,"label":116,"slug":117,"rank":67,"group":118},77,"Welcome","welcome",{"id":119,"label":120,"slug":121},7,"Onboarding & Education","onboarding-and-education",{"id":123,"label":124,"slug":125,"rank":69,"group":126},41,"Dashboard","dashboard",{"id":127,"label":128,"slug":129},4,"Data & Analysis","data-and-analysis",{"id":69,"label":131,"slug":132,"rank":64,"group":133},"Account Setup","account-setup",{"id":69,"label":70,"slug":71},[135,139],{"id":136,"title":137,"slug":138},174,"Card","card",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":141},[],{"uuid":143,"title":144,"description":145,"canonical_path":29,"image":146,"width":58,"height":147,"image_alt":148,"kind":61,"patterns":149,"component_categories":157,"app":162},"f81019f2-b563-49e0-875d-1add7cc82720","Onboarding form","Onboarding step where the user provides basic business information, including location, legal form, and address, to set up their organization.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_onboarding-form_eaf50d31_nicelydone.png",1988,"Onboarding form from Mollie",[150,152],{"id":69,"label":131,"slug":132,"rank":67,"group":151},{"id":69,"label":70,"slug":71},{"id":153,"label":154,"slug":155,"rank":69,"group":156},75,"Setup Wizard","setup-wizard",{"id":119,"label":120,"slug":121},[158],{"id":159,"title":160,"slug":161},227,"Stepper","stepper",{"slug":36,"title":35,"logo":38,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":29,"image":168,"width":58,"height":169,"image_alt":170,"kind":61,"patterns":171,"component_categories":179,"app":182},"46499dcf-a70b-4636-8e1c-391fa996f867","Onboarding","Onboarding step where the user provides legal representative and beneficial owner details for their company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_onboarding_4630b16e_nicelydone.png",3052,"Onboarding from Mollie",[172,177],{"id":173,"label":174,"slug":175,"rank":67,"group":176},42,"Form","form",{"id":127,"label":128,"slug":129},{"id":69,"label":131,"slug":132,"rank":69,"group":178},{"id":69,"label":70,"slug":71},[180,181],{"id":159,"title":160,"slug":161},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":29,"image":188,"width":58,"height":189,"image_alt":190,"kind":61,"patterns":191,"component_categories":210,"app":213},"4d817c39-297a-4841-abc9-dac6472cdea9","Activate your email","Payments list view in an empty state, prompting the user to activate their account or use test API keys, featuring an example transaction table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_activate-your-email_edd6e2e1_nicelydone.png",1626,"Activate your email from Mollie",[192,200,202,207],{"id":193,"label":194,"slug":195,"rank":67,"group":196},115,"Empty State","empty-state",{"id":197,"label":198,"slug":199},12,"States & Feedback","states-and-feedback",{"id":69,"label":131,"slug":132,"rank":69,"group":201},{"id":69,"label":70,"slug":71},{"id":203,"label":204,"slug":205,"rank":64,"group":206},47,"Table","table",{"id":127,"label":128,"slug":129},{"id":123,"label":124,"slug":125,"rank":208,"group":209},3,{"id":127,"label":128,"slug":129},[211,212],{"id":136,"title":137,"slug":138},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":29,"image":219,"width":58,"height":220,"image_alt":221,"kind":61,"patterns":222,"component_categories":232,"app":239},"6831e8a0-43aa-4c57-b6c0-69cf68c22330","Profile settings","Onboarding step where the user configures their website details, contact information, and enables desired payment methods like Credit Card, Apple Pay, and PayPal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_profile-settings_771170d4_nicelydone.png",4934,"Profile settings from Mollie",[223,225],{"id":69,"label":131,"slug":132,"rank":67,"group":224},{"id":69,"label":70,"slug":71},{"id":208,"label":226,"slug":227,"rank":69,"group":228},"Profile","profile",{"id":229,"label":230,"slug":231},11,"Social & Collaboration","social-and-collaboration",[233,237,238],{"id":234,"title":235,"slug":236},260,"Badge","badge",{"id":159,"title":160,"slug":161},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":240},[],{"uuid":242,"title":124,"description":243,"canonical_path":29,"image":244,"width":58,"height":245,"image_alt":246,"kind":61,"patterns":247,"component_categories":257,"app":263},"5e987892-528a-4c97-b240-075505f66eef","Dashboard showing payment statistics with a line chart comparing current and previous periods, KPI totals for revenue and refunds, and a daily breakdown data table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_dashboard_3714054d_nicelydone.png",5566,"Dashboard from Mollie",[248,250,255],{"id":123,"label":124,"slug":125,"rank":67,"group":249},{"id":127,"label":128,"slug":129},{"id":251,"label":252,"slug":253,"rank":69,"group":254},40,"Charts","charts",{"id":127,"label":128,"slug":129},{"id":203,"label":204,"slug":205,"rank":64,"group":256},{"id":127,"label":128,"slug":129},[258,262],{"id":259,"title":260,"slug":261},233,"Tabs","tabs",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":29,"image":269,"width":58,"height":59,"image_alt":270,"kind":61,"patterns":271,"component_categories":286,"app":290},"19465fd8-7a30-46d5-a66b-7aff3568718b","KYB","Onboarding step where the user uploads a passport or other identification document for the legal representative.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_kyb_90120014_nicelydone.png","KYB from Mollie",[272,274,279],{"id":69,"label":131,"slug":132,"rank":67,"group":273},{"id":69,"label":70,"slug":71},{"id":275,"label":276,"slug":277,"rank":69,"group":278},6,"Verification","verification",{"id":69,"label":70,"slug":71},{"id":280,"label":281,"slug":282,"rank":64,"group":283},25,"Upload & Download","upload-and-download",{"id":64,"label":284,"slug":285},"Actions","actions",[287,288,289],{"id":159,"title":160,"slug":161},{"id":136,"title":137,"slug":138},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":291},[],{"uuid":293,"title":294,"description":295,"canonical_path":29,"image":296,"width":58,"height":189,"image_alt":297,"kind":61,"patterns":298,"component_categories":313,"app":316},"949543e1-07ee-47bf-aa9c-3821989c4e56","Current balance","Dashboard showing the current balance and next settlement details, with an empty state for open balances and a pending bank verification banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_current-balance_7c636c12_nicelydone.png","Current balance from Mollie",[299,301,303,308],{"id":123,"label":124,"slug":125,"rank":67,"group":300},{"id":127,"label":128,"slug":129},{"id":193,"label":194,"slug":195,"rank":69,"group":302},{"id":197,"label":198,"slug":199},{"id":304,"label":305,"slug":306,"rank":64,"group":307},46,"Stats","stats",{"id":127,"label":128,"slug":129},{"id":309,"label":310,"slug":311,"rank":208,"group":312},15,"Import & Export","import-and-export",{"id":64,"label":284,"slug":285},[314,315],{"id":136,"title":137,"slug":138},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":317},[],{"uuid":319,"title":320,"description":321,"canonical_path":29,"image":322,"width":58,"height":189,"image_alt":323,"kind":61,"patterns":324,"component_categories":332,"app":333},"09b37dc5-c202-4fe9-9715-4eebf5d06a76","Notification feed","Inbox view where the user reads recent system alerts, including a warning about VAT details and an account activation confirmation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmollie_notification-feed_c5bc6603_nicelydone.png","Notification feed from Mollie",[325,330],{"id":326,"label":327,"slug":328,"rank":67,"group":329},110,"Notifications","notifications",{"id":229,"label":230,"slug":231},{"id":203,"label":204,"slug":205,"rank":69,"group":331},{"id":127,"label":128,"slug":129},[],{"slug":36,"title":35,"logo":38,"categories":334},[],{"family":336,"examples":337},"pages",[],[339,341,343,346,349,352,355,357,361,365,369],{"label":340,"to":29},"Mollie product screens",{"label":342,"to":32},"Mollie marketing pages",{"label":344,"to":345},"Mollie user flows","\u002Fexamples\u002Fapps\u002Fmollie\u002Fflows",{"label":347,"to":348},"Mollie UI components","\u002Fexamples\u002Fapps\u002Fmollie\u002Fcomponents",{"label":350,"to":351},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":353,"to":354},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":356,"to":18},"All SaaS app examples",{"label":358,"to":359,"description":360},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":362,"to":363,"description":364},"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":366,"to":367,"description":368},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":370,"to":371,"description":372},"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":374,"updated_at":375},"2020-02-03T13:15:00.000Z","2026-09-13T13:02:39.000Z"]