[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Finstant\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":198,"links":199,"dates":236},"\u002Fexamples\u002Fapps\u002Finstant\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Instant UI components examples - Nicelydone","Browse Instant UI component design examples. Preview individual interface elements and explore related component categories. The Shopify store builder","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5136233-07ae-4791-8a4e-db6d8b5ef663.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},"Instant design examples","\u002Fexamples\u002Fapps\u002Finstant",{"label":23,"to":4},"Instant 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},"Instant","instant","The Shopify store builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Finstant-7cp012gu.png","https:\u002F\u002Finstant.so","InstantHQ",[36,40,44],{"id":37,"title":38,"slug":39},96,"No code","no-code",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},8,"Design","design",[49,64,77,90,103,113,126,139,152,165,175,185],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"5f108ae2-a90c-4f27-bf2f-b10c1849237b","Instant UI component","A support modal with a form to submit a support request.",1203,1777,"UI component from Instant","component",[58],{"id":59,"title":60,"slug":61},209,"Vertical navigation","vertical-navigation",{"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},"21747ebe-66d3-4323-928e-ac63774a31cf","A video card with a play button and a title.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65e8df64-7fbf-42ba-81b6-52bbef3139b6.png",591,609,[71],{"id":72,"title":73,"slug":74},174,"Card","card",{"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},"297e8d79-407e-4526-a8e8-7498f1abc702","A modal with a dropdown to select a project.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fddd7798d-dbf3-4a1a-8a7d-afbc0a3fb465.png",676,365,[84],{"id":85,"title":86,"slug":87},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"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},"c3a7c7ac-726a-4b2e-bbe9-24dd9ee51391","A modal for inserting a grid layout with options for full width or standard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F123dc7a2-d1bc-47c7-b4a9-1da065a24d02.png",960,380,[97],{"id":98,"title":99,"slug":100},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"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":111},"db8b3ddd-3f96-4101-aea5-c41f617c8ba6","A modal with a tooltip and layout options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d88ec2a-0b24-4280-9fb1-6ffa15cce1c5.png",994,296,[110],{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"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},"547a03b6-de4e-4e4a-ad5d-2a1a9d823ff3","A dropdown menu with project options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc55f308f-9582-478f-bf38-60ac756692c0.png",441,490,[120],{"id":121,"title":122,"slug":123},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"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},"f628aa52-d68c-4dfb-b768-f93563761b57","A modal for uploading custom fonts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F138aaaf8-ff59-4f93-b0ed-6f6628e9cc8c.png",1540,1215,[133],{"id":134,"title":135,"slug":136},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"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},"9886a040-df28-45d2-84bc-6b61ac0ee262","An error alert modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4c7456e8-8c51-49a2-bdee-5948336ded0d.png",1038,168,[146],{"id":147,"title":148,"slug":149},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"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},"facc6515-9a77-428c-9f1f-930df5f32e9e","A password protection alert for a store.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fffae5ee5-2579-4b66-9c73-c920fc467725.png",1572,432,[159],{"id":160,"title":161,"slug":162},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":51,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":55,"kind":56,"categories":171,"app":173},"92d3d34d-e2d6-4e39-9710-9e798d5d35c1","A dropdown menu with navigation and action items.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d21df5b-4318-43e3-bb57-feeff9686f1a.png",394,702,[172],{"id":121,"title":122,"slug":123},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":51,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":55,"kind":56,"categories":181,"app":183},"d0f53ea2-640c-4ec2-a344-6f99c2403196","A success alert message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F120705ed-b000-41f8-a00c-56246a90bb1c.png",1026,157,[182],{"id":147,"title":148,"slug":149},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":51,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":55,"kind":56,"categories":191,"app":196},"95e3951e-6a3d-4c1b-a587-66a8b7d3863c","A date and time picker modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c21d355-81ab-45a4-9ab2-5642aa72f3bf.png",570,838,[192],{"id":193,"title":194,"slug":195},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":197},[],[],[200,203,206,209,212,215,218,220,224,228,232],{"label":201,"to":202},"Instant product screens","\u002Fexamples\u002Fapps\u002Finstant\u002Fscreens",{"label":204,"to":205},"Instant marketing pages","\u002Fexamples\u002Fapps\u002Finstant\u002Fmarketing",{"label":207,"to":208},"Instant user flows","\u002Fexamples\u002Fapps\u002Finstant\u002Fflows",{"label":210,"to":211},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":213,"to":214},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":216,"to":217},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":219,"to":18},"All SaaS app examples",{"label":221,"to":222,"description":223},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":225,"to":226,"description":227},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":229,"to":230,"description":231},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":233,"to":234,"description":235},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":237,"updated_at":238},"2025-01-19T13:18:21.000Z","2026-09-13T13:02:39.000Z"]