Canva Web Project Search Enhancer

WHAT IT DOES

This userscript transforms the Canva project search experience by adding powerful search enhancements that Canva's native interface lacks. It adds real-time keyword highlighting that visually marks matching terms in project titles, making it easy to spot relevant projects at a glance. The script automatically extracts and displays tags showing folder location, owner information, and collaboration status (shared/team) directly on each project card. You can filter projects by specific folders, sort by name or owner in addition to the default recent order, and quickly preview project details by hovering over any project card. Search history is automatically saved, allowing you to re-run frequent searches with a single click. The script also displays a live project count, helping you understand how many projects match your current filters.

WHERE IT RUNS

The script activates on all Canva project and design management pages, including the main designs dashboard (canva.com/designs), projects view, folder views, team pages, and recent designs sections. It automatically detects Canva's dynamic content loading and re-scans projects as you navigate or scroll through your design library.

HOW TO USE

After installation, navigate to your Canva designs or projects page. The script adds a draggable panel with a search input, filter controls, and sort options. Type any keyword into the search box and click Search - matching projects will be highlighted and sorted by relevance. Use the sort dropdown to reorder projects by name or owner. Enter folder names in the folder filter field to show only projects from specific folders. Click on any search history item to re-run a previous search. Hover over any project card to see a quick preview showing the project's folder, owner, and last modified date. The script automatically enhances project cards with colored tags for folder, owner, and shared status.

THE ACTUAL REASON IT WORKS

Unlike simple text filtering that operates on already-visible content, this script performs DOM traversal combined with semantic data extraction from Canva's React-rendered interface. It uses a multi-pass selector strategy that identifies project cards through data-testid attributes, class patterns, and structural heuristics, then extracts metadata by querying for specific child elements that contain title, folder, date, and owner information. The script then reconstructs the project data model and applies client-side filtering, sorting, and relevance scoring - calculating match scores based on how many fields contain the search term (title gets highest weight, folder medium, owner lowest). The highlighting is implemented using DOM manipulation that preserves existing React event handlers by replacing only the text content within specific child nodes, avoiding React's virtual DOM conflicts.

THE PANEL

The settings panel is fully draggable by its header and remembers its position across page loads. It collapses to a small icon when minimized, saving screen space while keeping controls accessible. Press Escape or click the × button to close the panel. The panel includes a search history display that shows your recent searches as clickable chips - each chip can be clicked to re-run the search or clicked on its × to delete it from history. The panel also displays a live project count that updates as you filter or search.

PLEASE NOTE

This userscript requires the free BotGentz extension to run. Canva periodically updates its interface and class names, which may affect script functionality; we actively maintain the script to adapt to these changes. The script only reads project metadata from the current page view - it does not access Canva's API or send any data to external servers. All settings including search history, folder filters, and sort preferences are stored locally in your browser's userscript storage. For large design libraries, the script may take a moment to scan all visible projects; scrolling to load more projects will trigger an automatic rescan.