V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
WittBulter
V2EX  ›  分享创造

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

  •  2
     
  •   WittBulter · 2019-05-07 17:43:09 +08:00 · 9573 次点击
    这是一个创建于 2023 天前的主题,其中的信息可能已经有所发展或是发生改变。

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