Premium Components for Cube.dev

Build complete data applications with CubeKit's high-level components: Query Builder, Dashboard Builder, AI Chat, and more. Turn your Cube.dev instance into a full-featured analytics platform in minutes, not months.

View Documentation
CubeKit Components Preview
15+
Components
30+
DaisyUI Themes
AI
Query Builder

Why Choose CubeKit?

Everything you need to build professional data experiences

Lightning Fast Setup

Drop-in components that work out of the box with your existing Cube.dev setup. No complex configurations required.

Built with DaisyUI

Powered by DaisyUI for awesome Tailwind themes support. Switch between 30+ beautiful themes instantly and customize to match your brand.

Recharts Integration

Fully integrated with Recharts to visualize any Cube query. Beautiful, interactive charts that automatically adapt to your data structure.

AI-Powered Queries

AI API available to automate query building. Describe what you want in natural language and let AI generate the perfect Cube.dev query.

Mobile Ready

All components are responsive and optimized for mobile devices. Your users get a great experience everywhere.

TypeScript Support

Built with TypeScript for better developer experience. Get autocomplete, type checking, and IntelliSense.

Highly Customizable

Every component can be customized to fit your needs. Override styles, add custom logic, and make it yours.

Production Ready

Battle-tested components used in production by teams around the world. Reliable and performant.

Modular Design

Each high-level component contains multiple sub-components that can be used individually for maximum flexibility.

High-Level Components

Complete, ready-to-use components for building analytics applications

Query Builder

No-code interface for business users to build queries. Drag-and-drop dimensions, measures, and filters to create insights without technical knowledge.

Sub-components:

Dimension picker Measure selector Filter builder Preview panel
Query Builder Interface

SQL Builder

Advanced builder that uses the Cube API SQL endpoint to build tables and visualizations. For power users who need full SQL control.

Sub-components:

SQL editor Query formatter Result table Export tools
SQL Builder Interface

Schema Visualization

Interactive schema explorer with visual cube relationships and detailed metadata. Navigate your data model with connected cube entities, dimensions, measures, and segments.

Sub-components:

Relationship graph Cube details Metadata viewer Navigation controls
Interactive Schema Explorer

Dashboard Builder

Simple dashboard building tool to collate queries and visualizations into single dashboards. Drag-and-drop interface for easy composition.

Sub-components:

Widget library Layout grid Filter controls Export options
Dashboard Builder Interface

AI Chat Bot

AI-powered chat that generates Cube queries, data summaries, and visualizations from natural language. Ask questions about your data and get instant insights.

Sub-components:

Chat interface Query generator Summary cards Visualization suggestions Context memory
AI Chat Bot Interface

From Simple Cube.dev Setup to Enterprise Analytics Platform

Transform your Cube.dev instance into a complete analytics platform. No need to build query builders, dashboards, or AI interfaces from scratch - CubeKit provides everything you need out of the box.

Save 50+ hours of development time per project
30+ DaisyUI themes for instant visual customization
AI-powered queries - describe data needs in natural language
Recharts integration for beautiful, interactive visualizations
Focus on business logic instead of UI boilerplate
Faster time to market for your data products
Without CubeKit - Custom Implementation
// Custom query builder implementation - hundreds of lines needed
import { useState, useEffect, useCallback } from 'react';
import { CubeApi } from '@cubejs-client/core';
import { Select, Input, Button, Modal, Tooltip } from 'antd';
function CustomQueryBuilder({ cubeApi, onQueryChange }) {
  const [dimensions, setDimensions] = useState([]);
  const [measures, setMeasures] = useState([]);
  const [timeDimensions, setTimeDimensions] = useState([]);
  const [filters, setFilters] = useState([]);
  const [availableCubes, setAvailableCubes] = useState([]);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(null);
  // + 200 more lines of state management, UI rendering, validation...
}
VS
With CubeKit - Drop-in Component
// Complete query builder in just a few lines
import { QueryBuilder } from '@cubekit/react';
function MyAnalyticsApp() {
  return (
    <QueryBuilder
      cubeApi={cubeApi}
      onQueryChange={handleQueryChange}
      theme="cubekit"
      enableFilters={true}
      enableTimeDimensions={true}
    />
  );
}
// ✅ Everything included: state, UI, validation, theming
Custom Build
200+
Lines of code
With CubeKit
16
Lines of code

Early Access Pricing

Join our waiting list for exclusive early bird pricing when we launch.

Annual License

$ 59 /year

Per developer seat

All CubeKit components
TypeScript definitions
Full source code access
Unlimited projects
1 year of updates
Email support
Commercial license

30-day money-back guarantee

Ready to Save Hours of Development Time?

Join our waiting list to be notified when CubeKit launches with early bird pricing.