Introduction

About Kaadu UI

Kaadu UI is a theme-aware, nature-inspired UI design system. It features blur effects, console-style typography, and components with green aesthetics. The system is designed for clarity, accessibility, and a modern look, making it ideal for applications that want a fresh, natural feel.

Its purpose is to provide a consistent, visually appealing set of controls and layouts that adapt to both light and dark themes, with a focus on usability and style.

Usage

For comprehensive setup and usage instructions, please visit the GitHub Repo

Styled Controls

Text

Password

Number

Date

DateTime

Select

Checkbox

Radio

Fieldset

Card details

Name on card

Expiration

Button

Link

Link example

Timeline List

  • Single-celled Algae: Origin of photosynthetic life
  • Multicellular Algae: Simple colonies and filaments
  • Bryophytes: First land plants (mosses, liverworts)
  • Pteridophytes: Vascular plants (ferns, horsetails)
  • Gymnosperms: Seed plants without flowers (conifers, cycads)
  • Angiosperms: Flowering plants with enclosed seeds

Custom Controls

Badge

Displays short status or label information.

Hello!

Radial Progress

Circular progress indicator.

Expander

Collapsible panel for content.

Dialog

Modal dialog for messages.

Cards

Clickable containers for content.

Loading Progress Bar

Animated progress bar for loading states.