Skip to main content

​
Introduction to UI Kitten

UI Kitten is a React Native UI Library that allows you to create stunning multi-brand cross-platform mobile applications. Built on top of Eva Design System, it brings consistency and scalability to both the design and development process.
UI Kitten is 100% free and open source, licensed under MIT.

​
What is UI Kitten?

UI Kitten is a customizable React Native UI Library based on Eva Design System specifications, featuring:
  • 30+ UI components - High-quality React Native components with no 3rd party dependencies
  • Eva Design System - Design system based on atomic design principles
  • Light and Dark themes - Built-in themes with runtime theme switching
  • Full customization - Comprehensive theming system for creating branded applications
  • Cross-platform - Works on iOS, Android, and Web (with React Native Web)
  • RTL Support - Right-to-left writing system support for all components
  • TypeScript - Full TypeScript support with comprehensive type definitions

​
Key Features

​
Component Library

UI Kitten provides a comprehensive set of general-purpose UI components:
  • Input & Controls: Button, Input, Checkbox, Radio, Toggle, Select
  • Navigation: Top Navigation, Bottom Navigation, Tab, Drawer, Menu
  • Data Display: Text, List, Card, Avatar, Divider
  • Feedback: Modal, Popover, Tooltip, Spinner, Progress Bar
  • Date & Time: Calendar, Datepicker
  • Layout: Layout component with theme-aware backgrounds
All components are:
  • Styled consistently based on Eva Design System
  • Fully customizable through theming
  • Accessible and production-ready
  • Tested and maintained

​
Eva Design System

Eva is a customizable Design System based on Atomic Design Principles. All components are built on basic elements with shared styles, connected with a single visual language for both mobile and web platforms. Core Principles:
  • Consistency - Unified design language across all components
  • Customizable - Architectural support for multiple themes
  • Scalable - Built on atomic design principles
  • Cross-platform - Single source of truth for mobile and web
Theming Capabilities:
  • Light and dark themes included out of the box
  • Runtime theme switching without app reload
  • Custom theme creation through design tokens
  • Component-level style customization
  • Support for multiple brand themes

​
Eva Design System Implementations

Eva Design System is implemented for two platforms:
  • Mobile - UI Kitten (React Native)
  • Web - Nebular (Angular)
Both implementations share a single source of truth for styles and a unified theming system.

​
What’s Included

UI Kitten modules are distributed as separate npm packages:

@ui-kitten/components

Core UI components library with theming system and design tokens

@ui-kitten/eva-icons

480+ beautifully crafted icons from Eva Icons, optimized for React Native

@ui-kitten/moment

Date utilities integration with Moment.js for Calendar and Datepicker components

@ui-kitten/date-fns

Date utilities integration with date-fns for Calendar and Datepicker components

​
Eva Icons

Eva Icons is a pack of more than 480 beautifully crafted open source icons. The @ui-kitten/eva-icons package adapts these icons for React Native and provides seamless integration with UI Kitten components.

​
Demo Application

Kitten Tricks is a comprehensive React Native starter kit that showcases UI Kitten components with:
  • 40+ screens in light and dark themes
  • Real-world layouts and use cases
  • Navigation examples
  • Complete source code
  • Production-ready patterns

​
Browser Support

UI Kitten components work seamlessly with React Native Web, allowing you to build applications that run on:
  • iOS (native)
  • Android (native)
  • Web browsers (via React Native Web)
When using Expo for Web, you need to configure Babel to include @ui-kitten/components in the build process.

​
Assumptions

This documentation assumes that you are already familiar with:
  • JavaScript or TypeScript
  • React fundamentals
  • React Native basics
If you’re new to React Native, we recommend going through the React Native tutorial first.

​
Enterprise Ready

As part of the Eva Ecosystem, UI Kitten is an excellent choice for enterprise-grade products, providing:
  • Complete control over application look & feel
  • Consistent design system
  • Professional support available
  • Active maintenance and updates
  • Production-tested components

​
Next Steps

Installation

Learn how to install UI Kitten and its dependencies

Quick Start

Build your first UI Kitten app in minutes

​
Get Help

Need assistance?

​
Open Source

UI Kitten is made with ❤️ by the Akveo team. The project is completely free and open source under the MIT License. Support the project by:
  • ⭐ Starring the GitHub repository
  • Contributing code, documentation, or bug reports
  • Sharing your UI Kitten apps with the community

Build docs developers (and LLMs) love

Get started for freeTalk to us