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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 995 天前的主题，其中的信息可能已经有所发展或是发生改变。

什么是 Geist

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

预览

-- 有什么可以做的 --

*尝试一次*

Geist 包含完整的中文文档，各位中文社区的同学可以在做 side-project 时试试。


*贡献代码*

Geist 已维护超过 18 个月，有固定的 Slack 同步开源工作内容，最近正在筹备下一个大版本的内容。欢迎用爱发电的小伙伴来社区一起耍。

*分享*

非常欢迎已经使用的小伙伴分享你的开源佳作，我非常乐意将你的作品放在 Geist 仓库首页，或是在 Slack 中记录你的链接。

geist

开源

Slack

预览

27 条回复 • 2022-02-28 14:43:02 +08:00

creanme

2022-02-18 22:21:54 +08:00

支持大佬（不过不太喜欢这 UI

dahuicha

2022-02-18 22:24:59 +08:00

用爱发电的他真是太温柔了，我哭死，请大家多多支持！

tousfun

2022-02-19 04:37:49 +08:00 via iPhone

挺好看的

scyuns

2022-02-19 09:41:57 +08:00

star 了谢谢 op

siknet

2022-02-19 09:58:37 +08:00

楼主你的站用的啥文档系统?

LeoJ

2022-02-19 10:34:59 +08:00

这个必须支持啊~ 建议 git 托管个 livedemo ，更直观些~

Jafee

2022-02-19 11:30:43 +08:00

项目很赞，很早之前就关注了。

also24

2022-02-19 18:39:17 +08:00

@LeoJ #6
楼主的文档站里不是有嘛
https://geist-ui.dev/zh-cn/components/text

a132811

2022-02-19 20:04:44 +08:00

没有提供 esm 吧？
我有一个基于 alephjs 项目倒想用一下

geist

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

2022-02-19 20:55:34 +08:00

一直在使用，觉得很赞！感谢作者的输出👍

gen900

2022-02-20 07:43:10 +08:00 via iPhone

看名字还以为是[Gatsby]( https://www.gatsbyjs.com)

SuperMild

2022-02-20 10:34:22 +08:00

很不错呀，打算用了！

shanex

2022-02-20 13:54:50 +08:00 via Android

已经有很多成熟的组件库了，大佬为啥要再造一个，

kunkunzhang

2022-02-21 00:58:31 +08:00

NextUI 官网有提到 based on GeistUI

Macolor21

2022-02-21 08:46:47 +08:00 via iPhone

@shanex 为了简历好看，为了拿更好的待遇

geist

2022-02-21 10:03:41 +08:00

@shanex 为了寻找一些不一样的解决方案和理想的 Geek 风格。

geist

2022-02-21 10:04:47 +08:00

@Macolor21 用阴谋论来推断别人的动机是不太友好的，我相信大部分人去建设 OSS 都是为了爱，至少我是很喜欢： https://unix.bio/fixed/projects

a132811

2022-02-21 12:27:40 +08:00

@geist alephjs/deno 没有 build 的，import anywhere ，抛弃了 webpack/rollup/babel 。
不支持 esm 还要手动转，有点麻烦

geist

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

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

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 内查找答案。