[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fleap\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":193,"links":194,"dates":210},"\u002Fexamples\u002Fapps\u002Fleap\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Leap UI components examples - Nicelydone","Browse Leap UI component design examples. Preview individual interface elements and explore related component categories. Automate any workflow with AI","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d6f6504-9bcf-400b-b92b-b3e5c8ca29f6.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},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":23,"to":4},"Leap UI components 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},"Leap","leap","Automate any workflow with AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","https:\u002F\u002Fwww.tryleap.ai\u002F","leapai_",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",[45,60,73,86,99,109,118,131,144,154,167,180],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"aa74b810-d641-4c57-ae2d-af88f8790c36","Leap UI component","The screenshot shows a tool\u002Fworkflow section indicating credit usage and plan status.",2304,783,"UI component from Leap","component",[54],{"id":55,"title":56,"slug":57},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"4c799262-84a1-4f54-930b-7cd6f2f817ee","This screenshot showcases a user settings menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd5507bd0-95ca-4b3e-8f76-e8b543143d03.png",982,494,[67],{"id":68,"title":69,"slug":70},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"db9ff5a2-3840-4bfd-839f-1f65e30e7b88","A pricing table for content writer plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4a8e89bf-139f-4145-b75b-fdd10f3348b2.png",2060,3235,[80],{"id":81,"title":82,"slug":83},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":97},"273619e0-6241-4e1c-bd98-77e1049e0f43","The screenshot shows a user interface for a workflow editor, featuring options to exit, preview, and publish.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F268191db-32bb-40a0-8023-52db08995630.png",3025,145,[93],{"id":94,"title":95,"slug":96},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":107},"b133f499-986f-4790-a6c9-e02125761cdc","A modal displaying a list of tools.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0288ef9b-41f9-41c8-a03a-e6a40a270f15.png",665,625,[106],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":47,"description":111,"canonical_path":4,"image":112,"width":113,"height":114,"image_alt":51,"kind":52,"categories":115,"app":116},"9cc20290-ea4b-4b9b-82ed-5f987ebe7400","A table displaying task IDs, workflows, and statuses.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb98d158d-7b60-484e-9713-9f139ea78529.png",2686,1423,[],{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":47,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":51,"kind":52,"categories":124,"app":129},"daad1ef4-6348-4485-b7b6-43036c84687a","The image shows two buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff15fb845-bd8b-48b8-8a80-b4e62745a0cc.png",607,131,[125],{"id":126,"title":127,"slug":128},277,"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":47,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":51,"kind":52,"categories":137,"app":142},"e79fe9df-22c7-4a08-abed-1874e6e0916e","The screenshot displays a modal with an input and output tab, showing a text string describing an underwater cityscape.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e83c192-0aef-4f47-bd45-4e7655d5a0d6.png",1958,1635,[138],{"id":139,"title":140,"slug":141},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":47,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":51,"kind":52,"categories":150,"app":152},"4f4b719b-5609-4da7-99be-823e367570af","A tab bar with two options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd0f28db-593a-4c02-b721-086bb78c4847.png",1956,328,[151],{"id":139,"title":140,"slug":141},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":47,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":51,"kind":52,"categories":160,"app":165},"4a9ed3a0-b5c8-4ab9-9099-f999ca1fe5d8","The screenshot displays a modal with a dropdown menu for selecting data types and an input field for entering a label name.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2c1a1b31-f5a3-4544-8383-382904df7c91.png",932,645,[161],{"id":162,"title":163,"slug":164},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":47,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":51,"kind":52,"categories":173,"app":178},"20260097-ebec-444a-89c9-a8ca50042418","A workflow diagram with nodes and connections.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b8b8029-6167-4a5f-86c8-5b065b41526a.png",2473,1204,[174],{"id":175,"title":176,"slug":177},217,"Query builder","query-builder",{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":47,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":51,"kind":52,"categories":186,"app":191},"2fa8e66d-d835-42d1-ad4c-f93662f06367","A sidebar menu with navigation links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06fe8cdf-0e7b-41cd-9080-fd0be678773a.png",506,1779,[187],{"id":188,"title":189,"slug":190},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":192},[],[],[195,198,201,204,207],{"label":196,"to":197},"Leap product screens","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens",{"label":199,"to":200},"Leap marketing pages","\u002Fexamples\u002Fapps\u002Fleap\u002Fmarketing",{"label":202,"to":203},"Leap user flows","\u002Fexamples\u002Fapps\u002Fleap\u002Fflows",{"label":205,"to":206},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":208,"to":209},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":211,"updated_at":212},"2025-03-10T06:52:24.000Z","2026-09-13T13:02:39.000Z"]