Canvas Tile Engine
High-performance, platform agnostic tile engine for interactive 2D maps and visualizations.
$ npm i @canvas-tile-engine/core @canvas-tile-engine/renderer-canvasFeatures
Everything you need to build performant, interactive canvas applications.
High Performance
Render thousands of objects with smooth 60fps. Optimized for large maps and complex visualizations.
Interactive
Built-in pan, zoom, drag, and click events. Automatic coordinate transformations handled for you.
Layered Architecture
Multiple rendering layers for organized map editing. Draw shapes, images, and text with ease.
TypeScript First
Fully typed API with excellent IntelliSense support. Great developer experience out of the box.
Lightweight
Small bundle size with zero external dependencies. Just the essentials, nothing more.
Spatial Indexing
R-Tree based spatial indexing and viewport culling. Only render what's visible on screen.
Ecosystem
Modular architecture designed to be platform agnostic. Use the core engine with any renderer on any platform.
Core
Core
@canvas-tile-engine/corePlatform agnostic calculation engine. Handles all logic, coordinates, and state.
$ npm i @canvas-tile-engine/coreRenderers
Canvas Renderer
@canvas-tile-engine/renderer-canvasHTML5 Canvas renderer for web browsers.
$ npm i @canvas-tile-engine/renderer-canvasSkia Renderer
@canvas-tile-engine/renderer-skiaHigh-performance Skia graphics engine renderer.
$ npm i @canvas-tile-engine/renderer-skiaFrameworks
React
@canvas-tile-engine/reactHooks and components for React 18+ applications.
$ npm i @canvas-tile-engine/reactReact Native
@canvas-tile-engine/react-nativeNative mobile support for iOS and Android.
$ npm i @canvas-tile-engine/react-native