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

开源项目 Geist 推荐大家尝尝鲜

  •  4
     
  •   geist · 2022-02-18 21:34:55 +08:00 · 7572 次点击
    这是一个创建于 1012 天前的主题,其中的信息可能已经有所发展或是发生改变。

    什么是 Geist

    Geist 是一个用于构建现代化 Web 应用的设计系统 ( React 组件库 😅),有着非常浓厚的 Geek 风格。与常见的组件库相比,在文字排版、明暗色彩、定制伸缩组件上颇有不同,对于个人站点、着陆页、个人项目的宣传页面来说是非常不错的选择。

    预览

    预览图

    -- 有什么可以做的 --
    
    *尝试一次*
    
    Geist 包含完整的中文文档,各位中文社区的同学可以在做 side-project 时试试。
    
    
    *贡献代码*
    
    Geist 已维护超过 18 个月,有固定的 Slack 同步开源工作内容,最近正在筹备下一个大版本的内容。欢迎用爱发电的小伙伴来社区一起耍。
    
    *分享*
    
    非常欢迎已经使用的小伙伴分享你的开源佳作,我非常乐意将你的作品放在 Geist 仓库首页,或是在 Slack 中记录你的链接。
    
    
    27 条回复    2022-02-28 14:43:02 +08:00
    creanme
        1
    creanme  
       2022-02-18 22:21:54 +08:00
    支持大佬(不过不太喜欢这 UI
    dahuicha
        2
    dahuicha  
       2022-02-18 22:24:59 +08:00   ❤️ 4
    用爱发电的他真是太温柔了,我哭死,请大家多多支持!
    tousfun
        3
    tousfun  
       2022-02-19 04:37:49 +08:00 via iPhone
    挺好看的
    scyuns
        4
    scyuns  
       2022-02-19 09:41:57 +08:00
    star 了 谢谢 op
    siknet
        5
    siknet  
       2022-02-19 09:58:37 +08:00
    楼主你的站用的啥文档系统?
    LeoJ
        6
    LeoJ  
       2022-02-19 10:34:59 +08:00   ❤️ 1
    这个必须支持啊~ 建议 git 托管个 livedemo ,更直观些~
    Jafee
        7
    Jafee  
       2022-02-19 11:30:43 +08:00
    项目很赞,很早之前就关注了。
    also24
        8
    also24  
       2022-02-19 18:39:17 +08:00   ❤️ 1
    @LeoJ #6
    楼主的文档站里不是有嘛
    https://geist-ui.dev/zh-cn/components/text
    a132811
        9
    a132811  
       2022-02-19 20:04:44 +08:00
    没有提供 esm 吧?
    我有一个基于 alephjs 项目倒想用一下
    geist
        10
    geist  
    OP
       2022-02-19 20:20:47 +08:00
    @a132811
    有的。
    如果你正在使用 Webpack 5+ / NextJS 11+ / CRA 5+ 或其他 esbuild 解决方案即可自动 tree-shaking ,如果是以前的脚手架会自动引用 CJS ,但可以用 babel 插件,参考: https://geist-ui.dev/zh-cn/guide/bundle-size
    neoz
        11
    neoz  
       2022-02-19 20:55:34 +08:00   ❤️ 1
    一直在使用,觉得很赞!感谢作者的输出👍
    gen900
        12
    gen900  
       2022-02-20 07:43:10 +08:00 via iPhone
    看名字还以为是[Gatsby]( https://www.gatsbyjs.com)
    SuperMild
        13
    SuperMild  
       2022-02-20 10:34:22 +08:00
    很不错呀,打算用了!
    shanex
        14
    shanex  
       2022-02-20 13:54:50 +08:00 via Android
    已经有很多成熟的组件库了,大佬为啥要再造一个,
    kunkunzhang
        15
    kunkunzhang  
       2022-02-21 00:58:31 +08:00
    NextUI 官网有提到 based on GeistUI
    Macolor21
        16
    Macolor21  
       2022-02-21 08:46:47 +08:00 via iPhone   ❤️ 2
    @shanex 为了简历好看,为了拿更好的待遇
    geist
        17
    geist  
    OP
       2022-02-21 10:03:41 +08:00
    @shanex 为了寻找一些不一样的解决方案和理想的 Geek 风格。
    geist
        18
    geist  
    OP
       2022-02-21 10:04:47 +08:00
    @Macolor21 用阴谋论来推断别人的动机是不太友好的,我相信大部分人去建设 OSS 都是为了爱,至少我是很喜欢: https://unix.bio/fixed/projects
    a132811
        19
    a132811  
       2022-02-21 12:27:40 +08:00
    @geist alephjs/deno 没有 build 的,import anywhere ,抛弃了 webpack/rollup/babel 。
    不支持 esm 还要手动转,有点麻烦
    geist
        20
    geist  
    OP
       2022-02-21 12:45:55 +08:00
    @a132811 不太懂你的意思,上面有回复过:支持 ES Module ,如果你的脚手架环境支持引入 esm 那么就可以自动引入 esm 。(参考: https://cdn.jsdelivr.net/npm/@geist-ui/[email protected]/esm/index.js)
    a132811
        21
    a132811  
       2022-02-21 17:29:10 +08:00
    @geist 遇到一点 error
    error: TS2304 [ERROR]: Cannot find name 'ScrollToOptions'.
    scrollTo?: (options?: ScrollToOptions) => void;
    ~~~~~~~~~~~~~~~
    at https://cdn.esm.sh/v66/@geist-ui/[email protected]/esm/select/select.d.ts:6:27
    geist
        22
    geist  
    OP
       2022-02-21 18:36:34 +08:00
    @a132811

    `select.d.ts` 是一个类型文件,`ScrollToOptions` 是 DOM 全局类型,你需要在你的 `tsconfig` 中指定 `lib: ["dom"]` 以确认当前 TS 应用包含 `lib.dom.d.ts` 类型 (可用 DOM 接口)。
    对于刚开始使用 TS 的开发者可以参考: https://stackoverflow.com/questions/42603783/missing-basic-dom-types-in-typescript-project

    ----
    另外,后续有问题建议在 GitHub 创建一个 Issue ,这样回答之后可以被索引,其他人有类似问题可以在 issues 内查找答案。
    waldentree
        23
    waldentree  
       2022-02-21 22:56:25 +08:00 via Android
    之前搜类似 Vercel 的 UI 组件时,看到了 NextUI ,里面有提到过借鉴了 Geist
    murmur
        24
    murmur  
       2022-02-22 09:51:16 +08:00
    桌面端调用 modal 是移动端风格,有点奇怪
    sewer
        25
    sewer  
       2022-02-22 10:26:46 +08:00
    @Macolor21 老哥我想看看你的 KPI
    ginakira
        26
    ginakira  
       2022-02-25 22:15:43 +08:00
    已经在用了,好评,极简性冷淡风实在太对胃口了( doge )
    g0thic
        27
    g0thic  
       2022-02-28 14:43:02 +08:00
    zeit design 我之前也写了一个来着 结果人家公司都改名了 还没写完 后面就算了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3464 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:04 · PVG 19:04 · LAX 03:04 · JFK 06:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.