[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":349},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":326,"links":327,"dates":346},"\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Polar user flows examples - Nicelydone","Explore Polar user flow examples. Preview the opening screens and steps for each task. Sell SaaS and digital products in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b0fbb8e-a852-458f-96cd-ece47aa46caf.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":23,"to":4},"Polar user flows examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Polar","polar","Sell SaaS and digital products in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","https:\u002F\u002Fpolar.sh\u002F","polar_sh",[36,40,44,48],{"id":37,"title":38,"slug":39},36,"Finance","finance",{"id":41,"title":42,"slug":43},39,"Payments","payments",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",{"id":49,"title":50,"slug":51},37,"Developer APIs","developer-apis",[53,81,106,130,156,177,201,220,243,265,286,304],{"uuid":54,"title":55,"description":56,"canonical_path":4,"kind":57,"patterns_count":58,"categories":59,"screens":64,"app":80},"7b2fe5ef-2c61-4cea-8542-abdb52612553","Signing in to sandbox","Authenticating to Polar sandbox environment via OAuth providers or email magic link with OTP verification","flow",7,[60],{"id":61,"title":62,"slug":63},61,"Signing in","sign-in",[65,72,76],{"uuid":66,"title":67,"description":68,"image":11,"image_alt":69,"width":70,"height":71},"0b0fbb8e-a852-458f-96cd-ece47aa46caf","Log in to Polar | Polar","Sign-in screen for a sandbox environment where the user authenticates with Google, Apple, GitHub, or email.","Log in to Polar | Polar from Polar",3024,1758,{"uuid":73,"title":67,"description":74,"image":75,"image_alt":69,"width":70,"height":71},"5d17f619-f665-4a08-ae36-1bf192917acd","Sign-in screen for a sandbox environment offering authentication via Google, Apple, GitHub, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d17f619-f665-4a08-ae36-1bf192917acd.png",{"uuid":77,"title":67,"description":78,"image":79,"image_alt":69,"width":70,"height":71},"3ad465dc-1d64-45b3-bfcf-eb914c49a818","Sign-in screen for a sandbox environment where the user can authenticate via Google, Apple, GitHub, or an email magic link, currently showing a loading state for the email submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ad465dc-1d64-45b3-bfcf-eb914c49a818.png",{"slug":30,"title":29,"logo":32},{"uuid":82,"title":83,"description":84,"canonical_path":4,"kind":57,"patterns_count":85,"categories":86,"screens":91,"app":105},"cdb0f4ba-eac2-488d-a976-74dc30695353","Setting up sandbox organization","User completes multi-step onboarding to create a sandbox organization by naming it, selecting default currency, agreeing to terms, and enabling mock payments testing",12,[87],{"id":88,"title":89,"slug":90},45,"Onboarding","onboarding",[92,97,101],{"uuid":93,"title":29,"description":94,"image":95,"image_alt":96,"width":70,"height":71},"bc06bf3f-a284-45f1-9aee-51fec4f0cf32","Onboarding step where the user creates a test organization by providing a name, selecting a default currency, and agreeing to the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc06bf3f-a284-45f1-9aee-51fec4f0cf32.png","Polar from Polar",{"uuid":98,"title":29,"description":99,"image":100,"image_alt":96,"width":70,"height":71},"90cc2c91-29a8-4dca-8f25-9b1c35a5e62b","Workspace creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90cc2c91-29a8-4dca-8f25-9b1c35a5e62b.png",{"uuid":102,"title":29,"description":103,"image":104,"image_alt":96,"width":70,"height":71},"78913025-e2c4-408f-8974-05784c984380","Onboarding step where the user creates a sandbox organization by providing a name and selecting a default payment currency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78913025-e2c4-408f-8974-05784c984380.png",{"slug":30,"title":29,"logo":32},{"uuid":107,"title":108,"description":109,"canonical_path":4,"kind":57,"patterns_count":85,"categories":110,"screens":114,"app":129},"f38e39c6-4df7-4552-9e92-c74df26f850d","Inviting teammates","Admin user starts from empty or populated team members settings, opens invite modal, enters email, handles validation error, submits, and confirms addition via success toast and updated member list",[111],{"id":112,"title":108,"slug":113},11,"invite-teammates",[115,121,125],{"uuid":116,"title":117,"description":118,"image":119,"image_alt":120,"width":70,"height":71},"4c4f6250-6476-4557-9921-c39f1f26ad25","Members | Nicelydone | Polar","User settings Organization settings Team management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c4f6250-6476-4557-9921-c39f1f26ad25.png","Members | Nicelydone | Polar from Polar",{"uuid":122,"title":117,"description":123,"image":124,"image_alt":120,"width":70,"height":71},"e79abc99-4d0a-4fc9-b954-e47ccaa16dcb","Access control Organization settings Team management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe79abc99-4d0a-4fc9-b954-e47ccaa16dcb.png",{"uuid":126,"title":117,"description":127,"image":128,"image_alt":120,"width":70,"height":71},"24361220-2496-4a11-b767-014e74575327","Access control Team management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24361220-2496-4a11-b767-014e74575327.png",{"slug":30,"title":29,"logo":32},{"uuid":131,"title":132,"description":133,"canonical_path":4,"kind":57,"patterns_count":134,"categories":135,"screens":140,"app":155},"83fccc49-f65c-4a30-b0ff-2c79406f70e6","Filtering revenue analytics","Journey through revenue analytics dashboard applying date range, granularity, and product filters in sandbox mode",6,[136],{"id":137,"title":138,"slug":139},63,"Filtering & sorting","filter-sort",[141,147,151],{"uuid":142,"title":143,"description":144,"image":145,"image_alt":146,"width":70,"height":71},"cafd4afe-519a-4d3c-bc25-240b89c0cfee","Nicelydone | Polar","Analytics dashboard Date filter","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcafd4afe-519a-4d3c-bc25-240b89c0cfee.png","Nicelydone | Polar from Polar",{"uuid":148,"title":143,"description":149,"image":150,"image_alt":146,"width":70,"height":71},"8a99ae9d-173a-4949-aeff-9a050372cb18","Analytics dashboard Data filtering B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a99ae9d-173a-4949-aeff-9a050372cb18.png",{"uuid":152,"title":143,"description":153,"image":154,"image_alt":146,"width":70,"height":71},"b184dc64-c12d-4ea9-af7d-c9b9c907d657","Analytics dashboard for tracking revenue metrics, featuring a three-pane layout with date and product filters, currently displaying an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb184dc64-c12d-4ea9-af7d-c9b9c907d657.png",{"slug":30,"title":29,"logo":32},{"uuid":157,"title":158,"description":159,"canonical_path":4,"kind":57,"patterns_count":160,"categories":161,"screens":163,"app":176},"1972eab5-cd99-4608-a561-8b12f329ed09","Filtering revenue date ranges","User opens date range and product filters on the Polar revenue analytics dashboard to view total, net, and cumulative revenue line charts across preset or custom intervals",18,[162],{"id":137,"title":138,"slug":139},[164,168,172],{"uuid":165,"title":143,"description":166,"image":167,"image_alt":146,"width":70,"height":71},"8d8e4958-58f3-4f72-bea6-4e0ca3730f8e","Dashboard displaying revenue, net revenue, and cumulative revenue charts with date and product filters in an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d8e4958-58f3-4f72-bea6-4e0ca3730f8e.png",{"uuid":169,"title":143,"description":170,"image":171,"image_alt":146,"width":70,"height":71},"065c4531-8f30-4a8e-822d-edd572d18490","B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F065c4531-8f30-4a8e-822d-edd572d18490.png",{"uuid":173,"title":143,"description":174,"image":175,"image_alt":146,"width":70,"height":71},"4d68693d-677c-43ee-a5cc-5323381d56c7","Data visualization SaaS metrics","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d68693d-677c-43ee-a5cc-5323381d56c7.png",{"slug":30,"title":29,"logo":32},{"uuid":178,"title":179,"description":180,"canonical_path":4,"kind":57,"patterns_count":112,"categories":181,"screens":187,"app":200},"6b330625-0d40-4e73-a29b-f23bdb495bcf","Searching analytics events","User searches and filters the analytics events list using timeline, sort, customer, and metadata criteria in Polar's three-pane dashboard",[182,183],{"id":137,"title":138,"slug":139},{"id":184,"title":185,"slug":186},43,"Searching","search",[188,193,197],{"uuid":189,"title":190,"description":170,"image":191,"image_alt":192,"width":70,"height":71},"fb17c616-3aa1-49b0-8c37-1562358eb831","Events | Nicelydone | Polar","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb17c616-3aa1-49b0-8c37-1562358eb831.png","Events | Nicelydone | Polar from Polar",{"uuid":194,"title":190,"description":195,"image":196,"image_alt":192,"width":70,"height":71},"45809407-9202-4305-952d-42def95dd5f8","Analytics dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45809407-9202-4305-952d-42def95dd5f8.png",{"uuid":198,"title":190,"description":195,"image":199,"image_alt":192,"width":70,"height":71},"f256e5b7-b46c-4d07-b972-ccfe7ed3ce73","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff256e5b7-b46c-4d07-b972-ccfe7ed3ce73.png",{"slug":30,"title":29,"logo":32},{"uuid":202,"title":203,"description":204,"canonical_path":4,"kind":57,"patterns_count":112,"categories":205,"screens":206,"app":219},"113add85-3880-4c02-a926-55e1e72ce79a","Monitoring aggregate costs","Viewing aggregate cost metrics including total costs, cost per user, and gross margin over selectable date ranges on the analytics dashboard in sandbox mode",[],[207,212,216],{"uuid":208,"title":209,"description":195,"image":210,"image_alt":211,"width":70,"height":71},"433d89f0-adee-4e70-a322-6343508e20f3","Costs | Nicelydone | Polar","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F433d89f0-adee-4e70-a322-6343508e20f3.png","Costs | Nicelydone | Polar from Polar",{"uuid":213,"title":209,"description":214,"image":215,"image_alt":211,"width":70,"height":71},"d54d6595-9830-454c-aeba-4dcd3b5731d5","Sidebar navigation Analytics dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd54d6595-9830-454c-aeba-4dcd3b5731d5.png",{"uuid":217,"title":209,"description":214,"image":218,"image_alt":211,"width":70,"height":71},"f573d406-55fa-40b7-8a36-474152ca552c","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff573d406-55fa-40b7-8a36-474152ca552c.png",{"slug":30,"title":29,"logo":32},{"uuid":221,"title":222,"description":223,"canonical_path":4,"kind":57,"patterns_count":224,"categories":225,"screens":228,"app":242},"1344bd97-889c-4035-87a6-7ccc308d61a7","Searching customers","Navigating empty customer list states in sandbox with search bar, filter options, and create prompts visible",9,[226,227],{"id":137,"title":138,"slug":139},{"id":184,"title":185,"slug":186},[229,235,238],{"uuid":230,"title":231,"description":232,"image":233,"image_alt":234,"width":70,"height":71},"31463271-a82a-43d0-ac65-807666a4431c","Customers | Nicelydone | Polar","Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31463271-a82a-43d0-ac65-807666a4431c.png","Customers | Nicelydone | Polar from Polar",{"uuid":236,"title":231,"description":170,"image":237,"image_alt":234,"width":70,"height":71},"376fef17-35cc-42cf-b50e-af19ac500593","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F376fef17-35cc-42cf-b50e-af19ac500593.png",{"uuid":239,"title":231,"description":240,"image":241,"image_alt":234,"width":70,"height":71},"b9683a6f-ff67-4122-9fba-2627760eb93f","List view where the user manages customers, currently showing an empty state with a prompt to create their first customer in a sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9683a6f-ff67-4122-9fba-2627760eb93f.png",{"slug":30,"title":29,"logo":32},{"uuid":244,"title":245,"description":246,"canonical_path":4,"kind":57,"patterns_count":247,"categories":248,"screens":253,"app":264},"f969a980-a3ed-458f-8de2-0ace4c1bdd21","Creating customer","User opens a side drawer from the customer list to input name, email, external ID and optional metadata, handling validation errors before saving the record",8,[249],{"id":250,"title":251,"slug":252},28,"Creating","create",[254,257,261],{"uuid":255,"title":231,"description":170,"image":256,"image_alt":234,"width":70,"height":71},"687b9f1c-68eb-4ea1-a225-c6d7ae53f500","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F687b9f1c-68eb-4ea1-a225-c6d7ae53f500.png",{"uuid":258,"title":231,"description":259,"image":260,"image_alt":234,"width":70,"height":71},"cabaa0f1-eac1-4212-ab85-3cfc605af0b1","List view where the user is creating a new customer via a side drawer, inputting name, email, and an optional external ID.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcabaa0f1-eac1-4212-ab85-3cfc605af0b1.png",{"uuid":262,"title":231,"description":170,"image":263,"image_alt":234,"width":70,"height":71},"823e9b97-3e2c-435e-aba5-abcc38953942","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F823e9b97-3e2c-435e-aba5-abcc38953942.png",{"slug":30,"title":29,"logo":32},{"uuid":266,"title":267,"description":268,"canonical_path":4,"kind":57,"patterns_count":134,"categories":269,"screens":271,"app":285},"2d48e643-8d62-4a8a-b82b-4fa14a36a449","Creating product","User configures basic product information, pricing model (one-time or recurring), currencies, benefits, metadata, visibility, and checkout settings in sandbox mode",[270],{"id":250,"title":251,"slug":252},[272,278,281],{"uuid":273,"title":274,"description":275,"image":276,"image_alt":277,"width":70,"height":71},"6d57e712-6c2f-4d14-8aa4-d6ae77406459","Create Product | Nicelydone | Polar","Form layout","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d57e712-6c2f-4d14-8aa4-d6ae77406459.png","Create Product | Nicelydone | Polar from Polar",{"uuid":279,"title":274,"description":232,"image":280,"image_alt":277,"width":70,"height":71},"7198005c-9fff-41ea-a871-3f7286a5538c","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7198005c-9fff-41ea-a871-3f7286a5538c.png",{"uuid":282,"title":274,"description":283,"image":284,"image_alt":277,"width":70,"height":71},"589477f0-f249-48a7-a768-ca64afa660ff","Create page where the user configures a new product, including its name, pricing model, and supported currencies.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F589477f0-f249-48a7-a768-ca64afa660ff.png",{"slug":30,"title":29,"logo":32},{"uuid":287,"title":288,"description":289,"canonical_path":4,"kind":57,"patterns_count":58,"categories":290,"screens":292,"app":303},"dcaf19ea-fc44-40c7-bfc9-a06d7de15b41","Configuring product creation","User fills Create Product Form in Polar sandbox, sets basic information, pricing model, currencies, benefits, metadata and visibility while encountering repeated validation errors on required name and price fields",[291],{"id":250,"title":251,"slug":252},[293,296,299],{"uuid":294,"title":274,"description":275,"image":295,"image_alt":277,"width":70,"height":71},"49ce1cf6-4567-472a-8ad1-a3e8ada7c19f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49ce1cf6-4567-472a-8ad1-a3e8ada7c19f.png",{"uuid":297,"title":274,"description":275,"image":298,"image_alt":277,"width":70,"height":71},"4a1caa05-d2fc-43fa-85c1-b272a6afac5e","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a1caa05-d2fc-43fa-85c1-b272a6afac5e.png",{"uuid":300,"title":274,"description":301,"image":302,"image_alt":277,"width":70,"height":71},"1c3169b3-9af2-4be3-b6db-4f12ebe1161a","Create page where the user configures a new product's basic information, billing cycle, and pricing model, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c3169b3-9af2-4be3-b6db-4f12ebe1161a.png",{"slug":30,"title":29,"logo":32},{"uuid":305,"title":306,"description":307,"canonical_path":4,"kind":57,"patterns_count":85,"categories":308,"screens":310,"app":325},"cdd94802-5657-4859-b87a-8ce9bc75b914","Creating checkout link","User starts from empty checkout links list and configures a new link in a drawer by selecting products, setting URLs, labels, and discount options",[309],{"id":250,"title":251,"slug":252},[311,317,321],{"uuid":312,"title":313,"description":314,"image":315,"image_alt":316,"width":70,"height":71},"741fc28f-40c8-497e-b2e3-549b64ac4333","Checkout Links | Nicelydone | Polar","List view where the user manages checkout links, currently showing an empty state with a prompt to create the first link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F741fc28f-40c8-497e-b2e3-549b64ac4333.png","Checkout Links | Nicelydone | Polar from Polar",{"uuid":318,"title":313,"description":319,"image":320,"image_alt":316,"width":70,"height":71},"a4e4b650-8025-4767-8857-d5558f266a88","List view for managing checkout links, currently showing an empty state prompting the user to create their first link in a sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4e4b650-8025-4767-8857-d5558f266a88.png",{"uuid":322,"title":313,"description":323,"image":324,"image_alt":316,"width":70,"height":71},"633cd92a-e9d0-44eb-9399-481bed5824ab","Creation drawer where the user configures a new checkout link by setting labels, selecting products, defining success URLs, and toggling discount codes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F633cd92a-e9d0-44eb-9399-481bed5824ab.png",{"slug":30,"title":29,"logo":32},[],[328,331,334,337,340,343],{"label":329,"to":330},"Polar product screens","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",{"label":332,"to":333},"Polar marketing pages","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing",{"label":335,"to":336},"Polar UI components","\u002Fexamples\u002Fapps\u002Fpolar\u002Fcomponents",{"label":338,"to":339},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":341,"to":342},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":344,"to":345},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":347,"updated_at":348},"2024-11-18T10:29:19.000Z","2026-09-21T19:01:38.000Z",{"left":350,"top":350,"width":351,"height":351,"rotate":350,"vFlip":352,"hFlip":352,"body":353},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]