Skip to main content

Build stunning React Native apps with UI Kitten

A complete UI library with 30+ customizable components based on Eva Design System. Create beautiful, consistent mobile applications with light and dark themes out of the box.

30+ Components
Ready to use
Light & Dark Themes
Runtime switching
TypeScript Support
Full type definitions

Quick Start

Get up and running with UI Kitten in minutes

1

Install UI Kitten

Create a new React Native project with UI Kitten template or add it to an existing project.
npx react-native init MyApp --template @ui-kitten/template-ts
Use @ui-kitten/template-js for JavaScript projects
2

Wrap your app with ApplicationProvider

Import the ApplicationProvider and Eva themes to enable UI Kitten components.
import React from 'react';
import { ApplicationProvider } from '@ui-kitten/components';
import * as eva from '@eva-design/eva';

export default () => (
  <ApplicationProvider {...eva} theme={eva.light}>
    {/* Your app content */}
  </ApplicationProvider>
);
3

Use UI Kitten components

Start building your interface with ready-to-use components.
import React from 'react';
import { Layout, Text, Button } from '@ui-kitten/components';

export const HomeScreen = () => (
  <Layout style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
    <Text category='h1'>Welcome to UI Kitten</Text>
    <Button onPress={() => {}}>Get Started</Button>
  </Layout>
);
All components support theming, styling variants, and status modifiers out of the box

Explore Components

Discover our comprehensive component library

Layout

Structure your app with Layout, Card, and Divider components

Forms

Build interactive forms with Button, Input, Checkbox, and more

Navigation

Create intuitive navigation with BottomNavigation, TopNavigation, and Tabs

Display

Present content with Text, Avatar, Icon, and List components

Feedback

Show loading states and modals with Spinner, ProgressBar, and Modal

Eva Icons

Access 480+ beautiful icons designed for UI Kitten

Key Features

Everything you need to build professional mobile apps

Eva Design System

Built on a comprehensive design system ensuring consistency and scalability across your entire application.

Runtime Theming

Switch between light and dark themes at runtime without reloading your app. Customize colors and create your own themes.

Web Support

Run your React Native app in the browser with React Native Web. Share code between mobile and web platforms.

RTL Support

Full right-to-left writing system support for all components, enabling global app deployment.

Resources

Kitten Tricks

Explore a complete React Native starter kit with 40+ screens built with UI Kitten

Eva Design System

Learn about the design principles and specifications behind UI Kitten

GitHub Repository

View source code, report issues, and contribute to the project

Community Support

Get help from the community on Stack Overflow

Ready to build amazing mobile apps?

Get started with UI Kitten today and create beautiful, consistent React Native applications with ease.

Start Building Now

Build docs developers (and LLMs) love