Transform your Cube.dev deployments with professional React components: Query Builder, SQL Editor, Schema Visualizer, and Dashboard Builder. Create exceptional Cube user experiences with beautiful, responsive UI components designed for analytics platforms.
Complete React component library for Cube.dev - Query Builder, SQL Editor, Schema Visualizer & more
Drop-in components that work out of the box with your existing Cube.dev setup. No complex configurations required.
Powered by DaisyUI for awesome Tailwind themes support. Switch between 30+ beautiful themes instantly and customize to match your brand.
Fully integrated with Recharts to visualize any Cube query. Beautiful, interactive charts that automatically adapt to your data structure.
AI API available to automate query building. Describe what you want in natural language and let AI generate the perfect Cube.dev query.
All components are responsive and optimized for mobile devices. Your users get a great experience everywhere.
Built with TypeScript for better developer experience. Get autocomplete, type checking, and IntelliSense.
Every component can be customized to fit your needs. Override styles, add custom logic, and make it yours.
Battle-tested components used in production by teams around the world. Reliable and performant.
Each high-level component contains multiple sub-components that can be used individually for maximum flexibility.
Complete, ready-to-use components for building analytics applications
Professional React Query Builder for Cube.dev with intuitive drag-and-drop interface. Enable business users to build complex Cube queries without coding. Features dimension picker, measure selector, and advanced filter builder for superior Cube user experience.
Sub-components:
Professional Cube SQL Editor with syntax highlighting and intelligent autocomplete. Advanced React component that leverages Cube.dev's SQL API for power users who need direct SQL control. Features query formatting, result tables, and export tools for enhanced Cube UI experience.
Sub-components:
Advanced Cube Schema Visualizer that transforms complex data models into intuitive visual representations. Interactive React component with relationship graphs, cube details, and metadata viewer. Perfect for improving Cube user experience by making data structures accessible to all users.
Sub-components:
Simple dashboard building tool to collate queries and visualizations into single dashboards. Drag-and-drop interface for easy composition.
Sub-components:
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:
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.
// Custom query builder implementation - hundreds of lines neededimport { 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...}// Complete query builder in just a few linesimport { QueryBuilder } from '@cubekit/react';function MyAnalyticsApp() { return ( <QueryBuilder cubeApi={cubeApi} onQueryChange={handleQueryChange} theme="cubekit" enableFilters={true} enableTimeDimensions={true} /> );}// ✅ Everything included: state, UI, validation, themingJoin our waiting list for exclusive early bird pricing when we launch.
Per developer seat
30-day money-back guarantee
Join our waiting list to be notified when CubeKit launches with early bird pricing.