[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flovable\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":200,"links":201,"dates":220},"\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Lovable UI components examples - Nicelydone","Browse Lovable UI component design examples. Preview individual interface elements and explore related component categories. Create apps and websites by…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F687529d0-1747-44eb-89c8-89b63fb94429.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},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":23,"to":4},"Lovable UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Lovable UI component design examples. Preview individual interface elements and explore related component categories. Create apps and websites by chatting with AI",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Lovable","lovable","Create apps and websites by chatting with AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","https:\u002F\u002Flovable.dev",[36,40,44],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},96,"No code","no-code",[49,64,77,90,100,113,126,139,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},"c47d93a9-7695-4286-b4dd-cb7507d673ee","Lovable UI component","A screen for entering a 6-digit verification code sent to a phone.",881,652,"UI component from Lovable","component",[58],{"id":59,"title":60,"slug":61},288,"Input code","input-code",{"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},"54933fea-2bab-41f5-8a9a-d46db9020562","A user interface displaying application settings with options for appearance, including background and theme selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ff1e10b-8d31-4fee-88b2-583c2ea9c37e.png",953,670,[71],{"id":72,"title":73,"slug":74},256,"Theme settings","theme-settings",{"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},"c617d61f-344a-4cb7-881b-e3f98b601a43","A user profile dropdown menu displaying account information and navigation links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b29b0bc-5552-4f79-b1f7-5e1f68ee7be2.png",536,901,[84],{"id":85,"title":86,"slug":87},190,"Dropdown menu","dropdown-menu",{"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":98},"ca0ac213-a8f1-49b5-8739-27e2502fc599","A workspace management menu displaying current workspace details, upgrade options, credit usage, and a list of other workspaces.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F10b27afb-c185-4cd8-bc3c-e60c99d3892a.png",545,1051,[97],{"id":85,"title":86,"slug":87},{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":51,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":55,"kind":56,"categories":106,"app":111},"d38aa828-e2d4-4b0d-9010-66e6f4196e33","A modal dialog confirming the user's intent to disable two-factor authentication, providing a warning message and action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0aa96f94-d852-4250-a54a-2f7c920190eb.png",1309,554,[107],{"id":108,"title":109,"slug":110},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"566eb089-87a5-42ef-a25b-48709495d5a3","A user interface section for configuring sound notifications with multiple radio button options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58914f11-7d42-4483-809b-76a8043f3e60.png",2305,465,[120],{"id":121,"title":122,"slug":123},216,"Radio button","radio-button",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"ba0e04a7-f4bf-46a1-bc0d-77266c58f33c","A dropdown menu displaying workspace visibility options with a selected choice and a restricted option for business users.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1ff24f4-49f7-47b5-9f2b-4e707383cd79.png",767,550,[133],{"id":134,"title":135,"slug":136},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":150},"6bf30e1e-a91d-4f86-be82-845ad230f345","A user interface section for managing people within a workspace, featuring a title, descriptive text, and a segmented control for navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faa738afd-e4f4-4d33-80e6-b30b55f447cf.png",1853,477,[146],{"id":147,"title":148,"slug":149},218,"Segmented control","segmented-control",{"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},"add20982-e3e8-4511-af80-447e766a0815","A user interface displaying a list of people in a workspace with their roles, join dates, usage, and credit limits, along with options to manage members and export data.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F49dff1c0-d368-4fef-954f-b9605849853b.png",2512,1751,[159],{"id":160,"title":161,"slug":162},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":51,"description":167,"canonical_path":4,"image":168,"width":156,"height":169,"image_alt":55,"kind":56,"categories":170,"app":175},"37aecfe5-4b9f-4728-9ce9-21a03929c042","A user interface for connecting a project to a GitHub account, displaying an empty state with an option to add a new connection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16eca565-922a-470d-9a4e-613d3c37cea6.png",811,[171],{"id":172,"title":173,"slug":174},302,"Empty state","emptystate",{"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},"65a71bbf-0dc7-49d5-9ad4-36777a4149a7","A page section displaying domain management options with a warning message about an unpublished project and a call to action to publish.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F47cf18e8-5c10-4769-89ba-666385c6ce21.png",2514,505,[184],{"id":185,"title":186,"slug":187},244,"Message","message",{"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":198},"b027474b-afa9-4b4f-a556-f6fef3427a74","A modal window presenting a referral program to earn credits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0c48c951-163e-408a-92e6-5931f031a9d7.png",1168,1507,[197],{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214,217],{"label":203,"to":204},"Lovable product screens","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens",{"label":206,"to":207},"Lovable marketing pages","\u002Fexamples\u002Fapps\u002Flovable\u002Fmarketing",{"label":209,"to":210},"Lovable user flows","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",{"label":212,"to":213},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":215,"to":216},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":218,"to":219},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":221,"updated_at":222},"2026-05-17T07:59:14.000Z","2026-09-13T13:02:39.000Z"]