[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":194,"links":195,"dates":208},"\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Visitors UI components examples - Nicelydone","Browse Visitors UI component design examples. Preview individual interface elements and explore related component categories. Revenue-first web analytics","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56c6d1f6-7118-46f4-8439-790d5f59e1ed.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},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":23,"to":4},"Visitors 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,"categories":34},"Visitors","visitors","Revenue-first web analytics","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","https:\u002F\u002Fvisitors.now\u002F",[35],{"id":36,"title":37,"slug":38},46,"Analytics","analytics",[40,55,68,81,91,104,116,129,142,155,168,181],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"categories":48,"app":53},"b7edf1ea-201f-480e-bffb-e900bf437d8a","Visitors UI component","A segmented control for selecting between monthly and annually options",756,194,"UI component from Visitors","component",[49],{"id":50,"title":51,"slug":52},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":54},[],{"uuid":56,"title":42,"description":57,"canonical_path":4,"image":58,"width":59,"height":60,"image_alt":46,"kind":47,"categories":61,"app":66},"6b56c527-578c-44e1-94a4-0069cad24bd7","Pricing display with a volume-based slider for monthly events","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff9cbd9db-ac3e-4ab6-85f2-68b4b217ccb5.png",755,486,[62],{"id":63,"title":64,"slug":65},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":42,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":46,"kind":47,"categories":74,"app":79},"b0703cbc-8514-46b4-b901-d0d065cd464b","A user profile popover displaying account information, subscription status, and navigation links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1f9c1cb6-9518-4690-96da-6e4c5339bc78.png",683,895,[75],{"id":76,"title":77,"slug":78},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":42,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":46,"kind":47,"categories":87,"app":89},"08552b10-af88-4e85-a9b1-fac99f75eb85","An interface for managing API keys with options to create and delete them.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F426595f0-c70a-4e5e-b89e-0002a820dbb4.png",1228,584,[88],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":42,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":46,"kind":47,"categories":97,"app":102},"8f0deb16-7c5e-45a9-ab5b-70ec54d3bec7","A modal dialog for creating a new API key, prompting the user to name it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F066b2a8c-a51d-48b7-9526-c8b336f44a48.png",919,736,[98],{"id":99,"title":100,"slug":101},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":42,"description":106,"canonical_path":4,"image":107,"width":85,"height":108,"image_alt":46,"kind":47,"categories":109,"app":114},"8fb6e349-dc9d-4588-96ba-dc5efd7e6715","A card displaying event usage data with an empty state and a breakdown list.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F07f2826b-6e5f-4549-a5c2-84ccc1891902.png",1533,[110],{"id":111,"title":112,"slug":113},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":42,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":46,"kind":47,"categories":122,"app":127},"043ab51e-74dc-4574-b06d-76f54d19b0a6","A user interface displaying currency selection options within a settings panel, featuring a dropdown menu with country flags and currency codes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9c6ddeb4-0557-446e-b74b-11dccee28373.png",1084,885,[123],{"id":124,"title":125,"slug":126},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":42,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":46,"kind":47,"categories":135,"app":140},"9c86b9f5-4581-4003-a2ea-ad28f0f0107f","A minimalist header with a logo, progress indicator, and user avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F79bab0d1-d56c-4ebf-ab3b-84d505db793e.png",1717,317,[136],{"id":137,"title":138,"slug":139},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":42,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":46,"kind":47,"categories":148,"app":153},"8d101778-9d8f-41a5-899d-44bd25bd9942","A user interface for entering a verification code sent to an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a591ba1-5d95-4234-af53-df8f33592c0b.png",825,429,[149],{"id":150,"title":151,"slug":152},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":42,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":46,"kind":47,"categories":161,"app":166},"958e619f-dfcc-48e6-a81c-f85dd0c85b6c","A web interface displaying visitor analytics, including history, breakdown, and user journeys, with a focus on conversion tracking.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdd80765d-015f-4d41-8065-62a2cd7b6cdb.png",2224,2952,[162],{"id":163,"title":164,"slug":165},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":42,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":46,"kind":47,"categories":174,"app":179},"dda293ee-698f-4e07-a7c9-4820b7c8f2bc","A dropdown menu displaying various features of a web analytics or business intelligence platform, with navigation links at the top.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0120dc94-f378-47df-a3b8-354cc50ee64f.png",1180,841,[175],{"id":176,"title":177,"slug":178},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":42,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":46,"kind":47,"categories":187,"app":192},"7cd1b5cc-eddb-4134-a149-b8bbf3568c7a","A landing page promoting a visitor tracking and revenue analytics service, featuring a call to action for a free trial and demo, along with a detailed footer.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F997a9751-d46d-4cfe-b4b9-2c16357375ea.png",3024,2521,[188],{"id":189,"title":190,"slug":191},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":193},[],[],[196,199,202,205],{"label":197,"to":198},"Visitors product screens","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens",{"label":200,"to":201},"Visitors marketing pages","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fmarketing",{"label":203,"to":204},"Visitors user flows","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fflows",{"label":206,"to":207},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"published_at":209,"updated_at":210},"2026-05-29T19:15:46.000Z","2026-09-13T13:02:39.000Z"]