Grida Canvas Packages
A collection of high-performance canvas components for building infinite canvas applications
@grida/ruler
Zero-Dependency Canvas Ruler Component for Infinite Canvas. A lightweight, performant ruler component that supports zooming, panning, and custom markers.
Key Features
- •Zero dependencies
- •High performance canvas-based rendering
- •Support for zooming and panning
- •Custom markers and ranges
- •Customizable appearance
- •Responsive design
- •Both React and vanilla JS support
@grida/transparency-grid
Transparency Grid component for Infinite Canvas. A lightweight, performant transparency grid component that supports zooming, panning, and custom transformations.
Key Features
- •Zero dependencies
- •High performance canvas-based rendering
- •Support for zooming and panning
- •Customizable appearance
- •Responsive design
- •Both React and vanilla JS support
- •WebGPU support (experimental)
@grida/pixel-grid
A React component for rendering pixel-perfect grids in infinite canvas applications. This package provides a flexible and performant way to display grid patterns with zoom and pan capabilities.
Key Features
- •Pixel-perfect grid rendering
- •Zoom and pan support
- •Customizable grid appearance
- •High performance with React
- •Responsive design support