Giter Site home page Giter Site logo

bull-design's Introduction

仿Antd组件库

本项目模仿ant-design设计自己的组件库bull-design,目的是为了提高组件设计能力。

技术栈:React Hooks + Typescript + axios + scss + jest
下载依赖:

npm install

启动Story book

npm run storyBook

也可以在自己的项目中使用下面的命令下载组件库

npm i bull-design

组件文档地址,使用netiffy自动部署的地址,推荐使用Chrome浏览器观看,可能需要外网才能看, 后面会在阿里云服务器上部署
bull-design文档
计划完成的组件以及进度

  • Button : 按钮组件 (已完成)
  • Alert : 消息提示组件(已完成)
  • Menu : 菜单组件,包括MenuItem和SubMenu(已完成)
  • Tabs : 选项卡组件,包括TabItem(已完成)
  • Icon : 图标组件,计划封装FontAwesome图标完成Icon组件(已完成)
  • Modal : 对话框(完成大体内容,需要优化动画)
  • Input : 输入框(已完成)
  • Select : 选择器(完成基本骨架)
  • AutoComplete : 根据输入框的内容自动提示信息(已完成)
  • Upload : 上传(完成)
  • Carousel : 走马灯(轮播图)组件(基本完成,需要优化ScrollX动画的逻辑)
  • Drawer :抽屉组件
  • Table : 表格
  • Calender : 日历组件
  • MarkDown : MarkDown 编辑器

以及添加StoriesBook 完成组件文档化(未完成)
最后计划上传至npm,可以利用下面命令下载使用(已完成)

bull-design's People

Contributors

alanfliu avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.