Leaf UI
  • English

      • Introduction

      Leaf UI is a lightweight React component library with a natural visual style. Start with its green theme, then adapt it to your product.

      Your own theme

      Use ConfigProvider to customize colors, base radius, control height, typography, motion and language. Other sizes are derived automatically. Nested regions inherit omitted settings, and custom components can consume the same CSS variables.

      Familiar React patterns

      Components support React 18 and 19, controlled and uncontrolled values, standard HTML attributes and DOM refs. TypeScript declarations are included. Form organizes labels and feedback while preserving normal form submission and FormData.

      Everyday components

      Leaf UI includes buttons, text fields, selection controls, date and time pickers, forms, menus, dialogs and feedback. Explore the component overview.

      Keyboard interaction, visible focus, disabled states and reduced-motion preferences are supported. Built-in text supports Chinese and English; application labels remain under your control.

      Start with installation and quick start, or try the theme playground.