node package manager
We need your input. Help make JavaScript better: Take the 2017 JavaScript Ecosystem survey »



Beaute is a css library based on the Nature Design specification. [] (

How to usage

<link rel="stylesheet" href="">
<link rel="stylesheet" href="">


Example usage

<button class="btn">重置</button>
<button class="btn btn_default">默认</button>
<button class="btn btn_weaken">弱化</button>
<button class="btn btn_default btn_sm">small</button>
<button class="btn btn_weaken btn_sm">small</button>

example btn



Running locally

  • git clone
  • cd Beaute/
  • npm install
  • npm start and open http://localhost:3001/


Details see


Beaute is maintained under the Semantic Versioning guidelines

Change Log


  • 第一次版本发布,table, button, form, avatar, search, tab, modal, modaless, progressbar, paging, dropdown, navigation, sidebar, tooltip, panel, miltiselcet, areaselect, userselect, tree, loading等组件样式
  • 文档初稿和平台

ChangeLog Detail

Contributing to Beaute

Create an Issue

Issues Pro Tips

  • Check existing issues
  • Be clear
  • Link to demos
  • Paste error output

Pull Request

Pull Request Pro Tips

  • Fork the repository
  • Create a branch for your edits
  • Be clear
  • It's best to test
  • Include screenshots
  • Contribute in the style of the project