VKUI – это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от наших iOS и Android приложений.

npm i @vkontakte/vkui или yarn add @vkontakte/vkui

Не забудьте посмотреть в консоль и установить необходимые пакету peerDependencies

import React from 'react';
import ReactDOM from 'react-dom';
import { View, Panel, PanelHeader, Header, Group, Cell } from '@vkontakte/vkui';
import '@vkontakte/vkui/dist/vkui.css';

function App () {
  return (
    <View activePanel="main">
      <Panel id="main">
        <PanelHeader>VKUI</PanelHeader>
        <Group header={<Header mode="secondary">Items</Header>}>
          <Cell>Hello</Cell>
          <Cell>World</Cell>
        </Group>
      </Panel>
    </View>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));

На данный момент мы поддерживаем webview следующих операционных систем:

• android >= 4.4
• ios >= 9

В документации вы сможете найти информацию об использовании компонентов и утилит.

Напишите нам issue, если нашли баг или у вас есть предложения по улучшению библиотеки.

Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории, сделайте форк проекта, внесите изменения и отправьте нам pull request.