[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Floops\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":199,"links":200,"dates":219},"\u002Fexamples\u002Fapps\u002Floops\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Loops UI components examples - Nicelydone","Browse Loops UI component design examples. Preview individual interface elements and explore related component categories. The email platform for modern SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2f268ba5-867d-443b-8a95-e610b062c536.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},"Loops design examples","\u002Fexamples\u002Fapps\u002Floops",{"label":23,"to":4},"Loops 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},"Loops","loops","The email platform for modern SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Floops-4f4bed58.png","https:\u002F\u002Floops.so","sendwithloops",[36,40,44],{"id":37,"title":38,"slug":39},92,"Email","email",{"id":41,"title":42,"slug":43},27,"Email Newsletters","email-newsletters",{"id":45,"title":46,"slug":47},25,"Marketing","marketing",[49,64,77,90,102,115,128,141,153,166,176,189],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"da38d399-556d-436d-ab62-4e61c8c4f9ea","Loops UI component","A dropdown menu showing a list of teams and an option to create a new team.",645,564,"UI component from Loops","component",[58],{"id":59,"title":60,"slug":61},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"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},"28cbca7f-788b-44bc-9433-802f8b68f9b0","The screenshot displays a pricing plan overview with a slider to adjust the number of contacts and the corresponding monthly price.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0336b80-0c80-464d-9b8c-3cccf1eca017.png",1728,703,[71],{"id":72,"title":73,"slug":74},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"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},"25023f4f-b81f-4b83-b7a9-e71af2f47e4c","The screenshot shows a UI for connecting a Supabase account to configure SMTP for sending authentication emails.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9e1a3d76-ba33-4b22-b0a0-7cff988e1a48.png",1630,757,[84],{"id":85,"title":86,"slug":87},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":68,"height":94,"image_alt":55,"kind":56,"categories":95,"app":100},"78d4ebea-919a-438b-ae67-b27faee4bc54","A notification settings panel.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd45af6b-1f45-4127-a7a4-32aff8f358c1.png",660,[96],{"id":97,"title":98,"slug":99},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":51,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":55,"kind":56,"categories":108,"app":113},"2cdeca37-d271-43d7-ba95-84a79b9d1f89","Settings menu","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbe8e7d61-015f-4391-b29f-18b8f3268e88.png",516,1780,[109],{"id":110,"title":111,"slug":112},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":51,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":55,"kind":56,"categories":121,"app":126},"ebf2f369-103b-471d-8284-decbfeeb2e7d","The screenshot shows a modal indicating that a segment has been duplicated.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F83e164f1-ea37-43e8-9114-111701915835.png",690,397,[122],{"id":123,"title":124,"slug":125},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":51,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":55,"kind":56,"categories":134,"app":139},"73687d77-59aa-4375-981e-cbf6112fcbe4","A table displaying user data.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7724cb8c-e918-4d69-868c-84f24c8ac97a.png",2580,883,[135],{"id":136,"title":137,"slug":138},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":51,"description":143,"canonical_path":4,"image":144,"width":132,"height":145,"image_alt":55,"kind":56,"categories":146,"app":151},"56ede244-9577-4e45-9bbb-a04fc72f2cef","The screenshot displays a contact filtering interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee814634-3bc9-4f32-9bca-c525068dd081.png",806,[147],{"id":148,"title":149,"slug":150},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":51,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":55,"kind":56,"categories":159,"app":164},"0faf9a21-248b-47f0-a117-b03b66b60e8b","A navigation menu with nested items.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf5064c7-4634-4539-80f3-8025b4672b7f.png",551,928,[160],{"id":161,"title":162,"slug":163},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":51,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":55,"kind":56,"categories":172,"app":174},"06ce527f-4308-482a-87cb-edb5cddd4532","This screenshot showcases a dropdown menu with options related to transactional data management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a2400e2-5394-479a-9b72-29e9d3fb1e8a.png",510,565,[173],{"id":161,"title":162,"slug":163},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":51,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":55,"kind":56,"categories":182,"app":187},"19c8b345-982f-4531-866e-edbac8e6371e","The image shows a flowchart diagram outlining a process with steps like 'Contact added', 'Timer', 'Experiment', 'Control', 'Variant', and 'Loop completed'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae838eb6-9772-4300-a535-0ed7cad6fed5.png",1632,1650,[183],{"id":184,"title":185,"slug":186},217,"Query builder","query-builder",{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":51,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":55,"kind":56,"categories":195,"app":197},"325b50fb-668b-4844-a292-34e9a90fcba6","A modal showing experiment settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3e854c7e-6ea1-4955-b848-c1676b3f5b7c.png",644,484,[196],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":198},[],[],[201,204,207,210,213,216],{"label":202,"to":203},"Loops product screens","\u002Fexamples\u002Fapps\u002Floops\u002Fscreens",{"label":205,"to":206},"Loops marketing pages","\u002Fexamples\u002Fapps\u002Floops\u002Fmarketing",{"label":208,"to":209},"Loops user flows","\u002Fexamples\u002Fapps\u002Floops\u002Fflows",{"label":211,"to":212},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":214,"to":215},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":217,"to":218},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"published_at":220,"updated_at":221},"2023-07-04T14:18:15.000Z","2026-09-13T13:02:39.000Z"]