[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":200,"links":201,"dates":220},"\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Supernotes UI components examples - Nicelydone","Browse Supernotes UI component design examples. Preview individual interface elements and explore related component categories. The best collaborative…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4dd003b7-956c-452c-9c38-e62f6d847fa4.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},"Supernotes design examples","\u002Fexamples\u002Fapps\u002Fsupernotes",{"label":23,"to":4},"Supernotes UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Supernotes UI component design examples. Preview individual interface elements and explore related component categories. The best collaborative note-taking app",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Supernotes","supernotes","The best collaborative note-taking app","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupernotes-3f910943.png","https:\u002F\u002Fsupernotes.app",[36,40,44],{"id":37,"title":38,"slug":39},59,"Writing tools","writing-tools",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,64,77,90,103,116,129,142,155,165,175,188],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"5aea9926-2e0f-4dc6-af37-714084cb574b","Supernotes UI component","A card with a list of tasks",1566,656,"UI component from Supernotes","component",[58],{"id":59,"title":60,"slug":61},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"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},"c3fdb974-b4b5-46ec-8f1c-b8f04e605911","A modal for choosing a color.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe73c7dc1-2334-4cae-b873-2b8e58330cad.png",680,762,[71],{"id":72,"title":73,"slug":74},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"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},"2038745a-a565-421e-9a52-39fdd97a4020","A modal showing a file upload progress.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F071d8d82-e2f6-4402-9c0a-dff7b974fc41.png",682,761,[84],{"id":85,"title":86,"slug":87},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"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},"d64f696f-44f8-4eca-8a41-a8653f924f18","A modal alert indicating a card has been junked with an option to restore it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F831896d1-4b1b-49bc-b38c-08d1e632b7d1.png",644,284,[97],{"id":98,"title":99,"slug":100},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"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":114},"edd24746-523f-4428-a38c-7ed3ce8c19da","A welcome message modal with instructions on how to use the app.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7b8190b1-421f-4e53-a14f-94cf03d09616.png",854,1843,[110],{"id":111,"title":112,"slug":113},220,"Drawer","side-sheet-drawer",{"slug":31,"title":30,"logo":33,"categories":115},[],{"uuid":117,"title":51,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":55,"kind":56,"categories":122,"app":127},"946b4588-a091-4877-9d3d-8798e8f739b8","A welcome card with instructions on how to use the app.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4adbee63-a8d0-4e79-bf3c-13289232bba5.png",849,1088,[123],{"id":124,"title":125,"slug":126},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":128},[],{"uuid":130,"title":51,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":55,"kind":56,"categories":135,"app":140},"8e6fb0af-3b3a-4d11-9c79-03252a8eafd7","A note taking app with a calendar and outline view.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3c0798d-4e9a-431d-b032-37ebce6dd451.png",838,1844,[136],{"id":137,"title":138,"slug":139},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":51,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":55,"kind":56,"categories":148,"app":153},"6807d096-1177-48cd-93e2-80c2acf86abc","A set of push pin illustrations","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb51a82e3-fa24-4145-93e5-ea810e05030c.png",428,378,[149],{"id":150,"title":151,"slug":152},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":51,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":55,"kind":56,"categories":161,"app":163},"cf3e8a48-0812-45ea-950f-829948d372ef","A hero image with a folder and papers","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F35f45845-b929-4196-bb80-c27794439644.png",623,427,[162],{"id":150,"title":151,"slug":152},{"slug":31,"title":30,"logo":33,"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},"52feef50-28c3-4dd0-90b4-6abd88c5bf5d","A checkbox with a label and links","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61893aaf-f928-4701-b09d-74a67829bcc0.png",546,184,[172],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"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":186},"86815666-4eb4-49a0-b493-575cd1c77b03","A button to sign up and open a web app","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb20171fe-c531-45be-a299-8c22d2bf0c8e.png",764,208,[182],{"id":183,"title":184,"slug":185},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":51,"description":190,"canonical_path":4,"image":191,"width":179,"height":192,"image_alt":55,"kind":56,"categories":193,"app":198},"5ac3ede3-07b2-456f-9f50-a8a9648ff052","A username input field","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F765698c0-a335-4bd3-97f5-436d28198973.png",242,[194],{"id":195,"title":196,"slug":197},201,"Input text","input-text",{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214,217],{"label":203,"to":204},"Supernotes product screens","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fscreens",{"label":206,"to":207},"Supernotes marketing pages","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fmarketing",{"label":209,"to":210},"Supernotes user flows","\u002Fexamples\u002Fapps\u002Fsupernotes\u002Fflows",{"label":212,"to":213},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":215,"to":216},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":218,"to":219},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":221,"updated_at":222},"2021-01-06T18:52:58.000Z","2026-09-13T13:02:39.000Z"]