Installation

BlazeTable is distributed as scoped NPM packages under the @blazetable namespace. You can choose between the Basic and Pro versions depending on your project requirements.

⚠️ Note: BlazeTable is built on top of Chakra UI . If your project is not already using Chakra UI, you’ll need to install it and wrap your app with the ChakraProvider.

Install Chakra UI

npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion

Wrap your application root:

import { ChakraProvider } from "@chakra-ui/react";
 
function App() {
  return <ChakraProvider>{/* your app code */}</ChakraProvider>;
}
 
export default App;

📦 Installing the Basic Package

The @blazetable/basic package provides all the essential features for building powerful and flexible tables with client-side sorting, filtering, and pagination.

npm install @blazetable/basic

or if you’re using Yarn:

yarn add @blazetable/basic

or with pnpm:

pnpm add @blazetable/basic

🚀 Installing the Pro Package

The @blazetable/pro package unlocks advanced features, including:

• Server-side mode support
• Real-time data updates
• Expandable row rendering
• Optimized large dataset handling

npm install @blazetable/pro

or if you’re using Yarn:

yarn add @blazetable/pro

or with pnpm:

pnpm add @blazetable/pro

💡 Note: @blazetable/pro includes everything from @blazetable/basic, so there’s no need to install both unless you’re working on multiple package targets.

✅ Once installed, head over to Getting Started to begin integrating BlazeTable into your project.