[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkinescope\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":194,"links":195,"dates":214},"\u002Fexamples\u002Fapps\u002Fkinescope\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Kinescope UI components examples - Nicelydone","Browse Kinescope UI component design examples. Preview individual interface elements and explore related component categories. Videoinfrastructure made for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3089ac3d-7d48-4e5d-8367-3c7a42c562fa.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},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":23,"to":4},"Kinescope UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Kinescope UI component design examples. Preview individual interface elements and explore related component categories. Videoinfrastructure made for every story",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Kinescope","kinescope","Videoinfrastructure made for every story","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","https:\u002F\u002Fwww.kinescope.com",[36,40,44],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},70,"Video streaming","video-streaming",{"id":45,"title":46,"slug":47},100,"Video","video",[49,64,76,86,99,112,122,135,145,155,168,181],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"f206d926-d887-4ad8-81b4-8c2ee3113b61","Kinescope UI component","A user profile and settings dropdown menu with a nested language selection popover.",1352,990,"UI component from Kinescope","component",[58],{"id":59,"title":60,"slug":61},190,"Dropdown menu","dropdown-menu",{"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":74},"b15b07d4-ca0d-42f1-9fce-50f7de327ab2","A user interface element featuring a slider for adjusting a numerical value, labeled 'Number of tiles'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fecada676-cf78-4dba-b005-9e31fca6225b.png",692,223,[71],{"id":69,"title":72,"slug":73},"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":75},[],{"uuid":77,"title":51,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":55,"kind":56,"categories":82,"app":84},"cd7acb54-f185-4079-bb60-ed5c0c4c17ff","A modal menu displaying options for a video call interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F120dfa67-a1b2-4b5d-a7e2-d32b635048a5.png",791,604,[83],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":51,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":55,"kind":56,"categories":92,"app":97},"a09b465a-cd42-4cb2-9438-83dbb72dd33f","A modal dialog displaying audio settings with options for microphone, speaker, input sensitivity, and noise suppression.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa986b611-350f-40a8-8c32-3845ee53e981.png",1341,1006,[93],{"id":94,"title":95,"slug":96},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":51,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":55,"kind":56,"categories":105,"app":110},"1d986aeb-8380-4eaa-ad62-6174ac56e9fe","A search interface displaying applied filters and search results count.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdcabf6eb-67b9-423d-b626-ee3e38404554.png",2680,578,[106],{"id":107,"title":108,"slug":109},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":51,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":55,"kind":56,"categories":118,"app":120},"5fb00312-e9e7-448c-901d-148061a08930","A user interface displaying a search in catalog feature with an active filter chip and an open popover for modifying the filter condition.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F92687034-f8b3-464d-a27f-b8cd760c3e01.png",915,721,[119],{"id":107,"title":108,"slug":109},{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":51,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":55,"kind":56,"categories":128,"app":133},"65743b82-b9b8-41e1-afb1-680bbed1b39e","An interface for inviting guests with an email input, role selection, and invite button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd048deb1-6a95-458b-8205-8869865b84be.png",1408,412,[129],{"id":130,"title":131,"slug":132},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":51,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":55,"kind":56,"categories":141,"app":143},"f1d2ebfb-a3aa-4171-be45-8758049abd23","Access settings modal for managing guests and members with search and sharing options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05895816-aa85-4f10-8429-162efbeb7d3f.png",1727,1285,[142],{"id":94,"title":95,"slug":96},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":51,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":55,"kind":56,"categories":151,"app":153},"1c2610af-0e2f-4113-99a9-46d488a85ef3","A context menu displaying various actions for content management, including editing, publishing, and organizing media items.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7629e109-ed11-43f5-b884-9411e9073c01.png",545,787,[152],{"id":59,"title":60,"slug":61},{"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":166},"ca20d063-fcbe-47d3-b1ac-6b2ddbafda18","A video editing interface with a video player, playback controls, and an audio waveform timeline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0a6d7adb-07f2-4ddd-b6a2-767d906b54d0.png",3024,1861,[162],{"id":163,"title":164,"slug":165},238,"Video player","video-player",{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":51,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":55,"kind":56,"categories":174,"app":179},"785d4b69-05f8-4de9-b56f-bec24cf45698","A modal dialog for generating and copying embed code, offering options for responsiveness, fixed dimensions, and popover embedding.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F011174fc-eb0c-4fc6-b363-6a1b68fc49e2.png",1351,1371,[175],{"id":176,"title":177,"slug":178},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":51,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":55,"kind":56,"categories":187,"app":192},"1e944e71-0646-4aa5-ac2e-705c63c973ab","Email verification code entry screen","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f6c0696-cb30-4621-ae48-dbb29479d4f9.png",1074,706,[188],{"id":189,"title":190,"slug":191},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":193},[],[],[196,199,202,205,208,211],{"label":197,"to":198},"Kinescope product screens","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fscreens",{"label":200,"to":201},"Kinescope marketing pages","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fmarketing",{"label":203,"to":204},"Kinescope user flows","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fflows",{"label":206,"to":207},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":209,"to":210},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":212,"to":213},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"published_at":215,"updated_at":216},"2026-02-26T14:04:21.000Z","2026-09-13T13:02:39.000Z"]