/react-native-ui-kitten

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

Primary LanguageTypeScriptMIT LicenseMIT

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!

What's included

  • 20+ 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.

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

Starter App

Kitten Tricks – react-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

Install UI Kitten and Eva Design System packages via npm:

npm i react-native-ui-kitten @eva-design/eva

Modify your application root:

import React from 'react';
import { mapping, light as lightTheme } from '@eva-design/eva';
import { ApplicationProvider, Layout } from 'react-native-ui-kitten';

const App = () => (
  <ApplicationProvider 
    mapping={mapping}
    theme={lightTheme}>
    <Layout style={{flex: 1}}/>
  </ApplicationProvider>
);

export default App;

The code above will configure your application component to apply Eva Design System styling magic. Read the Design System guide for more details.

How can I support the developers?

  • Star our GitHub repo ⭐
  • Create pull requests, submit bugs, suggest new features or documentation updates 🔧
  • 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 ❤️ by Akveo team. Follow us on Twitter to get the latest news first! We're always happy to receive your feedback!