[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flithic\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":332},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":309,"links":310,"dates":329},"\u002Fexamples\u002Fapps\u002Flithic\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Lithic user flows examples - Nicelydone","Explore Lithic user flow examples. Preview the opening screens and steps for each task. Programmable card issuing and money movement platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa664bd03-5357-412f-ba51-2696261641e8.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},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":23,"to":4},"Lithic 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,"categories":34},"Lithic","lithic","Programmable card issuing and money movement platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","https:\u002F\u002Fwww.lithic.com\u002F",[35,39,43],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},39,"Payments","payments",{"id":44,"title":45,"slug":46},37,"Developer APIs","developer-apis",[48,75,99,123,149,164,186,198,220,242,267,288],{"uuid":49,"title":50,"description":51,"canonical_path":4,"kind":52,"patterns_count":53,"categories":54,"screens":58,"app":74},"e959cba2-deb7-418b-a11c-59904c38e84d","Signing up","User creates a Lithic account via email\u002Fpassword or Google OAuth after agreeing to terms, with password strength feedback and duplicate email error handling","flow",6,[55],{"id":56,"title":50,"slug":57},103,"signing-up",[59,66,70],{"uuid":60,"title":61,"description":62,"image":11,"image_alt":63,"width":64,"height":65},"a664bd03-5357-412f-ba51-2696261641e8","Lithic - Sign Up","Account creation","Lithic - Sign Up from Lithic",3024,1758,{"uuid":67,"title":61,"description":68,"image":69,"image_alt":63,"width":64,"height":65},"3d5284ce-3311-4cf7-86d8-90f4e6b5d44a","Signup screen where the user can create an account using an email and password or via Google OAuth, after agreeing to the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3d5284ce-3311-4cf7-86d8-90f4e6b5d44a.png",{"uuid":71,"title":61,"description":72,"image":73,"image_alt":63,"width":64,"height":65},"af9e4386-6729-4f0d-a584-dffa511281e3","Authentication","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf9e4386-6729-4f0d-a584-dffa511281e3.png",{"slug":30,"title":29,"logo":32},{"uuid":76,"title":77,"description":78,"canonical_path":4,"kind":52,"patterns_count":53,"categories":79,"screens":83,"app":98},"3bd856ce-76a5-4a6d-9eda-5825de7a6908","Resetting password","User requests a password reset link via email from the login modal, receives confirmation, then enters and confirms a new password on the reset form, ending at a success alert",[80],{"id":81,"title":77,"slug":82},58,"reset-password",[84,90,94],{"uuid":85,"title":86,"description":87,"image":88,"image_alt":89,"width":64,"height":65},"17060e09-682c-4afa-98a2-6ee863579a35","Lithic - Login","Password recovery screen where the user enters their email address in a modal overlay to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17060e09-682c-4afa-98a2-6ee863579a35.png","Lithic - Login from Lithic",{"uuid":91,"title":86,"description":92,"image":93,"image_alt":89,"width":64,"height":65},"e6bd4fe1-42d9-4744-be6d-fa80391d39c0","Password recovery screen where the user enters their email address to request a reset link over a dimmed login form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6bd4fe1-42d9-4744-be6d-fa80391d39c0.png",{"uuid":95,"title":86,"description":96,"image":97,"image_alt":89,"width":64,"height":65},"3ce0386f-0eac-48ab-9d50-692fef64e1d0","Password recovery screen where a modal confirms that a reset link has been sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ce0386f-0eac-48ab-9d50-692fef64e1d0.png",{"slug":30,"title":29,"logo":32},{"uuid":100,"title":101,"description":102,"canonical_path":4,"kind":52,"patterns_count":103,"categories":104,"screens":109,"app":122},"67ddd828-b450-408b-8d49-b817f3d880da","Signing in with one-time passcode","User enters email and password on login screen then verifies identity by entering emailed one-time passcode",9,[105],{"id":106,"title":107,"slug":108},61,"Signing in","sign-in",[110,114,118],{"uuid":111,"title":86,"description":112,"image":113,"image_alt":89,"width":64,"height":65},"065288f0-2a93-495a-9f2a-3cc20b7d69b4","Sign-in screen where the user authenticates with their email and password or via Google OAuth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F065288f0-2a93-495a-9f2a-3cc20b7d69b4.png",{"uuid":115,"title":86,"description":116,"image":117,"image_alt":89,"width":64,"height":65},"8a0465cb-4c5e-4eec-9a29-fb5ca8b3ab1e","Sign-in screen where the user authenticates with an email and password or via Google SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a0465cb-4c5e-4eec-9a29-fb5ca8b3ab1e.png",{"uuid":119,"title":86,"description":120,"image":121,"image_alt":89,"width":64,"height":65},"e732604e-8969-4d14-b5ad-c902eb58a0da","Signin screen where the user authenticates with an email and password or via Google SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe732604e-8969-4d14-b5ad-c902eb58a0da.png",{"slug":30,"title":29,"logo":32},{"uuid":124,"title":125,"description":126,"canonical_path":4,"kind":52,"patterns_count":127,"categories":128,"screens":133,"app":148},"abb4171e-5449-4eae-97e5-ce0ab0d2d7b8","Creating authorization rule","User builds and saves a conditional authorization rule by defining name, scope, exclusions, transaction criteria, and actions across sequential form states in Lithic",12,[129],{"id":130,"title":131,"slug":132},28,"Creating","create",[134,140,144],{"uuid":135,"title":136,"description":137,"image":138,"image_alt":139,"width":64,"height":65},"c0d07fa7-5e6e-4248-9d49-4185257d6cca","Lithic - Create Authorization Rule","Creation form where the user configures a new authorization rule draft by setting its name, application scope, token exclusions, and rule type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0d07fa7-5e6e-4248-9d49-4185257d6cca.png","Lithic - Create Authorization Rule from Lithic",{"uuid":141,"title":136,"description":142,"image":143,"image_alt":139,"width":64,"height":65},"fe6778ba-02d2-40f8-a86b-cdc5f33ac3d3","Creation form where the user defines a new authorization rule by setting its name, scope, type, and conditional actions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6778ba-02d2-40f8-a86b-cdc5f33ac3d3.png",{"uuid":145,"title":136,"description":146,"image":147,"image_alt":139,"width":64,"height":65},"67d46aa3-fd84-4a4c-ac21-4735a989ea97","Form where the user creates a new authorization rule by setting a name, scope, exclusions, and conditions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67d46aa3-fd84-4a4c-ac21-4735a989ea97.png",{"slug":30,"title":29,"logo":32},{"uuid":150,"title":151,"description":152,"canonical_path":4,"kind":52,"patterns_count":153,"categories":154,"screens":159,"app":163},"3b8f3c9f-c288-49c6-97f9-227a1ddb092e","Configuring rule conditions","Multi-screen creation flow to define conditional authorization rules by setting name, scope, exclusions, transaction criteria, and actions in Lithic",11,[155],{"id":156,"title":157,"slug":158},71,"Settings","settings",[160,161,162],{"uuid":135,"title":136,"description":137,"image":138,"image_alt":139,"width":64,"height":65},{"uuid":141,"title":136,"description":142,"image":143,"image_alt":139,"width":64,"height":65},{"uuid":145,"title":136,"description":146,"image":147,"image_alt":139,"width":64,"height":65},{"slug":30,"title":29,"logo":32},{"uuid":165,"title":166,"description":167,"canonical_path":4,"kind":52,"patterns_count":168,"categories":169,"screens":171,"app":185},"95fadd7c-0c63-4c35-a8dd-3a47a6dfb9b6","Creating 3DS rule","User configures a new 3DS authentication rule via form settings or custom TypeScript code editor with AI assistance, then saves it in the sandbox environment",17,[170],{"id":130,"title":131,"slug":132},[172,178,182],{"uuid":173,"title":174,"description":175,"image":176,"image_alt":177,"width":64,"height":65},"24f4846c-81c4-4760-96a3-ca83e80d3d99","Lithic - Create 3DS Rule","Form layout","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24f4846c-81c4-4760-96a3-ca83e80d3d99.png","Lithic - Create 3DS Rule from Lithic",{"uuid":179,"title":174,"description":180,"image":181,"image_alt":177,"width":64,"height":65},"a5e92437-f814-4bc8-bd66-e5e55ef94ba9","Create page where the user configures a new 3DS rule draft by setting its name, application scope, and rule type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5e92437-f814-4bc8-bd66-e5e55ef94ba9.png",{"uuid":183,"title":174,"description":175,"image":184,"image_alt":177,"width":64,"height":65},"9141e769-1789-4258-842c-516fa0901813","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9141e769-1789-4258-842c-516fa0901813.png",{"slug":30,"title":29,"logo":32},{"uuid":187,"title":188,"description":189,"canonical_path":4,"kind":52,"patterns_count":190,"categories":191,"screens":193,"app":197},"6f9ba6df-52db-44da-b7f7-4b179c3d4b14","Configuring 3DS rule","User creates a new 3DS rule draft in Lithic by completing a multi-state creation form that sets name, application scope, token exclusions, and rule type or custom logic",10,[192],{"id":156,"title":157,"slug":158},[194,195,196],{"uuid":173,"title":174,"description":175,"image":176,"image_alt":177,"width":64,"height":65},{"uuid":179,"title":174,"description":180,"image":181,"image_alt":177,"width":64,"height":65},{"uuid":183,"title":174,"description":175,"image":184,"image_alt":177,"width":64,"height":65},{"slug":30,"title":29,"logo":32},{"uuid":199,"title":200,"description":201,"canonical_path":4,"kind":52,"patterns_count":53,"categories":202,"screens":204,"app":219},"5fed3631-3ba0-453b-a494-5982a887aab6","Creating ACH debit rule","Drafting a new ACH debit rule via form inputs then writing custom TypeScript logic in a code editor with AI assistance before reviewing on the detail page",[203],{"id":130,"title":131,"slug":132},[205,211,215],{"uuid":206,"title":207,"description":208,"image":209,"image_alt":210,"width":64,"height":65},"bd012487-4052-47a8-8d89-a9b053a688f6","Lithic - Create ACH Debit Rule","Creation screen where the user drafts a new ACH debit rule by providing a name, application scope, exclusions, and rule type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd012487-4052-47a8-8d89-a9b053a688f6.png","Lithic - Create ACH Debit Rule from Lithic",{"uuid":212,"title":207,"description":213,"image":214,"image_alt":210,"width":64,"height":65},"8cdf081b-66fb-44ce-8a85-d0e3420878f4","Code editor modal where the user writes custom ACH debit rules with the help of an AI assistant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8cdf081b-66fb-44ce-8a85-d0e3420878f4.png",{"uuid":216,"title":207,"description":217,"image":218,"image_alt":210,"width":64,"height":65},"e92c5cd1-bda1-4470-9dec-95dd485bacba","Code editor modal where a developer writes custom ACH debit rules using TypeScript alongside an AI assistant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe92c5cd1-bda1-4470-9dec-95dd485bacba.png",{"slug":30,"title":29,"logo":32},{"uuid":221,"title":222,"description":223,"canonical_path":4,"kind":52,"patterns_count":224,"categories":225,"screens":227,"app":241},"c5d521c7-f9cf-49d8-900b-c604bd4c0f94","Creating tokenization rule","User drafts and configures a new tokenization rule via multi-screen form in sandbox, sets conditions and actions, then reviews on detail page before returning to rules list",7,[226],{"id":130,"title":131,"slug":132},[228,234,238],{"uuid":229,"title":230,"description":231,"image":232,"image_alt":233,"width":64,"height":65},"71d56654-2db3-4481-a74b-18ed603e6279","Lithic - Create Tokenization Rule","Creation form where the user drafts a new tokenization rule by defining its name, application scope, exclusions, and rule type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71d56654-2db3-4481-a74b-18ed603e6279.png","Lithic - Create Tokenization Rule from Lithic",{"uuid":235,"title":230,"description":236,"image":237,"image_alt":233,"width":64,"height":65},"2b02469f-6ea1-404d-884b-7226b16ab585","Fintech","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b02469f-6ea1-404d-884b-7226b16ab585.png",{"uuid":239,"title":230,"description":175,"image":240,"image_alt":233,"width":64,"height":65},"e02b3ab8-aa6e-417f-bff0-cad48baff4c3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe02b3ab8-aa6e-417f-bff0-cad48baff4c3.png",{"slug":30,"title":29,"logo":32},{"uuid":243,"title":244,"description":245,"canonical_path":4,"kind":52,"patterns_count":190,"categories":246,"screens":251,"app":266},"e0d97913-1c7c-426e-9143-8f73cecf3428","Filtering monitoring rules","Filtering, searching, and viewing monitoring rules lists in sandbox for card transaction management",[247],{"id":248,"title":249,"slug":250},63,"Filtering & sorting","filter-sort",[252,258,262],{"uuid":253,"title":254,"description":255,"image":256,"image_alt":257,"width":64,"height":65},"b1339b22-ea4c-4ce1-b454-1a7c749c1ed7","Lithic - Rules","List view where the user manages monitoring rules for a card program, currently viewing the sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1339b22-ea4c-4ce1-b454-1a7c749c1ed7.png","Lithic - Rules from Lithic",{"uuid":259,"title":254,"description":260,"image":261,"image_alt":257,"width":64,"height":65},"696c2e69-792d-4279-ad8a-0a2551abf55a","List view where the user manages and filters monitoring rules for card transactions in a sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F696c2e69-792d-4279-ad8a-0a2551abf55a.png",{"uuid":263,"title":254,"description":264,"image":265,"image_alt":257,"width":64,"height":65},"b1ae7bbc-c2a9-40b5-b559-2ff0f83f71bc","List view of monitoring rules where the user has entered an invalid search query, resulting in an inline error state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1ae7bbc-c2a9-40b5-b559-2ff0f83f71bc.png",{"slug":30,"title":29,"logo":32},{"uuid":268,"title":269,"description":270,"canonical_path":4,"kind":52,"patterns_count":224,"categories":271,"screens":273,"app":287},"2e6c1224-84fb-4578-9a27-3963804aade4","Filtering account holders","Navigating account holders list views in sandbox, applying filters\u002Fsearch across empty, error, and default table states",[272],{"id":248,"title":249,"slug":250},[274,280,284],{"uuid":275,"title":276,"description":277,"image":278,"image_alt":279,"width":64,"height":65},"a193c417-9714-4a8a-846d-82a9166818b5","Lithic - Account Holders","Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa193c417-9714-4a8a-846d-82a9166818b5.png","Lithic - Account Holders from Lithic",{"uuid":281,"title":276,"description":282,"image":283,"image_alt":279,"width":64,"height":65},"c7736eed-28f0-4f68-8928-153c1151dafa","B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7736eed-28f0-4f68-8928-153c1151dafa.png",{"uuid":285,"title":276,"description":277,"image":286,"image_alt":279,"width":64,"height":65},"0cf12ced-366e-40d2-9501-e89496026a33","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cf12ced-366e-40d2-9501-e89496026a33.png",{"slug":30,"title":29,"logo":32},{"uuid":289,"title":290,"description":291,"canonical_path":4,"kind":52,"patterns_count":103,"categories":292,"screens":294,"app":308},"c23d6469-3104-4c5d-9f67-5884f9fe5190","Filtering transactions","User applies date, result, status, and token filters on sandbox transaction list views to review financial records",[293],{"id":248,"title":249,"slug":250},[295,301,304],{"uuid":296,"title":297,"description":298,"image":299,"image_alt":300,"width":64,"height":65},"ab0c2d2b-7676-40de-a166-4c8978e31fe3","Lithic - Transactions","Transaction history","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab0c2d2b-7676-40de-a166-4c8978e31fe3.png","Lithic - Transactions from Lithic",{"uuid":302,"title":297,"description":298,"image":303,"image_alt":300,"width":64,"height":65},"11f17af7-4869-45d1-9d95-79cf5224c70b","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F11f17af7-4869-45d1-9d95-79cf5224c70b.png",{"uuid":305,"title":297,"description":306,"image":307,"image_alt":300,"width":64,"height":65},"e9b948f7-edf8-4353-8c2a-276bb4a323e3","Transaction history Payment processing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9b948f7-edf8-4353-8c2a-276bb4a323e3.png",{"slug":30,"title":29,"logo":32},[],[311,314,317,320,323,326],{"label":312,"to":313},"Lithic product screens","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens",{"label":315,"to":316},"Lithic marketing pages","\u002Fexamples\u002Fapps\u002Flithic\u002Fmarketing",{"label":318,"to":319},"Lithic UI components","\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents",{"label":321,"to":322},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":324,"to":325},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":327,"to":328},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":330,"updated_at":331},"2026-06-19T19:26:46.000Z","2026-09-13T13:02:39.000Z",{"left":333,"top":333,"width":334,"height":334,"rotate":333,"vFlip":335,"hFlip":335,"body":336},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>"]