No folders found.

'; return; } const allCount = state.base.length; const hiddenCount = Math.max(state.availableCollections.length - collections.length, 0); bar.innerHTML = buildCollectionButton('folder', 'all', allCount, activeCollection === 'all', 'All folders') + collections.map(([name, count]) => buildCollectionButton('folder', name, count, activeCollection === name)).join('') + buildCollectionSummary('folders', hiddenCount); bar.querySelectorAll('.collection-btn').forEach(btn => { btn.addEventListener('click', () => { window.EditVault.stopAllInteractiveMedia(); activeCollection = btn.dataset.folder; activeSubfolder = 'all'; visibleCount = pageSize; scheduleCategoryRender(); syncUrl(); }); }); } function renderSubfolders() { const bar = document.getElementById('subfolderBar'); const group = document.getElementById('subfolderGroup'); const state = getDerivedState(); if (activeCollection === 'all') { if (group) group.hidden = true; bar.innerHTML = ''; return; } const subfolders = state.availableSubfolders.slice(0, subfolderLimit); if (!subfolders.length) { if (group) group.hidden = true; bar.innerHTML = ''; return; } if (group) group.hidden = false; const hiddenCount = Math.max(state.availableSubfolders.length - subfolders.length, 0); bar.innerHTML = buildCollectionButton('subfolder', 'all', state.collectionScoped.length, activeSubfolder === 'all', 'All subfolders') + subfolders.map(([name, count]) => buildCollectionButton('subfolder', name, count, activeSubfolder === name)).join('') + buildCollectionSummary('subfolders', hiddenCount); bar.querySelectorAll('.collection-btn').forEach(btn => { btn.addEventListener('click', () => { window.EditVault.stopAllInteractiveMedia(); activeSubfolder = btn.dataset.subfolder; visibleCount = pageSize; scheduleCategoryRender(); syncUrl(); }); }); } function updateCatHero() { const title = document.getElementById('catTitle'); const desc = document.getElementById('catDesc'); const state = getDerivedState(); if (shouldUseSeoLandingHero()) { title.textContent = seoLanding.h1 || 'Free Editing Assets'; desc.textContent = seoLanding.intro || seoLanding.description || 'Browse and download free editing assets for creators.'; return; } if (activeFilter === 'all') { title.innerHTML = 'All Assets'; const focus = [activeCollection !== 'all' ? activeCollection : '', activeSubfolder !== 'all' ? activeSubfolder : ''].filter(Boolean).join(' / '); desc.textContent = focus ? `Browse and download the best editing assets for your projects. Focus: ${focus}.` : 'Browse and download the best editing assets for your projects.'; } else { const cat = CATEGORIES.find(c => c.id === activeFilter); if (cat) { title.innerHTML = `${getCategoryIcon(cat.id)} ${cat.label}`; const focus = [activeCollection !== 'all' ? activeCollection : '', activeSubfolder !== 'all' ? activeSubfolder : ''].filter(Boolean).join(' / '); desc.textContent = `${cat.desc}.${focus ? ` Focus: ${focus}.` : ''}`; } } } function renderAssets() { const grid = document.getElementById('assetsGrid'); const noResults = document.getElementById('noResults'); const moreWrap = document.getElementById('browseMoreWrap'); const moreButton = document.getElementById('loadMoreAssets'); let filtered = filteredAssets().slice(); if (!searchQuery) filtered.sort(sortAssets); const rendered = filtered.slice(0, visibleCount); grid.setAttribute('aria-busy', 'false'); grid.classList.toggle('audio-listing', audioListingFilters.has(activeFilter)); if (filtered.length === 0) { grid.innerHTML = ''; noResults.style.display = 'block'; if (moreWrap) moreWrap.hidden = true; } else { noResults.style.display = 'none'; grid.innerHTML = rendered.map(a => buildAssetCard(a)).join(''); window.EditVault.initLazyImages(grid); requestAnimationFrame(() => window.EditVault.syncAudioWaveformWidths?.(grid)); window.EditVault.initCardMedia(grid); window.EditVault.refreshInteractionButtons?.(); window.EditVault.refreshVisibleLikeCounts?.(grid); if (moreWrap) moreWrap.hidden = rendered.length >= filtered.length; if (moreButton && rendered.length < filtered.length) { moreButton.innerHTML = ' Load More'; } // Re-trigger animations setTimeout(() => { grid.querySelectorAll('.fade-in').forEach((el) => { el.style.transitionDelay = '0ms'; el.classList.add('visible'); }); }, 30); } } function sortAssets(a, b) { if (searchQuery && window.EditVault.getAssetSearchScore) { const relevanceDiff = window.EditVault.getAssetSearchScore(b, searchQuery) - window.EditVault.getAssetSearchScore(a, searchQuery); if (relevanceDiff) return relevanceDiff; } if (sortMode === 'popular') { const score = asset => ( window.EditVault.getCachedAssetLikeCount(asset.id) * 6 + window.EditVault.getCachedDownloadCount(asset.id) * 3 + Number(window.EditVault.hasNativePreview(asset)) + Math.min(window.EditVault.getAssetTimestamp(asset) / 1000000000000, 2) ); const scoreDiff = score(b) - score(a); if (scoreDiff) return scoreDiff; } if (sortMode === 'liked') { const likeDiff = window.EditVault.getCachedAssetLikeCount(b.id) - window.EditVault.getCachedAssetLikeCount(a.id); if (likeDiff) return likeDiff; } if (sortMode === 'downloaded') { const downloadDiff = window.EditVault.getCachedDownloadCount(b.id) - window.EditVault.getCachedDownloadCount(a.id); if (downloadDiff) return downloadDiff; } if (sortMode === 'title') return String(a.title || '').localeCompare(String(b.title || '')); if (sortMode === 'newest') { const timeDiff = window.EditVault.getAssetTimestamp(b) - window.EditVault.getAssetTimestamp(a); if (timeDiff) return timeDiff; return String(b.id || '').localeCompare(String(a.id || ''), undefined, { numeric: true, sensitivity: 'base' }); } if (sortMode === 'type') { const typeDiff = String(window.EditVault.getAssetKind(a)).localeCompare(String(window.EditVault.getAssetKind(b))); if (typeDiff) return typeDiff; } const previewDiff = Number(window.EditVault.hasNativePreview(b)) - Number(window.EditVault.hasNativePreview(a)); if (previewDiff) return previewDiff; return String(a.title || '').localeCompare(String(b.title || '')); } function renderSearchSuggestions() { const input = document.getElementById('searchInput'); const panel = document.getElementById('categorySearchPanel'); const wrap = input.closest('.search-wrap'); if (!panel || !wrap) return; const query = input.value.trim().toLowerCase(); const scopedPool = ASSETS.filter(asset => ( window.EditVault.isRenderableListingAsset(asset) && (activeFilter === 'all' || getPublicCategoryId(asset) === activeFilter) )); let matches = query ? window.EditVault.getRankedSearchResults(scopedPool, query, searchSuggestionLimit) : baseFilteredAssets().slice(0, searchSuggestionLimit); if (query && !matches.length) { const allRenderable = ASSETS.filter(window.EditVault.isRenderableListingAsset); matches = activeFilter === 'all' ? window.EditVault.getSearchFallbackSuggestions(query, allRenderable, searchSuggestionLimit) : window.EditVault.getRankedSearchResults(allRenderable, query, searchSuggestionLimit); if (!matches.length) { matches = window.EditVault.getSearchFallbackSuggestions(query, allRenderable, searchSuggestionLimit); } } panel.innerHTML = matches.map(window.EditVault.buildSearchSuggestion).join('') || '

Popular assets will appear here.

'; window.EditVault.initLazyImages(panel); panel.scrollTop = 0; wrap.classList.add('search-open'); } function syncUrl() { const params = new URLSearchParams(); if (activeFilter !== 'all') params.set('cat', activeFilter); if (searchQuery) params.set('q', searchQuery); if (activeCollection !== 'all') params.set('group', activeCollection); if (activeSubfolder !== 'all') params.set('sub', activeSubfolder); if (activeFormat !== 'all') params.set('format', activeFormat); if (activeSoftware !== 'all') params.set('software', activeSoftware); if (activeOrientation !== 'all') params.set('orientation', activeOrientation); const query = params.toString(); history.replaceState(null, '', query ? `category.html?${query}` : 'category.html'); } })();

All Assets

Free LED Screen Backgrounds

Popular matches

Folders

Subfolders