gitmyhub

react-native-ui-kitten

TypeScript ★ 11k updated 3mo ago

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

UI Kitten is a free React Native component library with 25+ consistently styled UI elements and runtime light/dark theme switching, built on the Eva design system.

TypeScriptReact NativeJavaScriptsetup: easycomplexity 2/5

UI Kitten is a free, open source library of pre-built interface components for building mobile apps with React Native. React Native is a framework that lets you write one codebase and publish it as both an iOS and Android app. UI Kitten gives you a set of 25 or more ready-made components, such as buttons, inputs, cards, and lists, that are already styled and consistent with each other so you do not need to design each one from scratch.

The library is built on top of a design system called Eva, which provides the visual rules that all components follow. One notable feature is runtime theme switching: you can let users toggle between a light and a dark theme without restarting the app. You can also create your own custom themes. The library includes support for a set of 480 icons in SVG format.

To start a new project with UI Kitten already configured, the README provides a one-line command that creates a fresh React Native app using a template. There is both a JavaScript and a TypeScript version of the template. For developers who want a bigger head start, the team maintains a companion project called Kitten Tricks, which is a starter kit containing over 40 pre-built screens in both light and dark themes that you can adapt for your own app.

UI Kitten is made by Akveo, a software development company that also offers paid professional support for teams building React Native applications. The project is fully open source under the MIT license and has comprehensive documentation with examples.

Where it fits