import Layout from 'lib/components/layout'
import { Code, Link, Text, Spacer, Note } from 'components'

export const meta = {
  title: '什么是 ZEIT UI',
  group: '快速上手',
  index: 5,
}


## 介绍

### 什么是 ZEIT UI - React

`@zeit-ui/react` 是对 <Link rel="nofollow" target="_blank" href="https://github.com/zeit-ui/zeit-style">ZEIT 样式库</Link> 的一个 React 版本实现，
灵感来自于 <Link rel="nofollow" target="_blank" href="https://vercel.co/design">Vercel 的设计稿</Link>。

Vercel 的设计非常简洁美观，且有浓厚的 Geek 风格，这是 Vercel 如此受欢迎的重要原因，现在你可以在 React 中随意使用所有设计元素。

ZEIT UI 是非官方的组织，且所有项目都是开源的。

<Spacer y={3} />

### 联系我们

- <Link color target="_blank" rel="nofollow" href="https://spectrum.chat/zeit-ui/general?tab=posts">在 Spectrum 上聊天</Link>
- <Link color target="_blank" rel="nofollow" href="https://github.com/zeit-ui/react/issues/new">报告问题</Link>
- 我们非常欢迎来自任何人有趣的想法或反馈，也欢迎你贡献代码。

<Spacer y={3} />

### 开源许可

项目使用 [MIT LICENSE](https://github.com/zeit-ui/react/blob/master/LICENSE) 许可证。

export default ({ children }) => <Layout meta={meta}>{children}</Layout>
