[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fluma\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":190,"links":191,"dates":207},"\u002Fexamples\u002Fapps\u002Fluma\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Luma UI components examples - Nicelydone","Browse Luma UI component design examples. Preview individual interface elements and explore related component categories. Delightful events start here.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F54dcb0e9-c0fd-43ea-b646-bc0aa2988d69.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},"Luma design examples","\u002Fexamples\u002Fapps\u002Fluma",{"label":23,"to":4},"Luma 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},"Luma","luma","Delightful events start here.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fluma-64c4b80f.png","https:\u002F\u002Flu.ma\u002F","https:\u002F\u002Ftwitter.com\u002FLumaHQ",[36,40],{"id":37,"title":38,"slug":39},26,"Events","events",{"id":41,"title":42,"slug":43},4,"Ticketing","ticketing",[45,60,73,85,98,111,124,133,143,156,168,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},"97a26336-0789-418b-af90-ab41116055d7","Luma UI component","A modal with a receipt-like design.",467,493,"UI component from Luma","component",[54],{"id":55,"title":56,"slug":57},278,"Illustration","illustration",{"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},"255b3ad2-56bf-457b-8c89-e649c11a11c1","A modal with a list of notification settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb52e93fb-ce40-4b99-a19f-89f9eb26e067.png",1832,917,[67],{"id":68,"title":69,"slug":70},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":64,"height":77,"image_alt":51,"kind":52,"categories":78,"app":83},"26f903f9-356b-4bd7-99ca-a89225625e45","A modal to select the display theme","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d04b373-d3a9-427b-8bb9-75e2f37273af.png",604,[79],{"id":80,"title":81,"slug":82},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":47,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":51,"kind":52,"categories":91,"app":96},"7037e384-7685-4ccc-9f54-2ff3c24e479d","A card with a link button","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F779c6ef2-60dc-494d-9ff1-22655a61f2d0.png",637,254,[92],{"id":93,"title":94,"slug":95},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":47,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":51,"kind":52,"categories":104,"app":109},"a9a0789e-1f0c-43ad-a990-48361173e993","A navigation bar with four buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F547789b1-5743-4abb-9a65-54af8cb83627.png",991,264,[105],{"id":106,"title":107,"slug":108},250,"Settings panel","settings-panel",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":47,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":51,"kind":52,"categories":117,"app":122},"9bb878c8-a25c-4d42-a157-b7213d39ee4a","A list of events with date, time, title, location, and waitlist status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4350d774-ab2c-4c8f-a500-5517a4c05089.png",1542,2140,[118],{"id":119,"title":120,"slug":121},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":47,"description":126,"canonical_path":4,"image":127,"width":64,"height":128,"image_alt":51,"kind":52,"categories":129,"app":131},"b9fa8c90-082a-4969-b825-1ac09eb1ac5c","A card based UI with city destinations","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F10a79875-6e06-4085-9770-d0f9174d38c1.png",2152,[130],{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":47,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":51,"kind":52,"categories":139,"app":141},"34278475-833b-457e-88f3-e7b9bb21b80d","A set of four cards displaying product features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0bc29610-ccc2-4206-bc56-ea678d04eaec.png",1448,775,[140],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":47,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":51,"kind":52,"categories":149,"app":154},"6492be2d-75e1-4bbc-8f58-d9253ed99d25","An email input field with a clear button","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c880994-5646-47a2-a72c-f0f994433375.png",728,222,[150],{"id":151,"title":152,"slug":153},195,"Input multi-select","input-multi-select",{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":47,"description":158,"canonical_path":4,"image":159,"width":137,"height":160,"image_alt":51,"kind":52,"categories":161,"app":166},"e36ac561-b589-421c-8141-e7c3331805db","A modal with toggle switches for event settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8fe29fd-44ce-4425-ac2d-0bbdf5c255eb.png",678,[162],{"id":163,"title":164,"slug":165},286,"Vertical list","vertical-list",{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":47,"description":170,"canonical_path":4,"image":171,"width":64,"height":172,"image_alt":51,"kind":52,"categories":173,"app":178},"7f408e91-d0ad-49d7-9c19-1f9a0ebdf433","A line chart showing a single data point increase over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F720b7be2-c155-4754-9236-dcdf9d725bea.png",784,[174],{"id":175,"title":176,"slug":177},186,"Charts","charts",{"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":188},"8bbb810d-9bcc-4663-9632-2a25da5c4058","An hourglass with sad faces","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2a8aab13-81fa-491b-ab23-a96674656f18.png",433,473,[187],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":189},[],[],[192,195,198,201,204],{"label":193,"to":194},"Luma product screens","\u002Fexamples\u002Fapps\u002Fluma\u002Fscreens",{"label":196,"to":197},"Luma marketing pages","\u002Fexamples\u002Fapps\u002Fluma\u002Fmarketing",{"label":199,"to":200},"Luma user flows","\u002Fexamples\u002Fapps\u002Fluma\u002Fflows",{"label":202,"to":203},"Events app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fevents",{"label":205,"to":206},"Ticketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fticketing",{"published_at":208,"updated_at":209},"2023-10-14T13:54:25.000Z","2026-09-13T13:02:39.000Z"]