Skip to Content
Kenat is a work in progress project πŸ‘¨πŸ»β€πŸ’»
Documentation🎨 Kenat UIπŸ“¦ Installation

πŸ“¦ Installation & Guide β€” kenat-ui

kenat-ui is a headless UI utility for building Ethiopian calendar components. It gives you complete control over your UI while handling all the complex logic for you.


πŸš€ Installation

To get started, install kenat-ui from npm:

npm install kenat-ui

This will also install the kenat core library it depends on.


❓ What is Headless UI?

A headless UI library provides logic without rendering. It gives you:

  • ⛓️ State management
  • 🧠 Business logic
  • 🧰 Hooks and functions

…but leaves the markup and styling up to you.

Think of it like a powerful backend brain for your calendar UI β€” you plug in the visuals.


πŸ’‘ Why Headless?

Headless UI is ideal when you want:

  • πŸ’… Full control over your design system (Tailwind, Chakra, custom CSS)
  • ♻️ Reusability across different themes or apps
  • πŸ’Ό Integration with other frameworks or design tokens

kenat-ui lets you build:

  • Custom date pickers
  • Fully localizable calendar grids
  • Language + numeral–aware date logic

🧩 Where Can You Use It?

  • React + Tailwind apps (perfect fit)
  • Component libraries (design system wrappers)
  • Internationalized apps with Ethiopian localization needs
  • Web or mobile (via React Native wrappers)
Last updated on