Skip to main content

Welcome to Kube Design

Kube Design is a comprehensive React component library built for KubeSphere Console. It provides a complete suite of components, hooks, and icons for building modern web applications.

Features​

  • 🎨 50+ Components - A rich set of high-quality React components
  • 🪝 Useful Hooks - Collection of React hooks for common use cases
  • 🎯 Icon Library - Comprehensive icon system with multiple variants
  • 🎭 Theming Support - Customizable theme system with dark mode
  • 📦 TypeScript - Full TypeScript support with type definitions
  • ♿ Accessible - Built with accessibility in mind
  • 🚀 Modern - Built with modern React patterns and best practices

Quick Start​

Get started with Kube Design in minutes:

# Install packages
npm install @kubed/components @kubed/hooks @kubed/icons
# or
yarn add @kubed/components @kubed/hooks @kubed/icons
# or
pnpm add @kubed/components @kubed/hooks @kubed/icons

Check out the Installation Guide for detailed setup instructions.

Learn More​

  • Guide - Learn about Kube Design and how to use it
  • Components - Explore the component library
  • Hooks - Discover useful React hooks
  • Icons - Browse the icon library

License​

Licensed under the MIT License.