[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsuperlist\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":206,"links":207,"dates":223},"\u002Fexamples\u002Fapps\u002Fsuperlist\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Superlist UI components examples - Nicelydone","Browse Superlist UI component design examples. Preview individual interface elements and explore related component categories. Supercharged productivity","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6557e047-5dab-4eb4-97be-ec8a00698078.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},"Superlist design examples","\u002Fexamples\u002Fapps\u002Fsuperlist",{"label":23,"to":4},"Superlist 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},"Superlist","superlist","Supercharged productivity","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuperlist-159870df.png","https:\u002F\u002Fsuperlist.com",[35,39],{"id":36,"title":37,"slug":38},29,"Task Management","task-management",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",[44,58,73,88,103,113,125,137,152,167,180,195],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":56},"8a4e1fd0-21f4-4d47-a8eb-55883918c404","Hero section","A hero section featuring a prominent headline, logo, and a row of pill-shaped buttons for different use cases. Below, a preview of the app interface is partially visible.",3024,1600,"Hero section from Superlist","component",[53],{"id":54,"title":46,"slug":55},197,"hero-section",{"slug":30,"title":29,"logo":32,"categories":57},[],{"uuid":59,"title":60,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":65,"kind":51,"categories":66,"app":71},"89370668-87a8-4f98-a2b8-7ac4fa0ce151","Update notification toast","A pill-shaped toast notification informing the user that the app is up to date. It includes a primary action to view release notes and a secondary action to dismiss the toast.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc865d1a0-33a8-4ff3-8eae-cabe0121f89e.png",965,139,"Update notification toast from Superlist",[67],{"id":68,"title":69,"slug":70},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":80,"kind":51,"categories":81,"app":86},"a425f83b-d3ad-4773-9631-c2e1d2c63401","Superlist UI component","Account settings modal with task automation options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0790f751-5669-414e-9cca-b5ec263ea4f4.png",1031,616,"UI component from Superlist",[82],{"id":83,"title":84,"slug":85},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":95,"kind":51,"categories":96,"app":101},"26498aba-61ed-4840-afd9-e37023c5f407","Slash command menu","A slash command menu triggered within a text editor, displaying a list of block types like Task, Paragraph, Headings, and lists. The 'Task' option is currently highlighted.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F59848134-0fe2-427a-a2dc-9d003f021c31.png",1159,962,"Slash command menu from Superlist",[97],{"id":98,"title":99,"slug":100},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":75,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":80,"kind":51,"categories":109,"app":111},"02db20f1-711e-47b1-838b-4d1fb7e7912a","A toggle switch to enable or disable recently viewed lists.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f05a544-1ba0-48fd-b6d8-20fe054ae0dd.png",1534,444,[110],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":120,"kind":51,"categories":121,"app":123},"acecd81e-c318-4d7f-9e2e-0ca0b348503d","Dismissible tip banner","A pill-shaped banner providing a helpful tip or suggestion, featuring an icon, text, an action button, and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F47bfeea0-f8c7-4149-96fd-f7d30cc7605c.png",1209,336,"Dismissible tip banner from Superlist",[122],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":132,"kind":51,"categories":133,"app":135},"743ad39c-b99f-4077-acca-1c5ba3b31b82","Account settings popover","A popover menu triggered by an avatar, containing account settings, team management, upgrade options, and support links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9c2380d9-16cd-4bee-b53f-5c7f5f221f14.png",470,870,"Account settings popover from Superlist",[134],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":144,"kind":51,"categories":145,"app":150},"704a0724-a149-44f5-b0f3-6b8f87736e79","Drag and drop list reordering","A sidebar navigation list showing an item being dragged and dropped to a new position. A blue line indicates the drop target location.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F76501b9f-65e2-4ea2-ae95-2cbd35f582fd.png",629,649,"Drag and drop list reordering from Superlist",[146],{"id":147,"title":148,"slug":149},251,"Reorder","reorder",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":159,"kind":51,"categories":160,"app":165},"f1548d48-68ae-495e-8281-cf7271eaa279","Share popover","A share popover allowing users to search for people, teams, or emails to invite as collaborators. It displays current collaborators and their roles, along with options to copy a link or change team access.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0a8fb233-c03f-4e18-982a-5aeef5c75f19.png",1047,589,"Share popover from Superlist",[161],{"id":162,"title":163,"slug":164},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":75,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":80,"kind":51,"categories":173,"app":178},"9901ce89-2283-4fb3-bef9-54189a627a16","A booking card with a checkbox and a date and time indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ff8725d-215d-4212-9275-94de2f3a97ac.png",456,216,[174],{"id":175,"title":176,"slug":177},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":51,"categories":188,"app":193},"3538891f-fc2e-4b6d-969d-90e39768cd88","Reminder Popover","A popover menu for setting a reminder on a task, featuring predefined time options and a custom reminder option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5f40f9b3-3db9-486f-8c31-ada0569967ca.png",771,960,"Reminder Popover from Superlist",[189],{"id":190,"title":191,"slug":192},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":185,"height":200,"image_alt":201,"kind":51,"categories":202,"app":204},"06093809-b82b-4f80-8a86-685e4ccc68ec","Time picker popover","A popover menu for selecting a specific time, featuring a text input field with autocomplete and a scrollable list of time options in 30-minute increments.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd834256d-1bb5-4728-b967-7e9ef7ad4a38.png",890,"Time picker popover from Superlist",[203],{"id":190,"title":191,"slug":192},{"slug":30,"title":29,"logo":32,"categories":205},[],[],[208,211,214,217,220],{"label":209,"to":210},"Superlist product screens","\u002Fexamples\u002Fapps\u002Fsuperlist\u002Fscreens",{"label":212,"to":213},"Superlist marketing pages","\u002Fexamples\u002Fapps\u002Fsuperlist\u002Fmarketing",{"label":215,"to":216},"Superlist user flows","\u002Fexamples\u002Fapps\u002Fsuperlist\u002Fflows",{"label":218,"to":219},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":221,"to":222},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":224,"updated_at":225},"2021-03-17T18:45:28.000Z","2026-09-26T00:10:31.000Z"]