Choose your platform — Aperveil docs
One shader source, generated for React (Next.js), Vue (Nuxt), plain HTML, WordPress and Framer, with the same controls and the values you tuned.
Choose your platform
The same shader, generated for each platform from one source, with the same props and your values. Each guide covers installing, sizing, props, video shaders and troubleshooting for its platform, and blocks where it takes them; Framer takes shaders and blocks as code components set in its property panel.
React
Next.js, Vite and any React 18.2+ app: a typed component per shader, set with props.
Vue
Vue 3.5+ and Nuxt: the same components, with props, events and a fallback slot.
HTML
No install and no build step: one script and one tag, set with attributes.
WordPress
A plugin per shader: a block for the editor and a shortcode for page builders.
Framer
A code component per shader or block: paste it in, then set it in Framer's panel.
Give the surface an explicit height: the canvas fills its box. Keep headings, links and important content in HTML above or beside the shader; the canvas is a visual layer, not your document. A ready-made Svelte adapter is not published yet; the plain HTML element works there. Raw WGSL (under Install, WGSL) is there for custom WebGPU hosts; WGSL by itself still requires the matching uniforms, bindings, pointer state and lifecycle.