[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fv7\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":195,"links":196,"dates":212},"\u002Fexamples\u002Fapps\u002Fv7\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"V7 UI components examples - Nicelydone","Browse V7 UI component design examples. Preview individual interface elements and explore related component categories. Workflows for data labeling and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8dc8c35-1923-4226-8ae9-204beef31001.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},"V7 design examples","\u002Fexamples\u002Fapps\u002Fv7",{"label":23,"to":4},"V7 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse V7 UI component design examples. Preview individual interface elements and explore related component categories. Workflows for data labeling and document automation",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"V7","v7","Workflows for data labeling and document automation","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fv7-2bfa6100.png","https:\u002F\u002Fwww.v7labs.com",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},105,"Workflow Automation","workflow-automation",[45,60,75,90,103,114,127,139,147,159,169,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},"9307fd6f-1d76-4f90-9426-cd9bafe6bbad","Workspace Switcher Dropdown","A dropdown menu for switching workspaces and accessing account settings. It displays the current workspace with an avatar and role, followed by options for settings, theme, help, and logging out.",737,525,"Workspace Switcher Dropdown from V7","component",[54],{"id":55,"title":56,"slug":57},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"bb25d77c-7f04-4a96-a970-c88c27f169b7","V7 UI component","A billing and usage page showing plan details and usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb09ff6f-f50d-41f8-bcb1-adda3fc489fe.png",1864,783,"UI component from V7",[69],{"id":70,"title":71,"slug":72},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"c8f7f5cd-a548-4bdd-a5bc-c8971b271a46","Pricing Comparison Table","A detailed pricing comparison table showing three tiers: Free, Pro, and Enterprise. It includes a toggle for monthly\u002Fannual billing and breaks down features across categories like Usage, Features, Security, Billing, and Support.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa15313ec-17f3-48d7-85fa-da01f8e7e707.png",1790,2218,"Pricing Comparison Table from V7",[84],{"id":85,"title":86,"slug":87},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":62,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":67,"kind":52,"categories":96,"app":101},"d6eb9240-ac89-4d5d-93ff-795e7cc954f2","A modal alert indicating an import failure due to project limit.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f61b4a3-a679-4092-b0ba-70007105b4ab.png",1158,454,[97],{"id":98,"title":99,"slug":100},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":4,"image":107,"width":94,"height":108,"image_alt":109,"kind":52,"categories":110,"app":112},"acfa6952-e2c7-4ae1-aedf-308ccb54aebf","Loading Toast Notification","A toast notification indicating an ongoing background process, featuring a loading spinner, a status message, and a dismiss button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3e6c92c9-3735-406a-9e5d-f176c51d5d70.png",385,"Loading Toast Notification from V7",[111],{"id":98,"title":99,"slug":100},{"slug":31,"title":30,"logo":33,"categories":113},[],{"uuid":115,"title":62,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":67,"kind":52,"categories":120,"app":125},"ea86b387-fc24-497d-b479-ae28e42576b0","This is a modal to import a CSV file and name the project.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd113c0f1-02ab-4280-8950-ec86760e4522.png",1059,557,[121],{"id":122,"title":123,"slug":124},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":134,"kind":52,"categories":135,"app":137},"65d09450-94d9-42ac-9bfc-5837b162b3f0","CSV Import Modal","A modal dialog for importing a CSV file to create a new project. It features a header with a title and description, a large drag-and-drop file upload area, and a footer with action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5e65ee49-afa9-4803-8284-ce85c8cd5234.png",1056,568,"CSV Import Modal from V7",[136],{"id":122,"title":123,"slug":124},{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":62,"description":141,"canonical_path":4,"image":142,"width":94,"height":108,"image_alt":67,"kind":52,"categories":143,"app":145},"e7192506-aff0-433b-85a2-640fa7ec6264","A confirmation message indicating that a project ID has been copied to the clipboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F830140fb-8002-46a4-b4e6-e8254588296a.png",[144],{"id":98,"title":99,"slug":100},{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":154,"kind":52,"categories":155,"app":157},"82738847-afd1-4e3c-9c26-ad9cbb729fda","Usage progress bar","A progress bar component displaying usage limits. It shows a label, a numeric fraction representing current usage versus the total limit, and a visual progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F375f5612-5db2-41ca-b64a-4724b7ef5180.png",320,217,"Usage progress bar from V7",[156],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":62,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":67,"kind":52,"categories":165,"app":167},"1941ec75-5d2b-43df-9776-32b74ec90ac6","Invite user modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5b2b34e-23e0-4b73-8931-cb62d52be3fd.png",547,160,[166],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":4,"image":173,"width":152,"height":174,"image_alt":175,"kind":52,"categories":176,"app":178},"661a0f18-c31f-4a87-bf9b-a5611389cd34","Token Usage Progress Bar","A progress bar component displaying current token usage against a maximum limit. It includes a label, numeric values, and a visual progress indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F864ff921-9313-41a2-8df5-44fbf8d49966.png",218,"Token Usage Progress Bar from V7",[177],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":52,"categories":188,"app":193},"7416e45e-5586-4b86-9de9-30a663b343e1","Project Card","A card displaying a project with a background image, title, property count, and a more options menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7fe86f84-9117-4ac5-a712-77e833a4842b.png",848,648,"Project Card from V7",[189],{"id":190,"title":191,"slug":192},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":194},[],[],[197,200,203,206,209],{"label":198,"to":199},"V7 product screens","\u002Fexamples\u002Fapps\u002Fv7\u002Fscreens",{"label":201,"to":202},"V7 marketing pages","\u002Fexamples\u002Fapps\u002Fv7\u002Fmarketing",{"label":204,"to":205},"V7 user flows","\u002Fexamples\u002Fapps\u002Fv7\u002Fflows",{"label":207,"to":208},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":210,"to":211},"Workflow Automation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fworkflow-automation",{"published_at":213,"updated_at":214},"2024-11-01T09:17:55.000Z","2026-09-13T13:02:39.000Z"]