EZ Design

An enterprise-class UI design language and React UI library.

English | Português | 简体中文 | Українською

✨ Features

• 🌈 Enterprise-class UI designed for web applications.
• 📦 A set of high-quality React components out of the box.
• 🛡 Written in TypeScript with predictable static types.
• ⚙️ Whole package of design resources and development tools.
• 🌍 Internationalization support for dozens of languages.
• 🎨 Powerful theme customization in every detail.

🖥 Environment Support

• Modern browsers and Internet Explorer 11 (with polyfills)
• Server-side Rendering
• Electron

IE / Edge	Firefox	Chrome	Safari	Electron
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

📦 Install

npm install @ezviz/ezd

yarn add @ezviz/ezd

🔨 Usage

import { Button, DatePicker } from '@ezviz/ezd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);

And import style manually:

import '@ezviz/ezd/dist/@ezviz/ezd.css'; // or '@ezviz/ezd/dist/@ezviz/ezd.less'

TypeScript

ezd is written in TypeScript with complete definitions, check Use in TypeScript to get started.

🌍 Internationalization

Dozens of languages supported in ezd, see i18n.

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Or clone locally:

$ git clone git@github.com:ezviz-saas/ezviz-design-master
$ cd ezviz-design-master
$ npm install
$ npm start

Open your browser and visit http://127.0.0.1:8001