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

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

## 介绍

### 关于

`@geist-ui/react` 是以 <Link rel="nofollow" target="_blank" href="https://github.com/geist-org/style">Geist 样式库</Link> 为基础实现的 React 版本，
灵感来自于 <Link rel="nofollow" target="_blank" href="https://vercel.co/design">Vercel 的设计稿</Link>。

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

Geist UI 一个用于构建现代网站和应用程序的开源设计系统，且所有项目都是开源的。

<Spacer y={3} />

### 联系我们

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

<Spacer y={3} />

### 开源许可

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

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