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(); });

Apps

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

14 Best Video Editing Software for YouTube: The No-Nonsense Guide To Help You Find The Best Tool

7 iMovie Alternatives for Video Editing in 2022

The only 3 Instagram Reels editing apps you'll ever need (and how to know which one is best for your content)

We tested the top 5 best Loom alternatives (here's which is best for you)

We tested the top 5 best Loom alternatives (here's which is best for you)

3 Mac Screen Recorders and Which One is Best for You

Twitch Banner Size: Video & Profile Banner Best Practices (Guide)

Top 5 Methods to Compress Your Video Files for Email (And When to Use Each)

17 Best Video Editing Apps Creators Swear By (In-Depth Reviews)

How to Crop a Video (Free and Paid Easy-to-Use Methods)

How to Rotate a Video (6 Quick & Easy Ways)

Video Editing for Kids

How to Record Your Screen (for Windows, Mac, and More)

AI Video Production: What's Possible and Where to Get Started