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

另一个极客风格的 React UI 库

  •  
  •   WittBulter · 2020-03-30 06:48:23 +08:00 · 7064 次点击
    这是一个创建于 1697 天前的主题,其中的信息可能已经有所发展或是发生改变。

    和其他所有 zeit-ui 的项目一样,它也是来自于 ZEIT Design 的实现。

    额外的声明:zeit-ui 是一个非官方的 UI 组织,所有的项目都是开源的。


    UI 组件

    • 目前包含了 33+ 组件,预计在未来几周内还会增加一些组件
    • 支持服务端渲染、自定义主题
    • 所有组件有完整的文档站点
    • 所有组件都是函数组件,支持 TypeScript 与 React Hooks
    • 非常酷的极客风格,也支持黑暗主题

    建议

    zeit-ui/react 有着非常出色的排版、基础元素、组合效果等,非常适用于个人博客、文档站点或者任何极客风格的主页。它没有复杂的交互逻辑,但也因此确保了设计元素能在大多数场景下原汁原味的表现力。当然,你也可以把它和任何已有的组件库组合使用。


    预览

    demo-1

    demo-2

    19 条回复    2020-04-04 20:04:22 +08:00
    mikulch
        1
    mikulch  
       2020-03-30 07:36:11 +08:00 via iPhone
    可惜就是什么都好,唯独没有分页组件,现在项目进行不下去啦
    WittBulter
        2
    WittBulter  
    OP
       2020-03-30 09:47:39 +08:00
    @mikulch
    已经回复过你好几次了。
    主要是原来的设计稿里面没有分页这个概念,所以实现上不能单独做一个。你可以选择:
    1. 用我们提供的 `useTheme` 功能自己实现一个
    2. 和其他包含分页的组件库组合使用
    3. 在 zeit 的 spectrum 上询问这些设计元素有没有 roadmap
    misaka19000
        3
    misaka19000  
       2020-03-30 13:14:14 +08:00
    没有分页好可惜
    qiguai2017
        4
    qiguai2017  
       2020-03-30 23:47:38 +08:00
    这离极客差好玩
    Lxxyx
        5
    Lxxyx  
       2020-03-31 00:13:24 +08:00 via iPhone
    赞,准备找一下有没有 sketch 的组件稿子,然后用 Zeit UI 设计官网了
    loading
        6
    loading  
       2020-03-31 10:36:15 +08:00
    请楼主解析一下什么叫极客风格。
    binbinyouliiii
        7
    binbinyouliiii  
       2020-03-31 13:01:34 +08:00 via Android
    你说简约风格我还算认同
    xingyuc
        8
    xingyuc  
       2020-03-31 13:40:27 +08:00   ❤️ 3
    keelii
        9
    keelii  
       2020-03-31 13:53:46 +08:00
    代码写的挺漂亮的,表里如一的 UI 库。能顺便来个分享《如何开发一套 React UI 组件库》就更赞了~
    banricho
        10
    banricho  
       2020-03-31 15:08:59 +08:00
    别问 问就是阿东老师无敌
    iamdqncoder
        11
    iamdqncoder  
       2020-03-31 15:36:16 +08:00
    @xingyuc 这个好棒啊
    xingyuc
        12
    xingyuc  
       2020-03-31 15:39:51 +08:00
    @iamdqncoder 收藏好久的
    allanwell
        13
    allanwell  
       2020-03-31 15:57:58 +08:00
    额,我跟楼主对极客风格的理解偏差很大啊。。。
    jrtzxh020
        14
    jrtzxh020  
       2020-03-31 16:36:35 +08:00
    @mikulch 一个分页插件就让项目进行不下去了?自己造个 或者 去别的代码搬一个 很简单吧。。
    sdttttt
        15
    sdttttt  
       2020-03-31 16:41:03 +08:00
    极简风格 ✔
    jason19659
        16
    jason19659  
       2020-03-31 17:00:54 +08:00
    维特可以的
    littleylv
        17
    littleylv  
       2020-03-31 20:13:22 +08:00
    楼主是怎么定义“极客风格”的
    Heanes
        18
    Heanes  
       2020-03-31 22:18:22 +08:00
    @xingyuc 这两个就真的比较极客了
    creanme
        19
    creanme  
       2020-04-04 20:04:22 +08:00
    代码写的很漂亮
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   973 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 21:42 · PVG 05:42 · LAX 13:42 · JFK 16:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.