Runtime 0.9

Subpath exports shipped in 0.9.0 — motion, fuzzy search, lazy syntax highlighting, declarative attributes, and agent metadata. Scroll to trigger reveals; each section links to the matching guide.

Motion VelinSearch VelinHighlight Attributes Velin-Meta

Motion & stagger

initMotion() observes velin-reveal and velin-stagger. This page sets data-velin-reveal-auto on <html>.

Respects prefers-reduced-motion — animations are skipped when requested.

VelinSearch

Fuzzy offline search over dist/search-index.json (built with velinstyle search index). Keyboard: arrows, Enter, Escape.

VelinHighlight & code block

<velin-code-block> highlights when scrolled into view. Copy and line numbers are built in.

import { initHighlight } from '@birdapi/velinstyle/highlight'; import { bootFromDOM } from '@birdapi/velinstyle/runtime'; bootFromDOM(document, { highlight: true, attributes: true });

Declarative attributes

Twenty-plus bridges — try velin-copy on this snippet and hover the tooltip.

velin-tooltip on a focusable control: ?

<button velin-copy="npm i @birdapi/velinstyle">Copy</button>

Email obfuscation

<velin-email> keeps addresses out of the DOM until the user reveals them — reduces scraper noise.

Contact:

Runtime FAQ

Common questions about 0.9 subpath exports — velin-accordion with exclusive panels.

How do I enable motion?

Call bootFromDOM() with motion: true or set data-velin-reveal-auto on <html> like this page.

Where does VelinSearch load its index?

Point index at dist/search-index.json, generated via velinstyle search index in your docs build.

When does syntax highlighting run?

<velin-code-block> uses Intersection Observer — code highlights when scrolled into view, keeping initial paint fast.

Velin-Meta

Agent bundle for Cursor, Copilot, and custom tools — same files linked from the homepage.

velin-agent.jsonStructured app metadata for agents.

llms.txtPlain-text index for LLM crawlers.

search-index.jsonOffline fuzzy search corpus.

velin-agent.json llms.txt

Guide