Custom asset and content management
Customize asset processing, storage, and content workflows for your app.
Key features
Key features
Key features
Key features
Format-specific handling
Native support for images, videos, SVGs, and text with extensible APIs for custom formats like 3D models or CAD files. Ideal for domain-specific apps with specialized content handling beyond standard web formats.
Format-specific handling
Native support for images, videos, SVGs, and text with extensible APIs for custom formats like 3D models or CAD files. Ideal for domain-specific apps with specialized content handling beyond standard web formats.
Format-specific handling
Native support for images, videos, SVGs, and text with extensible APIs for custom formats like 3D models or CAD files. Ideal for domain-specific apps with specialized content handling beyond standard web formats.
Format-specific handling
Native support for images, videos, SVGs, and text with extensible APIs for custom formats like 3D models or CAD files. Ideal for domain-specific apps with specialized content handling beyond standard web formats.
Flexible content recognition
Register custom handlers that detect and transform any content type into application-specific shapes. Perfect for apps where pasted code becomes syntax-highlighted blocks or uploaded designs become interactive prototypes.
Flexible content recognition
Register custom handlers that detect and transform any content type into application-specific shapes. Perfect for apps where pasted code becomes syntax-highlighted blocks or uploaded designs become interactive prototypes.
Flexible content recognition
Register custom handlers that detect and transform any content type into application-specific shapes. Perfect for apps where pasted code becomes syntax-highlighted blocks or uploaded designs become interactive prototypes.
Flexible content recognition
Register custom handlers that detect and transform any content type into application-specific shapes. Perfect for apps where pasted code becomes syntax-highlighted blocks or uploaded designs become interactive prototypes.
Extensible processing pipeline
Define custom validation, transformation, and optimization rules for each content type. Build specialized workflows like automatic image resizing, metadata extraction, or security scanning during content import.
Extensible processing pipeline
Define custom validation, transformation, and optimization rules for each content type. Build specialized workflows like automatic image resizing, metadata extraction, or security scanning during content import.
Extensible processing pipeline
Define custom validation, transformation, and optimization rules for each content type. Build specialized workflows like automatic image resizing, metadata extraction, or security scanning during content import.
Extensible processing pipeline
Define custom validation, transformation, and optimization rules for each content type. Build specialized workflows like automatic image resizing, metadata extraction, or security scanning during content import.
Intelligent performance management
Customize viewport culling and asset optimization to handle large files, with size limits, progressive loading, and quality tweaks keeping the canvas responsive.
Intelligent performance management
Customize viewport culling and asset optimization to handle large files, with size limits, progressive loading, and quality tweaks keeping the canvas responsive.
Intelligent performance management
Customize viewport culling and asset optimization to handle large files, with size limits, progressive loading, and quality tweaks keeping the canvas responsive.
Intelligent performance management
Customize viewport culling and asset optimization to handle large files, with size limits, progressive loading, and quality tweaks keeping the canvas responsive.
Engineering details
Engineering details
Engineering details
Engineering details
External content handler system
The content recognition engine routes dropped or pasted content through your registered handlers. Each handler gets typed content with metadata and context, then returns shape creation instructions. Handlers can be chained for complex workflows, with priority and fallback rules ensuring everything is processed correctly.
External content handler system
The content recognition engine routes dropped or pasted content through your registered handlers. Each handler gets typed content with metadata and context, then returns shape creation instructions. Handlers can be chained for complex workflows, with priority and fallback rules ensuring everything is processed correctly.
External content handler system
The content recognition engine routes dropped or pasted content through your registered handlers. Each handler gets typed content with metadata and context, then returns shape creation instructions. Handlers can be chained for complex workflows, with priority and fallback rules ensuring everything is processed correctly.
External content handler system
The content recognition engine routes dropped or pasted content through your registered handlers. Each handler gets typed content with metadata and context, then returns shape creation instructions. Handlers can be chained for complex workflows, with priority and fallback rules ensuring everything is processed correctly.
Asset store architecture
The asset store interface abstracts storage operations behind a clean API that supports upload, resolution, and removal operations. Built-in implementations include base64 embedding for development and IndexedDB for offline applications. Custom stores integrate with cloud providers through simple async methods. The system handles temporary previews, upload progress tracking, and automatic failover scenarios.
Asset store architecture
The asset store interface abstracts storage operations behind a clean API that supports upload, resolution, and removal operations. Built-in implementations include base64 embedding for development and IndexedDB for offline applications. Custom stores integrate with cloud providers through simple async methods. The system handles temporary previews, upload progress tracking, and automatic failover scenarios.
Asset store architecture
The asset store interface abstracts storage operations behind a clean API that supports upload, resolution, and removal operations. Built-in implementations include base64 embedding for development and IndexedDB for offline applications. Custom stores integrate with cloud providers through simple async methods. The system handles temporary previews, upload progress tracking, and automatic failover scenarios.
Asset store architecture
The asset store interface abstracts storage operations behind a clean API that supports upload, resolution, and removal operations. Built-in implementations include base64 embedding for development and IndexedDB for offline applications. Custom stores integrate with cloud providers through simple async methods. The system handles temporary previews, upload progress tracking, and automatic failover scenarios.
Performance optimization layer
Viewport culling skips off-screen assets while keeping selected items editable. Uploads apply size and quality adjustments automatically, generating multiple representations for zoom and display contexts. Memory is optimized through garbage collection and smart caching.
Performance optimization layer
Viewport culling skips off-screen assets while keeping selected items editable. Uploads apply size and quality adjustments automatically, generating multiple representations for zoom and display contexts. Memory is optimized through garbage collection and smart caching.
Performance optimization layer
Viewport culling skips off-screen assets while keeping selected items editable. Uploads apply size and quality adjustments automatically, generating multiple representations for zoom and display contexts. Memory is optimized through garbage collection and smart caching.
Performance optimization layer
Viewport culling skips off-screen assets while keeping selected items editable. Uploads apply size and quality adjustments automatically, generating multiple representations for zoom and display contexts. Memory is optimized through garbage collection and smart caching.
Chat starter kit
Integrate tldraw's canvas into a chat application to let the user sketch, annotate and add markup to any chat message before sending it off to an AI model or person.
Chat starter kit
Integrate tldraw's canvas into a chat application to let the user sketch, annotate and add markup to any chat message before sending it off to an AI model or person.
Agent starter kit
Give your AI agents visual superpowers. Allow them to read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration, tldraw handles the complex canvas interactions, shape recognition, and visual rendering.
Agent starter kit
Give your AI agents visual superpowers. Allow them to read drawings, generate diagrams, and interact with canvas elements just like human users. You handle the AI integration, tldraw handles the complex canvas interactions, shape recognition, and visual rendering.
Examples
Examples
Examples
Examples
Simplify asset handling
Support images, video, text, and custom content types without extra hassle.
Simplify asset handling
Support images, video, text, and custom content types without extra hassle.
Simplify asset handling
Support images, video, text, and custom content types without extra hassle.
Simplify asset handling
Support images, video, text, and custom content types without extra hassle.
© 2025 tldraw