[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fvideo-player":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":10,"seo":14,"breadcrumbs":18,"content":27,"examples":36,"showcases":304,"links":305,"dates":350},"\u002Fexamples\u002Fcomponents\u002Fvideo-player","collection","components",true,{"example_count":9,"app_count":9},12,{"id":11,"title":12,"description":13},238,"Video player","Explore controls for watching video within an interface. Look at how playback actions, the timeline, and display options fit around the video itself.",{"title":15,"description":16,"og_image":17},"Video player UI examples - Nicelydone","Video player UI design examples from SaaS apps. Explore controls for watching video within an interface. Look at how playback actions, the timeline, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F816a3903-5f16-4bec-b8bd-ffecf18cae92.png",[19,22,25],{"label":20,"to":21},"Examples","\u002Fexamples",{"label":23,"to":24},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":26,"to":4},"Video player UI examples",{"title":26,"eyebrow":28,"description":29,"sections":30,"body":34},"UI component category","Video player UI design examples from SaaS apps. Explore controls for watching video within an interface. Look at how playback actions, the timeline, and display options fit around the video itself.",[31],{"title":32,"description":13,"links":33},"About Video player",[],[35],"12 UI components",[37,67,89,119,145,168,191,214,235,256,286],{"uuid":38,"title":39,"description":40,"canonical_path":41,"image":17,"width":42,"height":43,"image_alt":44,"kind":45,"categories":46,"app":49},"9fddeceb-ba5f-4180-be5e-519359474bb0","Flask UI component","A video player interface displaying a video of three people discussing plans in an unfinished room, with playback controls at the bottom.","\u002Fexamples\u002Fapps\u002Fflask\u002Fcomponents",2404,1401,"UI component from Flask","component",[47],{"id":11,"title":12,"slug":48},"video-player",{"slug":50,"title":51,"logo":52,"baseline":53,"categories":54},"flask","Flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[55,59,63],{"id":56,"title":57,"slug":58},100,"Video","video",{"id":60,"title":61,"slug":62},23,"Collaboration","collaboration",{"id":64,"title":65,"slug":66},35,"Feedback","feedback",{"uuid":68,"title":69,"description":70,"canonical_path":71,"image":72,"width":73,"height":74,"image_alt":75,"kind":45,"categories":76,"app":78},"57929104-eef5-4e01-bab1-0e5716a701e4","Video Player","Displays generated video with playback controls and timeline for review and iteration","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe18bceab-3634-4321-8ee2-c5b6313ef011.png",1843,1148,"Video Player from HeyGen",[77],{"id":11,"title":12,"slug":48},{"slug":79,"title":80,"logo":81,"baseline":82,"categories":83},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[84,85],{"id":56,"title":57,"slug":58},{"id":86,"title":87,"slug":88},80,"Artificial Intelligence","artificial-intelligence",{"uuid":90,"title":91,"description":92,"canonical_path":93,"image":94,"width":95,"height":96,"image_alt":97,"kind":45,"categories":98,"app":100},"291f79ea-9dad-4e6a-a770-123b26422af6","Linear UI component","A video player interface displaying a man speaking, with playback controls overlaid at the bottom.","\u002Fexamples\u002Fapps\u002Flinear\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31b7fbc8-024f-425f-a7cc-884455b77f71.png",2944,1768,"UI component from Linear",[99],{"id":11,"title":12,"slug":48},{"slug":101,"title":102,"logo":103,"baseline":104,"categories":105},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png","The issue tracking tool you'll enjoy using",[106,110,114,115],{"id":107,"title":108,"slug":109},29,"Task Management","task-management",{"id":111,"title":112,"slug":113},30,"Productivity","productivity",{"id":60,"title":61,"slug":62},{"id":116,"title":117,"slug":118},86,"Product management","product-management",{"uuid":120,"title":121,"description":122,"canonical_path":123,"image":124,"width":125,"height":126,"image_alt":127,"kind":45,"categories":128,"app":130},"ca20d063-fcbe-47d3-b1ac-6b2ddbafda18","Kinescope UI component","A video editing interface with a video player, playback controls, and an audio waveform timeline.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0a6d7adb-07f2-4ddd-b6a2-767d906b54d0.png",3024,1861,"UI component from Kinescope",[129],{"id":11,"title":12,"slug":48},{"slug":131,"title":132,"logo":133,"baseline":134,"categories":135},"kinescope","Kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[136,140,144],{"id":137,"title":138,"slug":139},37,"Developer APIs","developer-apis",{"id":141,"title":142,"slug":143},70,"Video streaming","video-streaming",{"id":56,"title":57,"slug":58},{"uuid":146,"title":147,"description":148,"canonical_path":149,"image":150,"width":151,"height":152,"image_alt":153,"kind":45,"categories":154,"app":156},"d8307ee2-7ee7-43a6-8bb4-eee1efe91ed2","Vimeo UI component","A video editing interface with media library and timeline.","\u002Fexamples\u002Fapps\u002Fvimeo\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7c08ba12-82c7-4091-9898-4645efb1e199.png",3054,1846,"UI component from Vimeo",[155],{"id":11,"title":12,"slug":48},{"slug":157,"title":158,"logo":159,"baseline":160,"categories":161},"vimeo","Vimeo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvimeo-75b68e59.png","Watch, upload and share HD and 4k videos with no ads",[162,163,167],{"id":141,"title":142,"slug":143},{"id":164,"title":165,"slug":166},71,"File sharing","file-sharing",{"id":56,"title":57,"slug":58},{"uuid":169,"title":170,"description":171,"canonical_path":172,"image":173,"width":174,"height":175,"image_alt":176,"kind":45,"categories":177,"app":179},"589fdab6-f9b5-4fd9-a154-8dd0d36b42dc","Supercut UI component","A screenshot of a youtube video about design.","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa740c122-c439-42b7-86eb-6f8208830416.png",3073,1712,"UI component from Supercut",[178],{"id":11,"title":12,"slug":48},{"slug":180,"title":181,"logo":182,"baseline":183,"categories":184},"supercut","Supercut","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupercut-tlod2xbm.png","Record your screen & communicate like a pro",[185,186,190],{"id":60,"title":61,"slug":62},{"id":187,"title":188,"slug":189},82,"Communication","communication",{"id":56,"title":57,"slug":58},{"uuid":192,"title":193,"description":194,"canonical_path":195,"image":196,"width":197,"height":198,"image_alt":199,"kind":45,"categories":200,"app":202},"1cc36abe-2d86-4822-bc1f-45de62c31c26","Sana UI component","A video player interface with a person in the video.","\u002Fexamples\u002Fapps\u002Fsana\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8790acf4-9d7f-4f35-8a35-8a91a2a25b5c.png",2080,1282,"UI component from Sana",[201],{"id":11,"title":12,"slug":48},{"slug":203,"title":204,"logo":205,"baseline":206,"categories":207},"sana","Sana","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsana-f298da05.png","Your AI assistant for work",[208,209,210],{"id":86,"title":87,"slug":88},{"id":111,"title":112,"slug":113},{"id":211,"title":212,"slug":213},22,"Knowledge Management","knowledge-management",{"uuid":215,"title":216,"description":217,"canonical_path":218,"image":219,"width":220,"height":221,"image_alt":222,"kind":45,"categories":223,"app":225},"9924c1d8-9060-44bd-b982-f9646e83083f","Video player with timeline","A video player modal showing a basketball clip, featuring playback controls, a progress bar, a 'Get recommendations' button, and a timeline scrubber below with a 'Reset' button.","\u002Fexamples\u002Fapps\u002Fepidemic-sound\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F54328407-74ca-42c9-960f-d3cd6bfc0e1a.png",1362,1153,"Video player with timeline from Epidemic Sound",[224],{"id":11,"title":12,"slug":48},{"slug":226,"title":227,"logo":228,"baseline":229,"categories":230},"epidemic-sound","Epidemic Sound","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fepidemic-sound-0ef09636.png","Royalty-free music for your videos",[231],{"id":232,"title":233,"slug":234},20,"Music","music",{"uuid":236,"title":237,"description":238,"canonical_path":239,"image":240,"width":241,"height":242,"image_alt":243,"kind":45,"categories":244,"app":246},"fb7feb4f-1a89-4a83-96b7-48ef99037e33","Wiza UI component","A video modal with contact information","\u002Fexamples\u002Fapps\u002Fwiza\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe8037097-d7c8-4ab9-b74d-5b3db749ccf8.png",2444,1637,"UI component from Wiza",[245],{"id":11,"title":12,"slug":48},{"slug":247,"title":248,"logo":249,"baseline":250,"categories":251},"wiza","Wiza","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwiza-21efd5aa.png","Wiza makes prospecting magical",[252],{"id":253,"title":254,"slug":255},53,"CRM","crm",{"uuid":257,"title":258,"description":259,"canonical_path":260,"image":261,"width":262,"height":263,"image_alt":264,"kind":45,"categories":265,"app":267},"6ff66f44-b489-4adb-988f-1675feb2a53d","Stellate UI component","A video presentation about GraphQL edge caching.","\u002Fexamples\u002Fapps\u002Fstellate\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd2e4484-66d5-45c2-9ce5-da79ab32a882.png",2197,1516,"UI component from Stellate",[266],{"id":11,"title":12,"slug":48},{"slug":268,"title":269,"logo":270,"baseline":271,"categories":272},"stellate","Stellate","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstellate-260030a8.png","Edge Caching & Metrics for your GraphQL API",[273,274,278,282],{"id":137,"title":138,"slug":139},{"id":275,"title":276,"slug":277},16,"Monitoring","monitoring",{"id":279,"title":280,"slug":281},48,"Developer Tools","developer-tools",{"id":283,"title":284,"slug":285},78,"Security","security",{"uuid":287,"title":12,"description":288,"canonical_path":289,"image":290,"width":291,"height":292,"image_alt":293,"kind":45,"categories":294,"app":296},"f197f294-4f2e-460e-a550-336d157e4d3b","A video player component showing an AI avatar with playback controls, progress bar, closed captions, and branding.","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3636783-38e3-4b7a-ad5e-8bf9e610db98.png",2132,1313,"Video player from Synthesia",[295],{"id":11,"title":12,"slug":48},{"slug":297,"title":298,"logo":299,"baseline":300,"categories":301},"synthesia","Synthesia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsynthesia-4278cf0d.png","#1 AI video creation platform",[302,303],{"id":86,"title":87,"slug":88},{"id":56,"title":57,"slug":58},[],[306,308,311,314,317,320,323,326,329,332,335,338,341,344,347],{"label":69,"to":307},"\u002Fexamples\u002Fscreens\u002Fvideo-player",{"label":309,"to":310},"Media Detail","\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":312,"to":313},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":315,"to":316},"Media Editor","\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":318,"to":319},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":321,"to":322},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":324,"to":325},"Linear design examples","\u002Fexamples\u002Fapps\u002Flinear",{"label":327,"to":328},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":330,"to":331},"Vimeo design examples","\u002Fexamples\u002Fapps\u002Fvimeo",{"label":333,"to":334},"Supercut design examples","\u002Fexamples\u002Fapps\u002Fsupercut",{"label":336,"to":337},"Sana design examples","\u002Fexamples\u002Fapps\u002Fsana",{"label":339,"to":340},"Epidemic Sound design examples","\u002Fexamples\u002Fapps\u002Fepidemic-sound",{"label":342,"to":343},"Wiza design examples","\u002Fexamples\u002Fapps\u002Fwiza",{"label":345,"to":346},"Stellate design examples","\u002Fexamples\u002Fapps\u002Fstellate",{"label":348,"to":349},"Synthesia design examples","\u002Fexamples\u002Fapps\u002Fsynthesia",{"published_at":351,"updated_at":352},"2022-08-21T20:07:35.000Z","2026-09-21T12:15:13.000Z"]