Skip to main content

Grida Canvas SDK

Alpha Stage - This SDK is currently in alpha stage. APIs and features may change without notice.

Grida Canvas SDK is an open-source, TypeScript-first canvas framework that enables developers to build powerful and flexible canvas-based applications. Built with performance and developer experience in mind, it provides a robust foundation for creating interactive canvas experiences.

Overview​

The SDK offers a comprehensive set of features for canvas manipulation, including:

  • TypeScript-First: Full TypeScript support with comprehensive type definitions
  • React Integration: Seamless integration with React components
  • Node System: Flexible node-based architecture for managing canvas elements
  • Rich Graphics: Support for various graphics primitives (rectangles, ellipses, paths, etc.)
  • Styling: Advanced styling capabilities including gradients, shadows, and effects
  • Layout: Flexible layout system with support for flexbox-like behavior
  • Interactivity: Built-in support for user interactions and transformations

Getting Started​

To get started with Grida Canvas SDK, you'll need to:

  1. Install the SDK package
  2. Set up your development environment
  3. Create your first canvas application

Detailed setup instructions and examples will be provided in the following sections.

Support and Community​

As we're in the alpha stage, your feedback and contributions are invaluable. You can:

  • Report issues and suggest features on our GitHub repository
  • Join our Slack community for discussions and support
  • Contact us directly at grida.co/contact
  • Join our Slack channel at grida.co/join-slack

Current Status​

The SDK is currently in alpha stage, which means:

  • Core features are implemented but may have limitations
  • APIs are subject to change
  • Some features may be experimental
  • Documentation is being actively developed

We recommend using the SDK for experimental projects and providing feedback to help shape its future development.

Next Steps​

Continue reading the documentation to learn about:

  • Installation and setup
  • Core concepts
  • API reference
  • Examples and tutorials
  • Best practices