# akveo/react-native-ui-kitten

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/akveo-react-native-ui-kitten).**

10,677 stars · 967 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/akveo/react-native-ui-kitten
- Homepage: https://akveo.github.io/react-native-ui-kitten/
- awesome-repositories: https://awesome-repositories.com/repository/akveo-react-native-ui-kitten.md

## Description

UI Kitten is a cross-platform mobile UI library and design framework for building mobile interfaces. It provides a collection of reusable, accessible visual components and layout blocks that strictly follow the Eva Design System specifications.

The library features built-in support for dynamic theming, allowing applications to switch between light and dark modes or custom color schemes at runtime. It utilizes a token-based color mapping system and a shared context provider to ensure visual consistency across all screens.

The framework includes a library of standardized production-ready elements, such as buttons, inputs, and modals, alongside pre-defined structural blocks and screen templates. It also integrates scalable vector graphics to maintain icon quality across different screen resolutions.

## Tags

### User Interface & Experience

- [Interface Component Libraries](https://awesome-repositories.com/f/user-interface-experience/interface-component-libraries.md) — Provides a comprehensive library of reusable UI elements and controls for building consistent mobile interfaces. ([source](https://github.com/akveo/react-native-ui-kitten/blob/master/README.md))
- [Mobile Component Libraries](https://awesome-repositories.com/f/user-interface-experience/mobile-component-libraries.md) — Offers a collection of pre-styled interface elements optimized for touch interactions and cross-platform mobile layouts. ([source](https://github.com/akveo/react-native-ui-kitten#readme))
- [React Native UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ecosystem-specific-libraries/react-native-ui-libraries.md) — Provides a comprehensive collection of user interface components specifically designed for the React Native ecosystem.
- [Semantic Token Mappers](https://awesome-repositories.com/f/user-interface-experience/design-token-management/theme-token-definitions/semantic-token-mappers.md) — Maps semantic design tokens to specific hex codes to enable seamless switching between light and dark modes.
- [Dynamic Theming](https://awesome-repositories.com/f/user-interface-experience/dynamic-theming.md) — Manages light and dark modes and custom color schemes that can be switched dynamically at runtime.
- [Themed Component Libraries](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/theme-systems/component-theming/themed-component-libraries.md) — Ships a library of accessible UI components with integrated support for dynamic light and dark mode switching.
- [Theme Management Systems](https://awesome-repositories.com/f/user-interface-experience/theme-management-systems.md) — Provides tools for switching between light and dark modes and creating branded looks at runtime. ([source](https://akveo.github.io/react-native-ui-kitten))
- [Theme Providers](https://awesome-repositories.com/f/user-interface-experience/theme-providers.md) — Uses a shared context provider to manage and propagate visual themes throughout the mobile application.
- [Mobile Design System Implementations](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/component-implementation-patterns/mobile-design-system-implementations.md) — Applies a unified set of visual guidelines and components to maintain a cohesive mobile brand identity.
- [Theme Customization](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-customization.md) — Allows controlling the overall look and feel by switching between light, dark, and custom design specifications. ([source](https://github.com/akveo/react-native-ui-kitten#readme))
- [User Interface Components](https://awesome-repositories.com/f/user-interface-experience/user-interface-components.md) — Provides production-ready elements such as buttons, inputs, calendars, and modals. ([source](https://akveo.github.io/react-native-ui-kitten/))
- [Accessible UI Components](https://awesome-repositories.com/f/user-interface-experience/accessible-ui-components.md) — Includes accessible components like buttons and navigation to maintain a consistent and inclusive visual style. ([source](https://github.com/akveo/react-native-ui-kitten/blob/master/package.json))
- [Screen Templates](https://awesome-repositories.com/f/user-interface-experience/app-shell-layouts/screen-templates.md) — Accelerates development through a collection of pre-built and customizable screen templates. ([source](https://github.com/akveo/react-native-ui-kitten#readme))
- [Accessible Component Suites](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/accessible-component-suites.md) — Implements a suite of UI components engineered with built-in accessibility standards.
- [Layout Composition Frameworks](https://awesome-repositories.com/f/user-interface-experience/layout-composition-frameworks.md) — Provides structural blocks and screen templates that can be nested to build complex application layouts.
- [Reusable Layout Blocks](https://awesome-repositories.com/f/user-interface-experience/reusable-layout-blocks.md) — Offers a collection of pre-designed layout blocks to speed up the construction of application screens. ([source](https://github.com/akveo/react-native-ui-kitten/blob/master/README.md))
- [Component-Driven Architectures](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/component-driven-architectures.md) — Implements a system for building complex mobile interfaces by composing small, reusable, and single-purpose UI components.

### Part of an Awesome List

- [Design Systems](https://awesome-repositories.com/f/awesome-lists/devtools/vue-ui-libraries/design-systems.md) — Standardizes UI elements based on the Eva Design System to ensure visual consistency across all screens.
- [UI Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/mobile-frameworks/ui-frameworks.md) — Provides pre-built screen templates and customizable components to accelerate mobile interface development.
- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — Reusable and customizable UI component kit.

### Development Tools & Productivity

- [UI Component Sets](https://awesome-repositories.com/f/development-tools-productivity/rapid-prototyping-tools/ui-component-sets.md) — Accelerates mobile interface development using production-ready components and pre-built layout templates.