[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":203,"links":204,"dates":223},"\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Lithic UI components examples - Nicelydone","Browse Lithic UI component design examples. Preview individual interface elements and explore related component categories. Programmable card issuing and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0b4db839-fa8c-4bdd-97b8-70365246da8a.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Lithic UI component design examples. Preview individual interface elements and explore related component categories. Programmable card issuing and money movement platform",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"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",[36,40,44],{"id":37,"title":38,"slug":39},36,"Finance","finance",{"id":41,"title":42,"slug":43},39,"Payments","payments",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",[49,64,77,90,103,116,129,142,152,165,177,190],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"4c054cc1-c320-439a-9f64-ab798a25ce39","Lithic UI component","A confirmation modal asking the user to confirm a deletion action for a sandbox API key, with a warning about the consequences.",1047,683,"UI component from Lithic","component",[58],{"id":59,"title":60,"slug":61},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"a32892c3-e659-439b-bad7-7c9174f0fade","A filter setting for merchant category codes with a toggle, radio buttons, and a text input field.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa21de92b-0919-424b-97ad-7756f6f648f4.png",828,544,[71],{"id":72,"title":73,"slug":74},216,"Radio button","radio-button",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":88},"59bf86b1-c136-44c1-97da-6d520e0183ca","A success notification modal with a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3be431ab-a28e-4768-9320-c2568c6fe157.png",701,244,[84],{"id":85,"title":86,"slug":87},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":55,"kind":56,"categories":96,"app":101},"710ea380-e43c-4949-a9d6-32c515f54079","A dropdown menu displaying filter options for 'Applied To: All', with 'All' currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02b5bc65-ced3-459f-a7ba-b715ae2558ea.png",407,536,[97],{"id":98,"title":99,"slug":100},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":102},[],{"uuid":104,"title":51,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":55,"kind":56,"categories":109,"app":114},"1e04c898-1b36-4d50-8ac1-fd9bd12d146a","A modal dialog displaying a date and time picker with a calendar view, hour and minute selectors, and an AM\u002FPM toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F69aa64a8-4878-495f-996b-75a8c6b234d4.png",1136,900,[110],{"id":111,"title":112,"slug":113},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":115},[],{"uuid":117,"title":51,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":55,"kind":56,"categories":122,"app":127},"8e15114d-b5f6-46c1-a4f1-03381d62ac3d","A user interface displaying a data table with search, filter, and pagination controls for managing rules.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4fade038-b8f7-48eb-a2a7-6b866d370ec6.png",2618,619,[123],{"id":124,"title":125,"slug":126},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":128},[],{"uuid":130,"title":51,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":55,"kind":56,"categories":135,"app":140},"73ee1828-856a-47e8-8bc5-5ca4aa402f84","A modal interface for an AI rule assistant, displaying a chat conversation with a suggested code rule and its explanation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F219ac3a9-9436-4546-9dca-c0b34db63626.png",826,1758,[136],{"id":137,"title":138,"slug":139},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":51,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":55,"kind":56,"categories":148,"app":150},"e68af031-17e0-4bf4-b677-f69fd935903e","A dropdown menu displaying options for rule types, including \"Conditional Action\" and \"Custom\", with an \"AI Assistant\" button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa7dfbbd5-1c47-486e-a623-f50d1b8a5a1c.png",958,668,[149],{"id":98,"title":99,"slug":100},{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":55,"kind":56,"categories":158,"app":163},"6935caea-d75b-4622-ae13-587526894824","A UI element displaying a setting with a label, description, and a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F916d9659-8d0b-40e0-915f-fb9653473255.png",1055,331,[159],{"id":160,"title":161,"slug":162},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":51,"description":167,"canonical_path":4,"image":168,"width":169,"height":134,"image_alt":55,"kind":56,"categories":170,"app":175},"6e632c3b-ebce-485c-abeb-a2ce3d9b8b0d","A vertical sidebar navigation menu for a web application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe0835d78-4944-4589-9ccd-d2f90ff6a4e0.png",495,[171],{"id":172,"title":173,"slug":174},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":51,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":55,"kind":56,"categories":183,"app":188},"4ca14482-0279-43b8-97b9-5dbe120f08a2","A web page displaying two service cards, one for fraud prevention and risk mitigation with detailed features, and another for dispute management, accompanied by navigation arrows.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8b0880a5-6318-4830-9727-aa1f20dc67a5.png",3024,1646,[184],{"id":185,"title":186,"slug":187},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":189},[],{"uuid":191,"title":51,"description":192,"canonical_path":4,"image":193,"width":194,"height":195,"image_alt":55,"kind":56,"categories":196,"app":201},"4c5bc038-1cdc-417c-a370-fa369342653d","A diagram illustrating a financial transaction flow with multiple preceding steps leading to a final cleared transaction.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3219696e-a1a5-47b0-8aa5-42b76a870cd7.png",675,673,[197],{"id":198,"title":199,"slug":200},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":202},[],[],[205,208,211,214,217,220],{"label":206,"to":207},"Lithic product screens","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens",{"label":209,"to":210},"Lithic marketing pages","\u002Fexamples\u002Fapps\u002Flithic\u002Fmarketing",{"label":212,"to":213},"Lithic user flows","\u002Fexamples\u002Fapps\u002Flithic\u002Fflows",{"label":215,"to":216},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":218,"to":219},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":221,"to":222},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":224,"updated_at":225},"2026-06-19T19:26:46.000Z","2026-09-13T13:02:39.000Z"]