[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvev\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":223,"links":224,"dates":261},"\u002Fexamples\u002Fapps\u002Fvev\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Vev UI components examples - Nicelydone","Browse Vev UI component design examples. Preview individual interface elements and explore related component categories. No-code web design platform for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc50f0d65-17dd-449a-ab41-c4046bb03325.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},"Vev design examples","\u002Fexamples\u002Fapps\u002Fvev",{"label":23,"to":4},"Vev UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Vev UI component design examples. Preview individual interface elements and explore related component categories. No-code web design platform for professional creatives",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Vev","vev","No-code web design platform for professional creatives","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvev-34c6827a.png","https:\u002F\u002Fwww.vev.design","vevdesign",[37,41,45],{"id":38,"title":39,"slug":40},8,"Design","design",{"id":42,"title":43,"slug":44},7,"Web Development","web-development",{"id":46,"title":47,"slug":48},96,"No code","no-code",[50,65,80,95,107,122,137,152,167,182,197,209],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"60b88d27-972f-4163-aa0e-aea58fe8d7d3","Color palette swatches","A set of color palette swatches organized into Primary, Accent, and Background categories. Each category displays a row of rounded square color swatches, with some swatches highlighted by an outer border.",576,410,"Color palette swatches from Vev","component",[59],{"id":60,"title":61,"slug":62},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":70,"height":71,"image_alt":72,"kind":57,"categories":73,"app":78},"4dd03d7e-d847-4aa7-8b46-6c8cf2aade90","Success toast","A success toast notification confirming that code has been copied to the clipboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65387d71-0192-43f4-a8fe-34d18f819c64.png",949,239,"Success toast from Vev",[74],{"id":75,"title":76,"slug":77},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":87,"kind":57,"categories":88,"app":93},"439aea2a-6db9-4609-aea3-e7fa82f757b2","Embed code block","A dark-themed code block displaying an HTML script tag for embedding content, featuring a copy-to-clipboard icon button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffcd183fb-fc32-40c7-8589-d7e69c1eb758.png",1280,487,"Embed code block from Vev",[89],{"id":90,"title":91,"slug":92},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":102,"kind":57,"categories":103,"app":105},"9be8e7db-e462-4704-8932-5d782045957c","Color picker panel","A dark-themed color picker panel featuring a large saturation\u002Fbrightness area, hue and opacity sliders, HEX input, and a swatches section.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe107c603-115a-468f-88ad-8a105f7dc762.png",586,749,"Color picker panel from Vev",[104],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":114,"kind":57,"categories":115,"app":120},"c901f43f-6acb-47ba-8ca6-7fe2249c4739","Design Inspector Panel","A dark-themed properties inspector panel for a design tool, featuring sections for Text, Pin, Style, Background, and Margin. It includes various controls like dropdowns, inputs, toggles, and icon buttons for adjusting layout, typography, and styling.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6ed33c8e-5956-4b6e-b0c5-5fbcf513e672.png",507,1673,"Design Inspector Panel from Vev",[116],{"id":117,"title":118,"slug":119},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":127,"height":128,"image_alt":129,"kind":57,"categories":130,"app":135},"93bf1d34-e436-4c55-af3a-1d7d03bbd00c","Layers panel","A dark-themed sidebar panel showing a hierarchical list of page elements, with a selected text element highlighted in blue.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5c63b367-de60-4f5e-8456-78856d88c415.png",513,1670,"Layers panel from Vev",[131],{"id":132,"title":133,"slug":134},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":144,"kind":57,"categories":145,"app":150},"5e281bfa-f320-494f-813f-2200c774b829","Social login buttons","A vertical stack of three outlined buttons for logging in with third-party providers: Google, Facebook, and Azure AD. Each button features the provider's logo and text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F124d8de8-f7e4-4dba-b693-ec433b30e684.png",768,432,"Social login buttons from Vev",[146],{"id":147,"title":148,"slug":149},289,"Social login button","social-login-button",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":159,"kind":57,"categories":160,"app":165},"df0f3fce-9d2d-4741-a16f-7667193d5e36","Showcase Card","A card displaying a project thumbnail, title, author, and category tags.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F53537aa2-9d76-4344-9f3e-2d096f5ac6c3.png",1058,984,"Showcase Card from Vev",[161],{"id":162,"title":163,"slug":164},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":174,"kind":57,"categories":175,"app":180},"0fdeb264-9b2e-42d1-9c58-d5a2b91f8395","Testimonial block","A large text block displaying a customer quote and attribution, set against a partially overlapping pink background shape.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F00c70c57-0a8b-44d7-9bd6-916d35d1a17d.png",2328,1243,"Testimonial block from Vev",[176],{"id":177,"title":178,"slug":179},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":189,"kind":57,"categories":190,"app":195},"1d71716a-6c0f-46b0-a350-342b89abebcc","Global Header","A dark-themed global navigation header featuring a logo, primary navigation links, and two call-to-action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F211aeaff-4cb3-4cdf-87ff-3aae9a8587c1.png",3024,119,"Global Header from Vev",[191],{"id":192,"title":193,"slug":194},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":196},[],{"uuid":198,"title":199,"description":200,"canonical_path":4,"image":201,"width":202,"height":203,"image_alt":204,"kind":57,"categories":205,"app":207},"f3ab3941-e69e-4eda-8c4f-e5656d25fce9","Feature Card","A large feature card with a yellow top border, a headline, a right arrow icon, and a prominent image showcasing a digital showreel.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff51b72fb-2820-43f0-b9a6-e3ac1e6ce778.png",951,1015,"Feature Card from Vev",[206],{"id":162,"title":163,"slug":164},{"slug":31,"title":30,"logo":33,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":187,"height":214,"image_alt":215,"kind":57,"categories":216,"app":221},"a96fd229-8bc3-4abd-ba6f-120b32ee5429","Dark theme website footer","A comprehensive website footer featuring a multi-column layout for navigation links, social media icons, copyright information, and a distinctive 'Made with Vev' badge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fadcf8704-c0fe-4eb4-b631-ca634c8ee3a7.png",1174,"Dark theme website footer from Vev",[217],{"id":218,"title":219,"slug":220},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":222},[],[],[225,228,231,234,237,240,243,245,249,253,257],{"label":226,"to":227},"Vev product screens","\u002Fexamples\u002Fapps\u002Fvev\u002Fscreens",{"label":229,"to":230},"Vev marketing pages","\u002Fexamples\u002Fapps\u002Fvev\u002Fmarketing",{"label":232,"to":233},"Vev user flows","\u002Fexamples\u002Fapps\u002Fvev\u002Fflows",{"label":235,"to":236},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":238,"to":239},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":241,"to":242},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":244,"to":18},"All SaaS app examples",{"label":246,"to":247,"description":248},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":250,"to":251,"description":252},"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":254,"to":255,"description":256},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":258,"to":259,"description":260},"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":262,"updated_at":263},"2023-08-21T08:45:01.000Z","2026-09-17T00:05:42.000Z"]