V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
WittBulter

极简 / 极客 / 酷,一个有意思的的 Vue UI 库: Zeit UI - Vue

  •  2
     
  •   WittBulter · May 7, 2019 · 10177 views
    This topic created in 2552 days ago, the information mentioned may be changed or developed.

    TL;DR

    • 这是一个受到 Zeit 启发,实现的 Zeit Design 的 Vue UI 库。(非官方)
    • 绝大部分的闪光点是设计师 (Evil Rabbit) 出色的理念与设计哲学。
    • 这个 Vue 库受到了 Zeit 的 Leader rauchg 在推特转发与点赞。
    • 它很酷。

    介绍

    最初我看到 Zeit 很多设计非常的酷,然后把它们用在了自己的一些项目上,后来经常有人问我这些设计是哪里来的才开始创建了一个 css style 的版本。后来我发现把这些样式写成 Vue UI 库也并不难,几个前端新人就这样构建了一个 zeit-ui/vue

    值得一提的是,这个 UI 库虽然很多地方有些过于极客,不适合用在系统型的项目上,但个人、博客、技术类相关的网站用它来构建是非常合适的。

    主要特点

    • 轻量级,无入侵,低成本。
    • 不堆砌 feature。
    • 有单独的 css 样式,可单独使用。
    • 真的很酷~

    项目的地址 @zeit-ui/vue,欢迎来试试。

    24 replies    2019-06-04 20:27:57 +08:00
    gzlock
        1
    gzlock  
       May 7, 2019 via Android
    showcase 那个链接怎么用?
    chenhonzhou
        2
    chenhonzhou  
       May 7, 2019
    真好看,
    WittBulter
        3
    WittBulter  
    OP
       May 7, 2019
    @gzlock 那个是 npm / github 上的包或 release 发布之后,输入名字可以查看包的树形结构和内容,点击一下可以 copy 一个 CDN 地址。
    有项目用到了 zeit-ui/vue 也可以提 PR 放在 showcase 下面展示的。
    bydgg
        4
    bydgg  
       May 7, 2019
    超级 cool
    mayuko2012
        5
    mayuko2012  
       May 7, 2019
    真好看!
    hello461380249
        6
    hello461380249  
       May 7, 2019
    赞!
    L1shen
        7
    L1shen  
       May 7, 2019
    的确很好看, 非常 Geek, 我在公司项目上已经用上了
    st2026
        8
    st2026  
       May 7, 2019
    有 react 版本的吗
    jerry12547
        9
    jerry12547  
       May 8, 2019
    star 一下 虽然我司用的是 element
    violence123456
        10
    violence123456  
       May 8, 2019
    好看,希望继续丰富组件库
    run2
        11
    run2  
       May 8, 2019
    好看, 但 zeit 应该是人家的 trademark 吧,改成类似的名字?
    WittBulter
        12
    WittBulter  
    OP
       May 8, 2019
    @dongcxcx - - 没有,不过好像社区里面有实现类似,你可以去 github 上搜搜看
    WittBulter
        13
    WittBulter  
    OP
       May 8, 2019
    @sobigfish 嗯,所以为了区别改成了 `zeit-ui`,主要还是想在 github 上用这个关键词搜索到。
    加一个 非官方 之类的介绍比较好。
    LeonKennedy
        14
    LeonKennedy  
       May 31, 2019
    好看是好看。每次看到这种高亮的。我眼睛都要看瞎了
    ab
        15
    ab  
       Jun 1, 2019 via iPhone
    漂亮
    ggicci
        16
    ggicci  
       Jun 1, 2019
    酷,有机会试用一下。
    creanme
        17
    creanme  
       Jun 1, 2019 via Android
    cooooooooooool
    loading
        18
    loading  
       Jun 1, 2019 via Android
    都说很漂亮,我连如何看都不知道,真是越来越落后了。
    WittBulter
        19
    WittBulter  
    OP
       Jun 1, 2019   ❤️ 1
    @loading git 的主页有一个文档地址可以看
    weixingna
        20
    weixingna  
       Jun 2, 2019
    怎么看效果啊
    shiny
        21
    shiny  
    PRO
       Jun 2, 2019
    mokeyjay
        22
    mokeyjay  
       Jun 2, 2019
    之前第一次知道 Zeit 时就觉得 UI 很极客,没想到现在还出第三方样式库了,点赞
    mmnsghgn
        23
    mmnsghgn  
       Jun 3, 2019
    我还好奇 checkbox 咋偏了,原来设计就是偏的,😄
    luckyrayyy
        24
    luckyrayyy  
       Jun 4, 2019
    看文档一度以为页面没加载完....
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1256 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 17:05 · PVG 01:05 · LAX 10:05 · JFK 13:05
    ♥ Do have faith in what you're doing.