v1.1.5 Released
Telva Docs
Telva is a high-performance TypeScript monorepo combining engine primitives, vector math, and an embeddable React editor. Everything you need to build collaborative drawing experiences.
content/docs/03-examples/04-playground-example.mdx — Telva
import React from 'react';import dynamic from 'next/dynamic';const Telva = dynamic(() => import('telva').then((mod) => mod.Telva), {ssr: false,});export default function Playground() {return (<section className='h-screen w-screen'><Telva /></section>);}
telva-core engine
Low-level rendering primitives and interaction wrappers. Complete editor state handling optimized for speed.
Embeddable React Component
Drop the top-level <Telva /> component into any Next.js or Vite app. Instantly get a polished whiteboard.
Vector & Intersection Math
Standalone lightweight utility packages (telva-vec, telva-intersect, telva-curve) focused purely on 2D geometries.
Monorepo Architecture
Manage everything from a single codebase powered by Turbo. Publish packages, deploy the main app, or run targeted examples to test boundaries.
- apps/Deployable application workspaces (like the Next.js app).
- packages/Reusable libraries (telva, core, vec, intersect, curve).
- examples/Runnable demos to validate package usage patterns.
Directory Structure
- ▶ apps/ Next.js
- ▶ examples/ Vite
- ▼ packages/
- ├─ telva/
- ├─ core/
- ├─ vec/
- └─ intersect/