ES Drager

Getting Started
Features
API

ES Drager

A lightweight React component for creating draggable, rotatable and scalable elements with connection capabilities.

Overview

ES Drager provides a simple yet powerful way to add drag, rotate, and scale functionality to any React component. With built-in support for connections, alignment guides, and snapping, it's perfect for building:

  • Diagram editors
  • Visual builders
  • Interactive interfaces
  • Layout tools

Interactive Demo

Basic
Connections
Try me!

Quick Example

import { Drager } from '@es-space/es-drager-react'

function App() {
  return (
    <Drager
      className="w-32 h-32 bg-blue-500"
      rotatable
      scalable
      connectable
    >
      Try me!
    </Drager>
  )
}

Next Steps