Mount a Typed application with Vite
Give a plain Vite entry point one DOM runtime, an explicit mount, and predictable development cleanup.
Open the integration →INTEGRATE / KEEP WHAT WORKS
Bring your stack.
Use Typed for one island or build the whole interface. Each integration makes the same decisions explicit: who creates the output, who updates it, and who cleans it up.
Render pages and applications
Choose where rendering starts, how HTML reaches the browser, and what owns updates.
Typed templates in Astro
Let Astro own pages and Markdown while Typed renders and hydrates reactive islands with explicit lifetimes.
Open the integration →Pass trusted HTML into Typed SSR
Preserve a renderer's serialized output and its real chunk boundaries.
Open the integration →Pass existing DOM into Typed
Keep the nodes your renderer created. Typed places them without taking over their descendants.
Open the integration →Share a page with another framework
Connect Typed to an existing component lifecycle without giving two renderers the same subtree.
Use React and Typed together
Stream React HTML through Typed, hydrate its range, and render Typed inside React.
Open the integration →Use Vue and Typed together
Give Vue and Typed separate DOM ranges and connect their lifetimes at one stable host.
Open the integration →Use Svelte 5 and Typed together
Keep one renderer responsible for each DOM range, its state, and its lifetime.
Open the integration →Use Web Components and Typed together
Render custom elements as ordinary HTML, or host a scoped Typed render inside an element.
Open the integration →Connect browser and network APIs
Turn requests, messages, and observations into typed programs with explicit cleanup.
Fetch and validate API data before rendering
Use Effect's HTTP client and Schema to give Typed views validated data with cancellable requests.
Open the integration →Enhance a server form with Typed
Render a working native form on the server, then hydrate its Typed validation hints without taking over submission.
Open the integration →Show live WebSocket updates in Typed
Connect Effect's Socket and Stream to Fx, decode incoming messages, and render a scoped deployment feed.
Open the integration →Compute in a browser Worker and render with Typed
Use Effect RPC and its browser worker platform for typed requests, cooperative cancellation, and scoped rendering.
Open the integration →Measure a chart host with ResizeObserver
Attach a scoped measurement stream to a template ref and keep the same chart host as its dimensions change.
Open the integration →