Selection and transformation
Precise object selection with multi-modal interaction, precise hit-testing, and seamless transformation controls.
Key features
Key features
Key features
Key features
Transformation handles
Transform objects in tldraw with rotating and moving controls that include visual feedback, constraint handling, and proportional scaling, plus snap-to guides for perfect alignment.
Transformation handles
Transform objects in tldraw with rotating and moving controls that include visual feedback, constraint handling, and proportional scaling, plus snap-to guides for perfect alignment.
Transformation handles
Transform objects in tldraw with rotating and moving controls that include visual feedback, constraint handling, and proportional scaling, plus snap-to guides for perfect alignment.
Transformation handles
Transform objects in tldraw with rotating and moving controls that include visual feedback, constraint handling, and proportional scaling, plus snap-to guides for perfect alignment.
Smart hit testing
Use tldraw’s precise cursor targets with layered shape detection and group awareness to help your users click exactly where intended, even on overlapping shapes or tiny details.
Smart hit testing
Use tldraw’s precise cursor targets with layered shape detection and group awareness to help your users click exactly where intended, even on overlapping shapes or tiny details.
Smart hit testing
Use tldraw’s precise cursor targets with layered shape detection and group awareness to help your users click exactly where intended, even on overlapping shapes or tiny details.
Smart hit testing
Use tldraw’s precise cursor targets with layered shape detection and group awareness to help your users click exactly where intended, even on overlapping shapes or tiny details.
Touch and mobile support
Handle touch gestures, mobile-specific interactions, and responsive transformation controls across all device types. Selection areas automatically adjust for touch targets.
Touch and mobile support
Handle touch gestures, mobile-specific interactions, and responsive transformation controls across all device types. Selection areas automatically adjust for touch targets.
Touch and mobile support
Handle touch gestures, mobile-specific interactions, and responsive transformation controls across all device types. Selection areas automatically adjust for touch targets.
Touch and mobile support
Handle touch gestures, mobile-specific interactions, and responsive transformation controls across all device types. Selection areas automatically adjust for touch targets.
State machine architecture
Manage complex selection flows with organized hierarchies, easily transitioning between idle clicking, box-dragging, and shape-moving without confusion.
State machine architecture
Manage complex selection flows with organized hierarchies, easily transitioning between idle clicking, box-dragging, and shape-moving without confusion.
State machine architecture
Manage complex selection flows with organized hierarchies, easily transitioning between idle clicking, box-dragging, and shape-moving without confusion.
State machine architecture
Manage complex selection flows with organized hierarchies, easily transitioning between idle clicking, box-dragging, and shape-moving without confusion.
Cloning and duplication
Clone shapes with one click, using intelligent positioning, modifier key support, and batch duplication to avoid stacking and duplicate multiple objects at once.
Cloning and duplication
Clone shapes with one click, using intelligent positioning, modifier key support, and batch duplication to avoid stacking and duplicate multiple objects at once.
Cloning and duplication
Clone shapes with one click, using intelligent positioning, modifier key support, and batch duplication to avoid stacking and duplicate multiple objects at once.
Cloning and duplication
Clone shapes with one click, using intelligent positioning, modifier key support, and batch duplication to avoid stacking and duplicate multiple objects at once.
Intuitive multi-modal selection for your app
Professional-grade selection tools. Hit-testing and transforms that just work.
Intuitive multi-modal selection for your app
Professional-grade selection tools. Hit-testing and transforms that just work.
Intuitive multi-modal selection for your app
Professional-grade selection tools. Hit-testing and transforms that just work.
Intuitive multi-modal selection for your app
Professional-grade selection tools. Hit-testing and transforms that just work.
Engineering details
Engineering details
Engineering details
Engineering details
Hierarchical state management
Selection tools operate through elaborate state machines that handle overlapping interaction modes such as brushing, translating, resizing, and rotating. Each state maintains its own interaction logic while sharing common selection context.
Hierarchical state management
Selection tools operate through elaborate state machines that handle overlapping interaction modes such as brushing, translating, resizing, and rotating. Each state maintains its own interaction logic while sharing common selection context.
Hierarchical state management
Selection tools operate through elaborate state machines that handle overlapping interaction modes such as brushing, translating, resizing, and rotating. Each state maintains its own interaction logic while sharing common selection context.
Hierarchical state management
Selection tools operate through elaborate state machines that handle overlapping interaction modes such as brushing, translating, resizing, and rotating. Each state maintains its own interaction logic while sharing common selection context.
Hit testing
The system performs multi-layered hit detection that considers shape geometry, group hierarchies, and locked objects. Hit testing evaluates cursor position against shape bounds, handles, and interactive regions while respecting z-index ordering and group ordering for predictable selection behavior.
Hit testing
The system performs multi-layered hit detection that considers shape geometry, group hierarchies, and locked objects. Hit testing evaluates cursor position against shape bounds, handles, and interactive regions while respecting z-index ordering and group ordering for predictable selection behavior.
Hit testing
The system performs multi-layered hit detection that considers shape geometry, group hierarchies, and locked objects. Hit testing evaluates cursor position against shape bounds, handles, and interactive regions while respecting z-index ordering and group ordering for predictable selection behavior.
Hit testing
The system performs multi-layered hit detection that considers shape geometry, group hierarchies, and locked objects. Hit testing evaluates cursor position against shape bounds, handles, and interactive regions while respecting z-index ordering and group ordering for predictable selection behavior.
Modifier-based interaction
Modifier keys transform selection behavior dynamically. For example, shift enables additive selection, alt switches to scribble brushing mode, and cmd/ctrl provides cloning operations. These modifiers combine naturally with primary interactions to create multi-modal workflows.
Modifier-based interaction
Modifier keys transform selection behavior dynamically. For example, shift enables additive selection, alt switches to scribble brushing mode, and cmd/ctrl provides cloning operations. These modifiers combine naturally with primary interactions to create multi-modal workflows.
Modifier-based interaction
Modifier keys transform selection behavior dynamically. For example, shift enables additive selection, alt switches to scribble brushing mode, and cmd/ctrl provides cloning operations. These modifiers combine naturally with primary interactions to create multi-modal workflows.
Modifier-based interaction
Modifier keys transform selection behavior dynamically. For example, shift enables additive selection, alt switches to scribble brushing mode, and cmd/ctrl provides cloning operations. These modifiers combine naturally with primary interactions to create multi-modal workflows.
Branching chat starter kit
Build visual conversation interfaces where users create branching chat trees with AI integration. Perfect for interactive chatbots, conversation design tools, and storytelling applications. Create, connect, and organize chat nodes on an infinite canvas with real-time AI responses and context-aware conversation flows.
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.
Branching chat starter kit
Build visual conversation interfaces where users create branching chat trees with AI integration. Perfect for interactive chatbots, conversation design tools, and storytelling applications. Create, connect, and organize chat nodes on an infinite canvas with real-time AI responses and context-aware conversation flows.
Examples
Examples
Examples
Examples
Built for precise clicks
Multi-modal tools for hit-testing, transforms, and smooth interactions.
Built for precise clicks
Multi-modal tools for hit-testing, transforms, and smooth interactions.
Built for precise clicks
Multi-modal tools for hit-testing, transforms, and smooth interactions.
Built for precise clicks
Multi-modal tools for hit-testing, transforms, and smooth interactions.
© 2025 tldraw