react-native-ui-kitten is a free, open source design & prototyping project written in TypeScript and released under MIT. It has 10,669 GitHub stars, 962 forks and 134 open issues, and was last pushed 11 days ago. On this registry it ranks #16 of 41 tracked projects in Design & Prototyping, with 5 head-to-head comparisons available.

What is react-native-ui-kitten?

UI Kitten is a free, MIT-licensed React Native UI library built on the Eva Design System that gives mobile developers a set of general-purpose components with light, dark, and custom themes that can be switched at runtime without reloading the application.

What it is

UI Kitten is a component library for React Native, written in TypeScript and published to the npm ecosystem, where it is distributed as the react-native-ui-kitten package. It provides a set of general-purpose UI components styled in a consistent way, all following the Eva Design System specification. The library lives in the same family as Akveo's other Eva-related projects, including the Eva Icons set and the Kitten Tricks starter kit, and it is documented through a dedicated documentation site linked from the repository homepage.

The concrete problem it solves is the cost of assembling and maintaining a coherent mobile interface from scratch. Rather than hand-rolling a button, input, and layout set and then rewriting it whenever the product needs a second visual identity, a team adopts UI Kitten and gets a tested component set plus a theming layer. Because themes can be changed at runtime with no need to reload the application, the same codebase can serve multiple brands or a live light/dark switch without a restart. It carries an MIT licence and is described by its maintainers as 100% free and open source.

Key capabilities

  • 25+ general-purpose components designed and tested for React Native applications.
  • A theming system with Light and modern Dark themes, plus support for creating custom themes.
  • Runtime theme switching, so themes can be changed without reloading the application.
  • SVG Eva Icons support, providing 480+ general-purpose icons.
  • Eva Design System support, so interfaces built from the basic components follow Eva specifications.
  • Two project templates, @ui-kitten/template-js and @ui-kitten/template-ts, for initialising a new React Native app.
  • The Kitten Tricks starter kit, offering over 40 screens in dark and light themes with customizable layouts.

Who uses it and how

  • React Native teams building multi-brand or white-label mobile applications, where the runtime theming system removes the need for separate builds per visual identity.
  • TypeScript teams, who can bootstrap with @ui-kitten/template-ts and keep typed components from the first commit.
  • Developers who want a running app quickly, using Kitten Tricks to start from over 40 pre-built dark and light screens and adding blocks as needed.
  • Teams that need commercial assistance beyond the open-source library, which Akveo offers through its React Native services.

Getting started

The README's Quick Start initialises a new application with npx react-native init MyApp --template @ui-kitten/template-js, or --template @ui-kitten/template-ts for a TypeScript setup, which configures a React Native app with UI Kitten already wired in. Further options are documented on the project's documentation site.

How it compares

The facts provided do not name any comparable alternative UI library, so no head-to-head comparison is possible here; within its own ecosystem UI Kitten sits alongside Eva Icons and the Kitten Tricks starter kit, all from Akveo and all oriented around the Eva Design System. Akveo also points to UI Bakery for building an admin panel for a mobile app, which is a separate product rather than a substitute for the component library. On the evidence available, it stands alone in this registry.

When to use it — and when not to

There is no server-side infrastructure to operate here: as a client-side React Native library it requires no database, object storage, or SMTP service, so the operational burden is limited to the normal React Native toolchain and keeping the dependency current. Teams already committed to a different design system, or those who need platform-native primitives rather than an Eva-styled component set, should look elsewhere. The honest caveats are that the repository shows 134 open issues, the README excerpt is brief and gives no version or release cadence, and professional support is a paid Akveo service even though the code itself is MIT-licensed.

project readme (upstream, from github) — read inline

UI Kitten Eva Design System npm Build Status Coverage Status

Documentation

UI Kitten is a React Native UI Library that allows you creating stunning multi-brand cross-platform mobile applications. The library is based on Eva Design System which brings consistency and scalability in the design and development process. It contains a set of general purpose UI components styled in a similar way. And the most awesome thing: the themes can be changed in the runtime, with no need to reload the application.

100% Free and Open Source!

link:doc-homepage

Need professional support? Visit Akveo's React Native experts to scale your solutions.

What's included

  • 25+ general-purpose components designed and tested to save your time.

  • Comprehensive clear documentation with the tons of examples.

  • Theming System - Use Light and modern Dark themes and create your own.

  • SVG Eva Icons support - 480+ general purpose icons

  • Eva Design System Support - Construct an interface using basic components following Eva specifications and it will always have a stunning design.

Starter App

Kitten Tricksreact-native starter kit allows you to boost the development of a mobile app. There is a huge variety of customizable layouts, use “as is” or add new blocks.

Over 40 screens in dark and light themes give you the possibility to create a bright and exclusive app while saving your time on compiling numerous details. Also, you can download the source code and use it for your own benefit.

Quick Start

Start a new app with UI Kitten template from a scratch:

npx react-native init MyApp --template @ui-kitten/template-js

Or, if you want to init with TypeScript:

npx react-native init MyApp --template @ui-kitten/template-ts

This will setup a new React Native application configured with UI Kitten. Refer to the Documentation for more options to start.

UI Bakery

Need to quickly build an admin panel for your mobile app? Check out UI builder UI Bakery.

How can I support the developers?

  • Star our GitHub repo :star:
  • Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
  • Read us on Medium
  • Follow us on Twitter
  • Like our page on Facebook

License

MIT license.

More from Akveo

  • Eva Icons - 480+ beautiful Open Source icons

From Developers

Made with :heart: by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!

Frequently asked questions

Is react-native-ui-kitten free to use?

react-native-ui-kitten is open source under the MIT licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does react-native-ui-kitten do?

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

What is react-native-ui-kitten written in?

react-native-ui-kitten is primarily written in TypeScript. Its source is publicly available at https://github.com/akveo/react-native-ui-kitten, and it has 10,669 GitHub stars.