[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsupercut\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":198,"links":199,"dates":218},"\u002Fexamples\u002Fapps\u002Fsupercut\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Supercut UI components examples - Nicelydone","Browse Supercut UI component design examples. Preview individual interface elements and explore related component categories. Record your screen &…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84439fae-a12d-4198-b7c1-dad2e2334a42.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},"Supercut design examples","\u002Fexamples\u002Fapps\u002Fsupercut",{"label":23,"to":4},"Supercut UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Supercut UI component design examples. Preview individual interface elements and explore related component categories. Record your screen & communicate like a pro",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Supercut","supercut","Record your screen & communicate like a pro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupercut-tlod2xbm.png","https:\u002F\u002Fsupercut.video","supercut_video",[37,41,45],{"id":38,"title":39,"slug":40},23,"Collaboration","collaboration",{"id":42,"title":43,"slug":44},82,"Communication","communication",{"id":46,"title":47,"slug":48},100,"Video","video",[50,65,78,91,101,113,126,138,150,162,175,185],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"d194fe4f-70ef-456f-b4ee-bc33d9a013f4","Supercut UI component","The screenshot displays a settings menu in dark mode.",603,1777,"UI component from Supercut","component",[59],{"id":60,"title":61,"slug":62},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":52,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":56,"kind":57,"categories":71,"app":76},"37847d77-d8c7-4441-bba7-d97cf657353b","A modal to invite new team members.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb6ce996a-f653-4341-a65c-51f127db4f28.png",1280,732,[72],{"id":73,"title":74,"slug":75},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":52,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":56,"kind":57,"categories":84,"app":89},"e7fad6b6-50e9-4e28-a36e-39261390635b","A modal showing a checklist of tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1ae770f-875f-4478-9cda-6968a2c9c81d.png",804,543,[85],{"id":86,"title":87,"slug":88},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":52,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":56,"kind":57,"categories":97,"app":99},"cdee1e45-2b58-4b92-bf26-ef9964be1d90","The screenshot shows a modal with options to edit, duplicate, set as default, and delete a theme.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fecd8a11d-0ab6-4e3c-a7e6-8ef0d8032da3.png",811,539,[98],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":100},[],{"uuid":102,"title":52,"description":103,"canonical_path":4,"image":104,"width":105,"height":55,"image_alt":56,"kind":57,"categories":106,"app":111},"6bce2b98-5d0b-46f5-a467-e059aad6a661","A modal for design customization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F774d689b-4ff2-4363-9b35-47da6d2bd83d.png",816,[107],{"id":108,"title":109,"slug":110},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":52,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":56,"kind":57,"categories":119,"app":124},"3cbb7ff3-b9fd-418e-8962-1b07267fdee0","The screenshot shows a modal for embedding a video, with options to copy the embed code and customize the appearance.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca277862-9157-4dc6-a742-d7b5dbeb4a28.png",1218,1190,[120],{"id":121,"title":122,"slug":123},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":52,"description":128,"canonical_path":4,"image":129,"width":69,"height":130,"image_alt":56,"kind":57,"categories":131,"app":136},"a9874989-16ee-4316-a523-b551ad6a4bed","The screenshot shows a modal for setting video privacy options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec6b0555-3f6b-423f-a9c7-f5c3f0c02287.png",679,[132],{"id":133,"title":134,"slug":135},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":52,"description":140,"canonical_path":4,"image":141,"width":69,"height":142,"image_alt":56,"kind":57,"categories":143,"app":148},"ab0262f7-5962-4cdf-8d33-c6d9c2834100","A tab bar with four options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff6e33d75-5a43-4607-b307-0354f5c52ff8.png",328,[144],{"id":145,"title":146,"slug":147},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":52,"description":152,"canonical_path":4,"image":153,"width":69,"height":154,"image_alt":56,"kind":57,"categories":155,"app":160},"df8af343-0d6a-4312-af27-75c696fc7ac5","A modal for sharing a link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4b432a10-2b62-4694-87af-2d39ae8528c2.png",455,[156],{"id":157,"title":158,"slug":159},241,"Click to copy","click-to-copy",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":52,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":56,"kind":57,"categories":168,"app":173},"27b8658f-0da8-450a-b434-e9e5c9df0c35","The screenshot shows a ui with share, design and edit options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F374dc852-c4e7-41f1-9b26-a73bde115d11.png",3023,108,[169],{"id":170,"title":171,"slug":172},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":52,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":56,"kind":57,"categories":181,"app":183},"b236f459-eec6-4dde-afc1-7012ded58899","A toggle switch with a progress indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa7bb7d63-72d2-4b37-b67a-583940ec9c8c.png",264,165,[182],{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":184},[],{"uuid":186,"title":52,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":56,"kind":57,"categories":191,"app":196},"589fdab6-f9b5-4fd9-a154-8dd0d36b42dc","A screenshot of a youtube video about design.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa740c122-c439-42b7-86eb-6f8208830416.png",3073,1712,[192],{"id":193,"title":194,"slug":195},238,"Video player","video-player",{"slug":31,"title":30,"logo":33,"categories":197},[],[],[200,203,206,209,212,215],{"label":201,"to":202},"Supercut product screens","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fscreens",{"label":204,"to":205},"Supercut marketing pages","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fmarketing",{"label":207,"to":208},"Supercut user flows","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fflows",{"label":210,"to":211},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":213,"to":214},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":216,"to":217},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"published_at":219,"updated_at":220},"2025-03-02T14:58:44.000Z","2026-09-13T13:02:39.000Z"]