10.7K ·GitHub
What is this?
UI Kitten is a React Native UI library built on the Eva Design System: consistently styled general-purpose components for building multi-brand cross-platform mobile apps, with themes that switch at runtime.
UI Kitten is a React Native UI library built on the Eva Design System: consistently styled general-purpose components for building multi-brand cross-platform mobile apps, with themes that switch at runtime.Is it a full framework, or a library I add to an existing React Native app?A library, not a framework: you install it into a React Native project and build your screens from its styled building blocks. Its only declared dependencies are react and react-native.
A library, not a framework: you install it into a React Native project and build your screens from its styled building blocks. Its only declared dependencies are react and react-native.How do I start a new app with it?Run the Quick Start command from the README to scaffold a brand-new app from the UI Kitten template — a TypeScript variant is offered — and you get a React Native application already configured with the library.
Run the Quick Start command from the README to scaffold a brand-new app from the UI Kitten template — a TypeScript variant is offered — and you get a React Native application already configured with the library.What does my project need before I can add it?Just an existing React Native setup — the package itself depends only on react and react-native, and the repo is pure TypeScript tooling (jest, eslint, gulp).
Just an existing React Native setup — the package itself depends only on react and react-native, and the repo is pure TypeScript tooling (jest, eslint, gulp).Does it cover only phones, or can the same code run on the web too?The README promises cross-platform mobile apps, and the repo also ships web support via react-native-web; the current line targets React 19 and React Native 0.81.
The README promises cross-platform mobile apps, and the repo also ships web support via react-native-web; the current line targets React 19 and React Native 0.81.Can I use it in real products without paying?Yes — it is MIT-licensed and 100% free and open source. Akveo, the team behind it, sells professional support separately, but the library itself has no paid tier.
Yes — it is MIT-licensed and 100% free and open source. Akveo, the team behind it, sells professional support separately, but the library itself has no paid tier.What do I get out of the box?25+ general-purpose components (30+ by the repo's own count), a theming system with Light and Dark themes, and 480+ Eva SVG icons, backed by documentation full of examples.
25+ general-purpose components (30+ by the repo's own count), a theming system with Light and Dark themes, and 480+ Eva SVG icons, backed by documentation full of examples.Can my app switch themes without reloading?Yes — themes can be changed at runtime with no app reload. You can use the built-in Light and Dark themes or create your own, and both Eva and Material themes are supported with on-demand style compilation.
Yes — themes can be changed at runtime with no app reload. You can use the built-in Light and Dark themes or create your own, and both Eva and Material themes are supported with on-demand style compilation.Is there a ready-made starter app to learn from?Kitten Tricks — an official React Native starter kit with over 40 screens in dark and light themes. Use the layouts as-is or download the source and reuse it in your own app.
Kitten Tricks — an official React Native starter kit with over 40 screens in dark and light themes. Use the layouts as-is or download the source and reuse it in your own app.Why is it built on the Eva Design System?Eva brings consistency and scalability to design and development: components follow Eva specifications, so an interface assembled from basic building blocks keeps a coherent, polished look — the same system behind Akveo's Eva Icons.
Eva brings consistency and scalability to design and development: components follow Eva specifications, so an interface assembled from basic building blocks keeps a coherent, polished look — the same system behind Akveo's Eva Icons.What are similar projects?NativeBase, tamagui, chakra-ui, vuetify, react-native-calendars, react-native-paper, tabler, react-native-elements
NativeBase, tamagui, chakra-ui, vuetify, react-native-calendars, react-native-paper, tabler, react-native-elementsWhich topics is it in?react-native-web, ui-kit, icons, ui-library, material-design, dark-mode, themes, design-system, react-native, mobile-development, svg, accessibility
react-native-web, ui-kit, icons, ui-library, material-design, dark-mode, themes, design-system, react-native, mobile-development, svg, accessibility