UI

Free Web User Interface Kit

doUI 让前端开发更快速、简单。极简,不是内在的空洞,而是视觉的外在,也是我们的追求的理念, 丰富的内在也是我们不懈的追求。
基础样式/色调

更少的代码, 让你的工作更加高效

Todo 示例
  • {{$index + 1}}、 {{el.value}}
  • 暂无待办事项
<anot-input icon="pin" placeholder="请输入待办事项, 然后回车" :value="input"  @submit="add-todo"></anot-input>
<ul class="list">
  <li :for="list" :class="{done: el.done}">
    <span :click="done(el)">{{$index + 1}}、 {{el.value}}</span>
    <i class="do-icon-close" :click="$remove()"></i>
  </li>
  <li :if="list.size() < 1">暂无待办事项</li>
</ul>

<script>
  Anot({
    $id: 'demo',
    state: {
      input: '',
      list: [{ value: '待办事项示例1', done: true }]
    },
    methods: {
      onSubmit(){
        if (this.input.trim()) {
          this.list.push({ value: this.input.trim(), done: false })
          this.input = ''
        }
      },
      done(item){
        item.done = !item.done
      }
    }
  })
</script>
      

最接近原生体验的语法, 快速上手, 学习成本低, 1天即可上手

多平台适配, 一套代码, 兼容多种分辨率, 让你的精力花在业务上

最小化组件机制, 通过API实现拓展性

作者有话要说

宇天

日渐混乱、复杂的前端社区, 很多人有意或无意都在随大流。而Anot/doui, 坚守初心, 回归纯朴, 追寻于最接近原生态的体验, 以至简诠释高效...
GayHub Gitee
设计理念

回归纯朴

简化API,高效使用

极致简洁, 丰富内在

扁平化,现代化的UI

保持原生js的语法体验

加入我们

如果, 你也是一位追求极简的前端;

如果, 你也想为doUI添砖加瓦;

如果, 你也是一个有将军梦的裁缝。

那么, 欢迎加入我们的团队!

 

Email to: yutent@doui.cc