Kata Design System

⌘ K
  • Design
  • Components
  • Featured
  • How to Install
Made with ❤ by zeb

Kata Design

Kata is a practised form. Reusable patterns for building zeb's products, refined through repetition into something dependable.

Getting StartedDesign Language

Flexible theme customization

Open style algorithms and semantic structures make it easy for you and AI to customize themes
+ 1 ...
#1677FF
Finished
In Process
3
Waiting
50%
SuccessErrorDefaultProcessingWarning
Components
Form
Table
TwitterYoutubeFacebook
Are you OK?
+5
Verify account
We've sent a code to a****@gmail.com
Didn't receive a code? Resend
Kata
@zeb

Patterns, practised into products.

Kata
zeb's design system for building consistent, accessible product interfaces.

Create an account

Start your free 7-day trial. No credit card required.
OR
Kata
Kata uses CSS-in-JS, so themes can change at runtime without rebuilding stylesheets.

Rich components

Practical components to meet your needs, flexible customization and expansion
bg

Design and framework

Supporting ecology, allowing you to quickly build website applications

DatePicker

Update

Tour

Update
Kata
A quick guide for new come user about how to use app.

FloatButton

Update

Splitter

New
First
Second

Masonry

New
Design values

Design values

Certainty, Meaningfulness, Growth, Naturalness
Design guide

Design guide

Global style and design pattern
Components Libraries

Components Libraries

React components, themeable and accessible