React Page Transition Animation using Framermotion Route Change Animation

>> DOWNLOAD LINK 🎞️ #1 <<

>> DOWNLOAD LINK 🎞️ #2 <<

>> DOWNLOAD LINK 🎵 MP3 <<

############################# Video Source: www.youtube.com/watch?v=pEW1Pq94zQY

In this video, I walk you through how to create page transition animations in React using Framer Motion. I'll show you how small code tweaks can create different animation styles. This tutorial covers all the basics you need for smooth page transitions, and with the tips I share, you'll be able to easily build more advanced and complex animations using these foundational techniques.","styleRuns":[{"startIndex":0,"length":385,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":385,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"COwBELsvGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC3BFVzFQcTk0elFZGAYyJSIRIgtwRVcxUHE5NHpRWTAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"COwBELsvGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"COsBELovIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"secondaryResults":{"secondaryResults":{"results":[{"compactMovieRenderer":{"videoId":"1CTrDmd9oRk","thumbnail":{"thumbnails":[{"url":"https://lh3.googleusercontent.com/ClnA5Vo3oey0feJUiEh7pfUlw5qRwyUhWrWjgJA_fEOmXe8Mn9VWP5L2A4G66Xdwc67xOSVLiGE","width":168,"height":94},{"url":"https://lh3.googleusercontent.com/ClnA5Vo3oey0feJUiEh7pfUlw5qRwyUhWrWjgJA_fEOmXe8Mn9VWP5L2A4G66Xdwc67xOSVLiGE","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Guardians of the New World by Documentary • 2017 55 minutes"}},"simpleText":"Guardians of the New World"},"shortBylineText":{"runs":[{"text":"YouTube Movies TV","navigationEndpoint":{"clickTrackingParams":"COoBEMPSChgNIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"url":"/channel/UClgRkhTL3_hImCAmdLfDE4g","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UClgRkhTL3_hImCAmdLfDE4g"}},"loggingDirectives":{"trackingParams":"COoBEMPSChgNIhMIruXFidfhiQMVEUJ6BR1riwRa","visibility":{"types":"12"}}}]},"lengthText":{"accessibility":{"accessibilityData":{"label":"55 minutes, 44 seconds"}},"simpleText":"55:44"},"navigationEndpoint":{"clickTrackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRaMgdyZWxhdGVkSIaa4_vqp-2ipAGaAQUIARD4HQ==","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=1CTrDmd9oRk pp=sAQB","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"1CTrDmd9oRk","playerParams":"sAQB","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-5hne6nsd.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=d424eb0e677da119 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"badges":[{"metadataBadgeRenderer":{"style":"BADGE_STYLE_TYPE_YPC","label":"Free with ads","trackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","accessibilityData":{"label":"Free with ads"}}},{"metadataBadgeRenderer":{"style":"BADGE_STYLE_TYPE_SIMPLE","label":"TV-PG","trackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","accessibilityData":{"label":"tv-pg"}}}],"trackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"COgBEP6YBBgIIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COgBEP6YBBgIIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"1CTrDmd9oRk","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COgBEP6YBBgIIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["1CTrDmd9oRk"],"params":"CAQ%3D"}},"videoIds":["1CTrDmd9oRk"]}},{"clickTrackingParams":"COgBEP6YBBgIIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"COkBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"COgBEP6YBBgIIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"COcBENGqBRgJIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"1CTrDmd9oRk","onAddCommand":{"clickTrackingParams":"COcBENGqBRgJIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"1CTrDmd9oRk","params":"CAIQAA%3D%3D"}}}},"trackingParams":"COcBENGqBRgJIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgsxQ1RyRG1kOW9Saw%3D%3D","commands":[{"clickTrackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"COYBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","hasSeparator":true}}],"trackingParams":"COMBEPbfChgAIhMIruXFidfhiQMVEUJ6BR1riwRa","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"useVerticalPoster":false,"topMetadataItems":[{"simpleText":"Documentary • 2017"}],"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"55 minutes, 44 seconds"}},"simpleText":"55:44"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"COUBEPnnAxgEIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"1CTrDmd9oRk","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"COUBEPnnAxgEIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"1CTrDmd9oRk"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"COUBEPnnAxgEIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"COQBEMfsBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COQBEMfsBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"1CTrDmd9oRk","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COQBEMfsBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["1CTrDmd9oRk"],"params":"CAQ%3D"}},"videoIds":["1CTrDmd9oRk"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"COQBEMfsBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}]}},{"compactVideoRenderer":{"videoId":"4c-fThUw6JA","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/4c-fThUw6JA/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLABXbf9vjSErmfAa1DMM_jDZHewVg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/4c-fThUw6JA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLAcK9rN7_uZYgRVbcwu8TVEU8f-NQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Keynote Mosaix by 4ART @Google by Mosaix 5,398 views 2 weeks ago 1 hour, 37 minutes"}},"simpleText":"Keynote Mosaix by 4ART @Google"},"longBylineText":{"runs":[{"text":"Mosaix ","navigationEndpoint":{"clickTrackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@4ARTHolding","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCdZjKCt2TsvzTs0cB-fgNNQ","canonicalBaseUrl":"/@4ARTHolding"}}}]},"publishedTimeText":{"simpleText":"2 weeks ago"},"viewCountText":{"simpleText":"5,398 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"1 hour, 37 minutes, 26 seconds"}},"simpleText":"1:37:26"},"navigationEndpoint":{"clickTrackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=4c-fThUw6JA","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"4c-fThUw6JA","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-5hne6n6l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=e1cf9f4e1530e890 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"Mosaix ","navigationEndpoint":{"clickTrackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@4ARTHolding","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCdZjKCt2TsvzTs0cB-fgNNQ","canonicalBaseUrl":"/@4ARTHolding"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/8Zd6RfkqeH0L61ErcSm8hbQXKz63yHF8BdZcwnPtXsFywpouw02Xl0RqpGt07GmJkJ0gie7g=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFpAkNHDqeHp5-fhAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"5.3K views"}},"simpleText":"5.3K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"COEBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"COEBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"4c-fThUw6JA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"COEBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["4c-fThUw6JA"],"params":"CAQ%3D"}},"videoIds":["4c-fThUw6JA"]}},{"clickTrackingParams":"COEBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"COIBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"COEBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"COABENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"4c-fThUw6JA","onAddCommand":{"clickTrackingParams":"COABENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"4c-fThUw6JA","params":"CAIQAA%3D%3D"}}}},"trackingParams":"COABENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgs0Yy1mVGhVdzZKQQ%3D%3D","commands":[{"clickTrackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CN8BEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CNwBEKQwGAEiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"1 hour, 37 minutes, 26 seconds"}},"simpleText":"1:37:26"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CN4BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"4c-fThUw6JA","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CN4BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"4c-fThUw6JA"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CN4BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CN0BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CN0BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"4c-fThUw6JA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CN0BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["4c-fThUw6JA"],"params":"CAQ%3D"}},"videoIds":["4c-fThUw6JA"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CN0BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Keynote Mosaix by 4ART @Google - 1 hour, 37 minutes - Go to channel - Mosaix - 5.3K views - 2 weeks ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/4c-fThUw6JA/mqdefault_6s.webp?du=3000 sqp=CMDz47kG rs=AOn4CLAXi1gasAqLhTovVegjwvIug9xOvA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"8voRA_DMuFM","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/8voRA_DMuFM/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLBwBNkYlrZ8caIJoSgCZe7zXPBLQQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/8voRA_DMuFM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLAispoqP5k6lIo2iwVBDlGrKyr-5A","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"React Page Transitions With Framer Motion + React Router v6 (2023) by Codegrid 71,098 views 1 year ago 6 minutes, 51 seconds"}},"simpleText":"React Page Transitions With Framer Motion + React Router v6 (2023)"},"longBylineText":{"runs":[{"text":"Codegrid","navigationEndpoint":{"clickTrackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@codegrid","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC7pVho4O31FyfQsZdXWejEw","canonicalBaseUrl":"/@codegrid"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"71,098 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"6 minutes, 51 seconds"}},"simpleText":"6:51"},"navigationEndpoint":{"clickTrackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=8voRA_DMuFM","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"8voRA_DMuFM","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-5hne6nz6.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=f2fa1103f0ccb853 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"Codegrid","navigationEndpoint":{"clickTrackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@codegrid","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC7pVho4O31FyfQsZdXWejEw","canonicalBaseUrl":"/@codegrid"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/3cQwc6GYB_mGHKjJ5LaZ-DX_Fii3NSLdz-Rmi7ZFqAOqsPDhHvc1qcciHM6v2tvr_4IYCynGvA=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFpA0_Cyhr-ghP3yAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"71K views"}},"simpleText":"71K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CNoBEP6YBBgHIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNoBEP6YBBgHIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"8voRA_DMuFM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNoBEP6YBBgHIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["8voRA_DMuFM"],"params":"CAQ%3D"}},"videoIds":["8voRA_DMuFM"]}},{"clickTrackingParams":"CNoBEP6YBBgHIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CNsBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CNoBEP6YBBgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CNkBENGqBRgIIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"8voRA_DMuFM","onAddCommand":{"clickTrackingParams":"CNkBENGqBRgIIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"8voRA_DMuFM","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CNkBENGqBRgIIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgs4dm9SQV9ETXVGTQ%3D%3D","commands":[{"clickTrackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CNgBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CNUBEKQwGAIiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"6 minutes, 51 seconds"}},"simpleText":"6:51"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CNcBEPnnAxgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"8voRA_DMuFM","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CNcBEPnnAxgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"8voRA_DMuFM"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CNcBEPnnAxgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CNYBEMfsBBgDIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNYBEMfsBBgDIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"8voRA_DMuFM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNYBEMfsBBgDIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["8voRA_DMuFM"],"params":"CAQ%3D"}},"videoIds":["8voRA_DMuFM"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CNYBEMfsBBgDIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"React Page Transitions With Framer Motion + React Router v6 (2023) - 6 minutes, 51 seconds - Go to channel - Codegrid - 71K views - 1 year ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/8voRA_DMuFM/mqdefault_6s.webp?du=3000 sqp=CJX547kG rs=AOn4CLD1SbAJqe0WbFhZNSfkZCD4kBRGkA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"wBOVFS4_0o4","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/wBOVFS4_0o4/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLDuTYXaEM0MVoknTWCeY-EH2fmiPA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/wBOVFS4_0o4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDKPIk66OIu0o4pjamGEaN7GcvwHw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Scroll Animation in React Using Framer Motion by nawaCode 1,525 views 1 month ago 41 minutes"}},"simpleText":"Scroll Animation in React Using Framer Motion"},"longBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"publishedTimeText":{"simpleText":"1 month ago"},"viewCountText":{"simpleText":"1,525 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"41 minutes, 14 seconds"}},"simpleText":"41:14"},"navigationEndpoint":{"clickTrackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=wBOVFS4_0o4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"wBOVFS4_0o4","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-5hneknes.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=c01395152e3fd28e ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nEAkrwe2vpJwq1L0LTPhMUsrsUsv6Tc_x_4BUjCBKjQw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFpAjqX_8dKi5YnAAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"1.5K views"}},"simpleText":"1.5K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CNMBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CNMBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"wBOVFS4_0o4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CNMBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["wBOVFS4_0o4"],"params":"CAQ%3D"}},"videoIds":["wBOVFS4_0o4"]}},{"clickTrackingParams":"CNMBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CNQBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CNMBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CNIBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"wBOVFS4_0o4","onAddCommand":{"clickTrackingParams":"CNIBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"wBOVFS4_0o4","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CNIBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt3Qk9WRlM0XzBvNA%3D%3D","commands":[{"clickTrackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CNEBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CM4BEKQwGAMiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"41 minutes, 14 seconds"}},"simpleText":"41:14"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CNABEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"wBOVFS4_0o4","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CNABEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"wBOVFS4_0o4"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CNABEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CM8BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CM8BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"wBOVFS4_0o4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CM8BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["wBOVFS4_0o4"],"params":"CAQ%3D"}},"videoIds":["wBOVFS4_0o4"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CM8BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Scroll Animation in React Using Framer Motion - 41 minutes - Go to channel - nawaCode - 1.5K views - 1 month ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/wBOVFS4_0o4/mqdefault_6s.webp?du=3000 sqp=CKTl47kG rs=AOn4CLBt3FI75kMph0usXB4Z3KsCKFFuoQ","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"Fn-ZsIHGFdk","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/Fn-ZsIHGFdk/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLBJddizbMp68n4HL4-jHCxt8m6PHg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/Fn-ZsIHGFdk/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLBNxV4DyF-Sp-_oqyduK5yr3Klb1A","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Add Custom Styles to Tailwind by nawaCode 76 views 3 months ago 1 hour, 11 minutes"}},"simpleText":"Add Custom Styles to Tailwind"},"longBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"publishedTimeText":{"simpleText":"3 months ago"},"viewCountText":{"simpleText":"76 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"1 hour, 11 minutes, 1 second"}},"simpleText":"1:11:01"},"navigationEndpoint":{"clickTrackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=Fn-ZsIHGFdk","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"Fn-ZsIHGFdk","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-5hne6nsd.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=167f99b081c615d9 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nEAkrwe2vpJwq1L0LTPhMUsrsUsv6Tc_x_4BUjCBKjQw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFpA2auYjoi25r8W","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"76 views"}},"simpleText":"76 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMwBEP6YBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMwBEP6YBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"Fn-ZsIHGFdk","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMwBEP6YBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["Fn-ZsIHGFdk"],"params":"CAQ%3D"}},"videoIds":["Fn-ZsIHGFdk"]}},{"clickTrackingParams":"CMwBEP6YBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CM0BELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CMwBEP6YBBgFIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMsBENGqBRgGIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"Fn-ZsIHGFdk","onAddCommand":{"clickTrackingParams":"CMsBENGqBRgGIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"Fn-ZsIHGFdk","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMsBENGqBRgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtGbi1ac0lIR0Zkaw%3D%3D","commands":[{"clickTrackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMoBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CMcBEKQwGAQiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"1 hour, 11 minutes, 1 second"}},"simpleText":"1:11:01"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMkBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"Fn-ZsIHGFdk","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMkBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"Fn-ZsIHGFdk"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMkBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMgBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMgBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"Fn-ZsIHGFdk","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMgBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["Fn-ZsIHGFdk"],"params":"CAQ%3D"}},"videoIds":["Fn-ZsIHGFdk"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMgBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Add Custom Styles to Tailwind - 1 hour, 11 minutes - Go to channel - nawaCode - 76 views - 3 months ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"nnCyqn7gNU0","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/nnCyqn7gNU0/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLD4emvjhskRy1-BiieQCkRvCNHi0w","width":168,"height":94},{"url":"https://i.ytimg.com/vi/nnCyqn7gNU0/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLB-maW3m419y8ocE1HrVClBq_WHAw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Sliding Animation of Navigation Menu Indicator | Using React, React Scroll and Framer-motion by nawaCode 129 views 12 days ago 20 minutes"}},"simpleText":"Sliding Animation of Navigation Menu Indicator | Using React, React Scroll and Framer-motion"},"longBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"publishedTimeText":{"simpleText":"12 days ago"},"viewCountText":{"simpleText":"129 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"20 minutes, 8 seconds"}},"simpleText":"20:08"},"navigationEndpoint":{"clickTrackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=nnCyqn7gNU0","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"nnCyqn7gNU0","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-5hne6n6l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=9e70b2aa7ee0354d ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nEAkrwe2vpJwq1L0LTPhMUsrsUsv6Tc_x_4BUjCBKjQw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFpAzeqA96fVrLieAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"129 views"}},"simpleText":"129 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMUBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMUBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"nnCyqn7gNU0","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMUBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["nnCyqn7gNU0"],"params":"CAQ%3D"}},"videoIds":["nnCyqn7gNU0"]}},{"clickTrackingParams":"CMUBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMYBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CMUBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMQBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"nnCyqn7gNU0","onAddCommand":{"clickTrackingParams":"CMQBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"nnCyqn7gNU0","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMQBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtubkN5cW43Z05VMA%3D%3D","commands":[{"clickTrackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMMBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CMABEKQwGAUiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"20 minutes, 8 seconds"}},"simpleText":"20:08"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMIBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"nnCyqn7gNU0","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMIBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"nnCyqn7gNU0"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMIBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMEBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMEBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"nnCyqn7gNU0","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMEBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["nnCyqn7gNU0"],"params":"CAQ%3D"}},"videoIds":["nnCyqn7gNU0"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMEBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Sliding Animation of Navigation Menu Indicator | Using React, React Scroll and Framer-motion - 20 minutes - Go to channel - nawaCode - 129 views - 12 days ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/nnCyqn7gNU0/mqdefault_6s.webp?du=3000 sqp=CPfQ47kG rs=AOn4CLBpnwu4ecIGy9QqVmd92tyDeAmdUg","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"Hk0cFZJM6Ts","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/Hk0cFZJM6Ts/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLDvIWmP2B7jsWoKHqRZtJdxgp8Ijg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/Hk0cFZJM6Ts/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLB0FIk7via4j464Bpa8w8jQX1I3Aw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Beginning JavaScript Part 7 by Code Talker Looter 13 views 10 days ago 25 minutes"}},"simpleText":"Beginning JavaScript Part 7"},"longBylineText":{"runs":[{"text":"Code Talker Looter","navigationEndpoint":{"clickTrackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@CodeTalkerLooter","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCwa6UEye6amx_0AJRxe1DxA","canonicalBaseUrl":"/@CodeTalkerLooter"}}}]},"publishedTimeText":{"simpleText":"10 days ago"},"viewCountText":{"simpleText":"13 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"25 minutes"}},"simpleText":"25:00"},"navigationEndpoint":{"clickTrackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=Hk0cFZJM6Ts","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"Hk0cFZJM6Ts","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-5hne6nsz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=1e4d1c15924ce93b ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"Code Talker Looter","navigationEndpoint":{"clickTrackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@CodeTalkerLooter","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCwa6UEye6amx_0AJRxe1DxA","canonicalBaseUrl":"/@CodeTalkerLooter"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_kJnr0ZPSa_VxxV1X8oJZIFJYN-smL6i4gqHtEqSbgNTE8=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFpAu9KzktmCx6Ye","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"13 views"}},"simpleText":"13 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CL4BEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL4BEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"Hk0cFZJM6Ts","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL4BEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["Hk0cFZJM6Ts"],"params":"CAQ%3D"}},"videoIds":["Hk0cFZJM6Ts"]}},{"clickTrackingParams":"CL4BEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CL8BELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CL4BEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CL0BENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"Hk0cFZJM6Ts","onAddCommand":{"clickTrackingParams":"CL0BENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"Hk0cFZJM6Ts","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CL0BENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtIazBjRlpKTTZUcw%3D%3D","commands":[{"clickTrackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLwBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CLkBEKQwGAYiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"25 minutes"}},"simpleText":"25:00"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLsBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"Hk0cFZJM6Ts","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLsBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"Hk0cFZJM6Ts"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLsBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLoBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLoBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"Hk0cFZJM6Ts","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLoBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["Hk0cFZJM6Ts"],"params":"CAQ%3D"}},"videoIds":["Hk0cFZJM6Ts"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLoBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Beginning JavaScript Part 7 - 25 minutes - Go to channel - Code Talker Looter - 13 views - 10 days ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/Hk0cFZJM6Ts/mqdefault_6s.webp?du=3000 sqp=CLHt47kG rs=AOn4CLDBvXeaNg41j2vOhbubny3tY_adPg","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"v7KZmGpisoM","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/v7KZmGpisoM/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLAtsA1015PqfwYS9LszrbPqByrN7Q","width":168,"height":94},{"url":"https://i.ytimg.com/vi/v7KZmGpisoM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDLIFpPrdDHApWmVYOsb4uPDuIUew","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Adding colour | Conway's Game of Life in JavaScript, HTML and CSS | Part 3 by Andy Coding Stuff 50 views 12 days ago 28 minutes"}},"simpleText":"Adding colour | Conway's Game of Life in JavaScript, HTML and CSS | Part 3"},"longBylineText":{"runs":[{"text":"Andy Coding Stuff","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@andycodingstuff","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCPzLDMCKid3BHMs9D6XG5rA","canonicalBaseUrl":"/@andycodingstuff"}}}]},"publishedTimeText":{"simpleText":"12 days ago"},"viewCountText":{"simpleText":"50 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"28 minutes, 29 seconds"}},"simpleText":"28:29"},"navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=v7KZmGpisoM","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"v7KZmGpisoM","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-5hne6nsy.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=bfb299986a62b283 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"Andy Coding Stuff","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@andycodingstuff","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCPzLDMCKid3BHMs9D6XG5rA","canonicalBaseUrl":"/@andycodingstuff"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/IKYairKPJbiN8wPmRTuJ9fCZx8_yaX_Af_5mGN-g_XxmN6YMGa0McsEO8wEMI-Xr2Nznzjwa=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFpAg-WK04azptm_AQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"50 views"}},"simpleText":"50 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLcBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLcBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"v7KZmGpisoM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLcBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["v7KZmGpisoM"],"params":"CAQ%3D"}},"videoIds":["v7KZmGpisoM"]}},{"clickTrackingParams":"CLcBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLgBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CLcBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLYBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"v7KZmGpisoM","onAddCommand":{"clickTrackingParams":"CLYBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"v7KZmGpisoM","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLYBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt2N0tabUdwaXNvTQ%3D%3D","commands":[{"clickTrackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLUBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CLIBEKQwGAciEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"28 minutes, 29 seconds"}},"simpleText":"28:29"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"v7KZmGpisoM","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"v7KZmGpisoM"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLQBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLMBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLMBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"v7KZmGpisoM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLMBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["v7KZmGpisoM"],"params":"CAQ%3D"}},"videoIds":["v7KZmGpisoM"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLMBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Adding colour | Conway's Game of Life in JavaScript, HTML and CSS | Part 3 - 28 minutes - Go to channel - Andy Coding Stuff - 50 views - 12 days ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/v7KZmGpisoM/mqdefault_6s.webp?du=3000 sqp=CMbP47kG rs=AOn4CLCZcz4snnujkwXsFPJxfGGfu-zu0Q","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"CO27Sz9EdiI","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/CO27Sz9EdiI/hqdefault.jpg?sqp=-oaymwE1CKgBEF5IVfKriqkDKAgBFQAAiEIYAXABwAEG8AEB-AH-CYAC0AWKAgwIABABGHIgSSg8MA8= rs=AOn4CLBeaTG4cuiypCWAIsMCs6_JczxrXw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/CO27Sz9EdiI/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhyIEkoPDAP rs=AOn4CLChJD09Xh5_oIs3A3Z8xsqTXy2gKQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"DiceWars! Vid by Nicholas Baribeau 58 views 2 weeks ago 34 minutes"}},"simpleText":"DiceWars! Vid"},"longBylineText":{"runs":[{"text":"Nicholas Baribeau","navigationEndpoint":{"clickTrackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nicholasbaribeau","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCPMvCk1OZCe-dinBM848KJw","canonicalBaseUrl":"/@nicholasbaribeau"}}}]},"publishedTimeText":{"simpleText":"2 weeks ago"},"viewCountText":{"simpleText":"58 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"34 minutes, 55 seconds"}},"simpleText":"34:55"},"navigationEndpoint":{"clickTrackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=CO27Sz9EdiI","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"CO27Sz9EdiI","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-5hne6nzy.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=08edbb4b3f447622 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"Nicholas Baribeau","navigationEndpoint":{"clickTrackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nicholasbaribeau","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCPMvCk1OZCe-dinBM848KJw","canonicalBaseUrl":"/@nicholasbaribeau"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nqG5kNb9WDoM5cFrNSQr9fzliieK8lWbCqB52t7OKShdvcGjZ-DNkPlowQu3IE1MHYgQ=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFpAouyR-rPp7vYI","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"58 views"}},"simpleText":"58 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLABEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLABEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"CO27Sz9EdiI","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLABEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["CO27Sz9EdiI"],"params":"CAQ%3D"}},"videoIds":["CO27Sz9EdiI"]}},{"clickTrackingParams":"CLABEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLEBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CLABEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CK8BENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"CO27Sz9EdiI","onAddCommand":{"clickTrackingParams":"CK8BENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"CO27Sz9EdiI","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CK8BENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtDTzI3U3o5RWRpSQ%3D%3D","commands":[{"clickTrackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CK4BEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CKsBEKQwGAgiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"34 minutes, 55 seconds"}},"simpleText":"34:55"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CK0BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"CO27Sz9EdiI","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CK0BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"CO27Sz9EdiI"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CK0BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKwBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKwBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"CO27Sz9EdiI","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKwBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["CO27Sz9EdiI"],"params":"CAQ%3D"}},"videoIds":["CO27Sz9EdiI"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKwBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"DiceWars! Vid - 34 minutes - Go to channel - Nicholas Baribeau - 58 views - 2 weeks ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/CO27Sz9EdiI/mqdefault_6s.webp?du=3000 sqp=CKq-47kG rs=AOn4CLAqADrgwTay2DWK5QtZIoeZ8CHgaw","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"zqPy1bHUjrg","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/zqPy1bHUjrg/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLAPCWoA4pTgYQK-6ZWpbtcHeKcPaQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/zqPy1bHUjrg/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLD5Ks9_5H9dIqbHfYscpwx7v5D36Q","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Build a Text Gradient Opacity on Scroll using Nextjs and Framer Motion by Olivier Larose 21,090 views 11 months ago 17 minutes"}},"simpleText":"Build a Text Gradient Opacity on Scroll using Nextjs and Framer Motion"},"longBylineText":{"runs":[{"text":"Olivier Larose","navigationEndpoint":{"clickTrackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@olivierlarose1","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCAQIyLXYgNmAyvL2kc_09fA","canonicalBaseUrl":"/@olivierlarose1"}}}]},"publishedTimeText":{"simpleText":"11 months ago"},"viewCountText":{"simpleText":"21,090 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"17 minutes, 44 seconds"}},"simpleText":"17:44"},"navigationEndpoint":{"clickTrackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=zqPy1bHUjrg","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"zqPy1bHUjrg","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-5hneknee.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=cea3f2d5b1d48eb8 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"Olivier Larose","navigationEndpoint":{"clickTrackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@olivierlarose1","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCAQIyLXYgNmAyvL2kc_09fA","canonicalBaseUrl":"/@olivierlarose1"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/RI_BSaSVKaJVR9QuxVFtgWiid2fVbSMRyZL-AQBjCb79ES2nrn4TMl5FCfU_rrz2ZN85wAdlxA=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFpAuJ3Sjtva_NHOAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"21K views"}},"simpleText":"21K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CKkBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKkBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"zqPy1bHUjrg","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKkBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["zqPy1bHUjrg"],"params":"CAQ%3D"}},"videoIds":["zqPy1bHUjrg"]}},{"clickTrackingParams":"CKkBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKoBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CKkBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CKgBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"zqPy1bHUjrg","onAddCommand":{"clickTrackingParams":"CKgBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"zqPy1bHUjrg","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CKgBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt6cVB5MWJIVWpyZw%3D%3D","commands":[{"clickTrackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKcBEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CKQBEKQwGAkiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"17 minutes, 44 seconds"}},"simpleText":"17:44"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKYBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"zqPy1bHUjrg","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CKYBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"zqPy1bHUjrg"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKYBEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKUBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKUBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"zqPy1bHUjrg","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKUBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["zqPy1bHUjrg"],"params":"CAQ%3D"}},"videoIds":["zqPy1bHUjrg"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKUBEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Build a Text Gradient Opacity on Scroll using Nextjs and Framer Motion - 17 minutes - Go to channel - Olivier Larose - 21K views - 11 months ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/zqPy1bHUjrg/mqdefault_6s.webp?du=3000 sqp=CKj247kG rs=AOn4CLBtjWEctjfA4opukVytHOaDqJg-kA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"nCAd3y9KMoE","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/nCAd3y9KMoE/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLC5cY_RqEBnqUXoJyPMKhZX8ji2-A","width":168,"height":94},{"url":"https://i.ytimg.com/vi/nCAd3y9KMoE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDzU0nqq9UkLAnIm2luiHTJdRKlOQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Built a React Image Slider from Scratch with TailwindCSS Typescript - Create logical Hook by nawaCode 105 views 3 months ago 1 hour, 4 minutes"}},"simpleText":"Built a React Image Slider from Scratch with TailwindCSS Typescript - Create logical Hook"},"longBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"publishedTimeText":{"simpleText":"3 months ago"},"viewCountText":{"simpleText":"105 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"1 hour, 4 minutes, 5 seconds"}},"simpleText":"1:04:05"},"navigationEndpoint":{"clickTrackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWRIhprj--qn7aKkAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=nCAd3y9KMoE","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"nCAd3y9KMoE","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-5hne6n6e.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=9c201ddf2f4a3281 ip=185.14.28.206 mt=1731787779 oweuc= pxtags=Cg4KAnR4Egg1MTMzNzAwMA rxtags=Cg4KAnR4Egg1MTMzNjk5OQ%2CCg4KAnR4Egg1MTMzNzAwMA%2CCg4KAnR4Egg1MTMzNzAwMQ"}}}}},"shortBylineText":{"runs":[{"text":"nawaCode","navigationEndpoint":{"clickTrackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFoyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@nawacode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCUl8WZwt8Az2xTiZ0PMgmKA","canonicalBaseUrl":"/@nawacode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nEAkrwe2vpJwq1L0LTPhMUsrsUsv6Tc_x_4BUjCBKjQw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFpAgeWo-vK7h5CcAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"105 views"}},"simpleText":"105 views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CKIBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKIBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"nCAd3y9KMoE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKIBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["nCAd3y9KMoE"],"params":"CAQ%3D"}},"videoIds":["nCAd3y9KMoE"]}},{"clickTrackingParams":"CKIBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKMBELlqIhMIruXFidfhiQMVEUJ6BR1riwRa"}},"popupType":"TOAST"}}]}},"trackingParams":"CKIBEP6YBBgGIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CKEBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","offlineVideoEndpoint":{"videoId":"nCAd3y9KMoE","onAddCommand":{"clickTrackingParams":"CKEBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa","getDownloadActionCommand":{"videoId":"nCAd3y9KMoE","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CKEBENGqBRgHIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtuQ0FkM3k5S01vRQ%3D%3D","commands":[{"clickTrackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKABEI5iIhMIruXFidfhiQMVEUJ6BR1riwRa","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","hasSeparator":true}}],"trackingParams":"CJ0BEKQwGAoiEwiu5cWJ1-GJAxURQnoFHWuLBFo=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"1 hour, 4 minutes, 5 seconds"}},"simpleText":"1:04:05"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJ8BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"nCAd3y9KMoE","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CJ8BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"nCAd3y9KMoE"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJ8BEPnnAxgBIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJ4BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CJ4BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"nCAd3y9KMoE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CJ4BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["nCAd3y9KMoE"],"params":"CAQ%3D"}},"videoIds":["nCAd3y9KMoE"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJ4BEMfsBBgCIhMIruXFidfhiQMVEUJ6BR1riwRa"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Built a React Image Slider from Scratch with TailwindCSS Typescript - Create logical Hook - 1 hour, 4 minutes - Go to channel - nawaCode - 105 views - 3 months ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/nCAd3y9KMoE/mqdefault_6s.webp?du=3000 sqp=COX047kG rs=AOn4CLB9ye6rUVzWWqdOsJhTB0cvvhZnZw","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/WmvpJ4KX30s/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLAeQLQpq3yXg6hrTp_07bi02ztQDQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/WmvpJ4KX30s/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLC6-yZGGiWD0seh3GHIcGlznjHZOw","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"35 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":2500134,"darkTheme":2500134}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Play all","styleRuns":[{"startIndex":0,"length":8}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":4144959,"darkTheme":4144959}}},"stackColor":{"lightTheme":10066329,"darkTheme":9211020}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"Web Animations | Awwwards"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Olivier Larose

#############################