Element Search

Open the panel

• Press Alt+E, or
• Menu → Elements, or
• Command palette → “Toggle Elements Panel”.

Searching

Type in the search box and results stream into one grid. Icons, shapes and illustration matches appear instantly (each illustration's picture loads the first time it is shown, then works offline); photos are fetched from Wikimedia Commons a moment later. Use the type chips — All · Icons · Illustrations · Shapes · Photos · Templates — to narrow the feed to one kind. When Photos is active, extra orientation chips (Landscape / Portrait / Square) appear.

What you can find

• Icons — the full Lucide line-icon set, inserted as editable vector paths.
• Illustrations — about 1,600 colourful flat illustrations from Microsoft Fluent Emoji: people and jobs, faces, animals, food, travel, objects, symbols, flags and more. Search by name or by keyword (developer finds the technologist, celebrate the party popper). Each drops in as a fully editable, recolourable vector — a genuine edge over flat graphics. The best matches are listed first, up to 60 per search; type a more specific word to narrow it.
• Shapes — rectangle, circle, triangle, star, heart, hexagon, speech bubble, arrow… (also aliased: box → rectangle, bubble → speech).
• Photos — openly licensed images from Wikimedia Commons. Click to insert or drag onto the canvas (drop onto a frame to fill it).
• Templates — whole ready-made designs (posters, cards, social posts, resumes…), including a greeting-card family (birthday, thank-you, congrats, party invite, anniversary, new baby). Each result shows a mini page preview. Clicking a template loads it as the document — since that replaces the current design, you're asked to confirm first if you have unsaved changes.

With no query, the panel shows a browse view instead: quick shapes, photo frames, a featured-icon set and font pairings.

Licensing & attribution

Illustrations come from Microsoft Fluent Emoji (github.com/microsoft/fluentui-emoji), licensed MIT — you can use them in anything you make, including commercial designs, with no credit needed in the design itself. Photos are openly licensed via Wikimedia Commons with the source link retained on each inserted image.

Scripting API

Everything the panel does is scriptable through window.Yappy:

// Open the panel
Yappy.toggleElementsPanel(true);

// Search every provider (icons + illustrations + shapes + photos)
const hits = await Yappy.searchElements('rocket');
// each hit: { kind, id, label, thumbSvg | thumbUrl, insert() }

// Restrict the scope (skip the async photo fetch)
const vectors = await Yappy.searchElements('money', { kinds: ['icon', 'illustration'] });

// Insert one onto the canvas (centre of the active page).
// Illustrations load their SVG first, so await it before reading the result.
await Yappy.insertElement(vectors[0]);
// …or at a specific world point
Yappy.insertElement(vectors[0], { x: 400, y: 300 });

// hit.insert() works directly too
hits[0].insert();