arkd

React components library

Usage no npm install needed!

<script type="module">
  import arkd from 'https://cdn.skypack.dev/arkd';
</script>

README

Ark Design

一套个人级 React UI 组件库。

English | 简体中文

✨ 特性

  • 🌈 提炼自我个人审美缺失的交互语言和视觉风格。
  • 📦 开箱即用的个人开发 React 组件。
  • 🛡 使用 TypeScript 开发,提供完整的类型定义文件(我确实用了)。
  • ⚙️ 全链路开发和设计工具体系(我尽力)。
  • 🌍 数十个国际化语言支持(这个确实得删了)。
  • 🎨 深入每个细节的主题定制能力(我尽力)。

🖥 兼容环境

  • 现代浏览器和 IE11
IE / Edge Firefox Chrome Safari Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 安装

npm install arkd --save
yarn add arkd

🔨 示例

import { Button, Input } from 'arkd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <Input />
  </>
);

引入样式:

import 'arkd/dist/index.css';

🛡 TypeScript

推荐在 TypeScript 中使用,类型提示太爽了!

🌍 国际化

Black Lives Matter.

⌨️ 本地开发

克隆到本地开发:

$ git clone git@github.com:yangdepp/ark.git
$ cd ark
$ yarn install
$ yarn start

打开浏览器访问 http://127.0.0.1:3000

🤝 参与共建

欢迎欢迎Issue PR

👥 社区互助

  • 👥 公司联系人: 不宜外传。
  • ☎️ 电话号码: 暂时保密。
  • 📶 电报挂号: 无可奉告。
  • ⚙️ 单位地址: 打一枪换一个地方