Product

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

script> function isLargeViewport() { return window.matchMedia('(min-width: 992px)').matches; } function initializeThirdLevelMenus() { const dropdownSections = document.querySelectorAll('[content-first-level]'); function setupThirdLevelMenus() { dropdownSections.forEach(section => { const navigation = section.querySelector('[third-level-navigation]'); const toggles = section.querySelectorAll('[third-level-toggle]'); if (!navigation || !toggles.length) return; // Clean up existing handlers toggles.forEach(toggle => { const parentListItem = toggle.closest('li'); if (parentListItem) { const existing = parentListItem._openMenuHandler; if (existing) { parentListItem.removeEventListener('mouseenter', existing); delete parentListItem._openMenuHandler; } } }); toggles.forEach(toggle => { const toggleValue = toggle.getAttribute('third-level-toggle'); const content = navigation.querySelector(`[third-level-content="${toggleValue}"]`); if (!content) return; const openMenu = () => { // Hide all sibling panels navigation.querySelectorAll('[third-level-content]').forEach(el => { el.style.display = 'none'; }); // Clear active state from all toggles, set on current section.querySelectorAll('[third-level-toggle]').forEach(el => { el.classList.remove('is--active'); }); toggle.classList.add('is--active'); // Show matched panel as grid content.style.display = 'grid'; navigation.style.display = 'block'; // Dynamically find the parent [data-nav-content] panel const dropContainer = document.querySelector('[data-dropdown-container]'); const activePanel = section.closest('[data-nav-content]'); if (dropContainer && activePanel) { requestAnimationFrame(() => { const newHeight = activePanel.getBoundingClientRect().height; if (newHeight > 0) { gsap.to(dropContainer, { height: newHeight, duration: 0.3, ease: 'power3.out' }); } }); } // Animate fade items const fadeItems = content.querySelectorAll('[data-menu-fade]'); if (fadeItems.length) { gsap.fromTo(fadeItems, { autoAlpha: 0, y: 6 }, { autoAlpha: 1, y: 0, duration: 0.25, stagger: 0.03, ease: 'power3.out' } ); } }; // Init hidden content.style.display = 'none'; navigation.style.display = 'none'; if (isLargeViewport()) { const parentListItem = toggle.closest('li'); if (parentListItem) { parentListItem._openMenuHandler = openMenu; parentListItem.addEventListener('mouseenter', openMenu); } } }); }); } setupThirdLevelMenus(); // Auto-open first toggle when its parent dropdown opens document.querySelectorAll('[data-dropdown-toggle]').forEach(dropdownToggle => { const panelName = dropdownToggle.getAttribute('data-dropdown-toggle'); const panel = document.querySelector(`[data-nav-content="${panelName}"]`); if (!panel) return; const firstToggle = panel.querySelector('[third-level-toggle]'); if (!firstToggle) return; dropdownToggle.addEventListener('mouseenter', function() { setTimeout(function() { firstToggle.closest('li')?.dispatchEvent(new Event('mouseenter', { bubbles: true })); }, 200); }); }); let resizeTimeout; window.addEventListener('resize', () => { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(setupThirdLevelMenus, 250); }); } document.addEventListener('DOMContentLoaded', function() { initMegaNavDirectionalHover(); initializeThirdLevelMenus(); });

Technical Guides

Step-by-step tutorials to help you master video editing

Search articles…

Esa Landicho

Technical Guides

Best AI Image Generators: Top Tools for Creating Stunning Visuals in 2026

The Video Prompts Formula That Changes Everything: Stop Getting Terrible AI Videos

Introducing Your AI Video Playground

Emotional Engagement: Crafting Corporate Stories That Resonate

20+ Best AI Tools in 2025 (The Only List You’ll Need)

How to Record a TikTok (On Desktop, iPhone, and Android)

What is a Green Screen (& How to Use One)?

7 Best Video Cutter Software (For Every Type of User)

How to Make Reels with Photos for Instagram (2026 Guide)

How to Edit Videos on Mac Like a Pro (Using VEED)

How To Resize Video For Instagram For Free (Quick And Easy)

How to Split a Video Into Parts For Free (Super Easy)

How to Compress a GIF Using VEED (Without Losing Quality)

This is the Best YouTube Banner Size (and Examples of Great Channel Art)

Twitter's Video Limit: Best Video Size, Length, & More [Cheat Sheet]

Convert a video to MP4 for free with VEED in 3 easy steps

6 Easy Ways to Compress Video Files (Without Losing Quality)

How to Download SRT Subtitle Files Online (Quick and Easy)