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

[geist]

什么是 Geist

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

预览

-- 有什么可以做的 --

*尝试一次*

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


*贡献代码*

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

*分享*

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

[creanme]

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

[dahuicha]

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

[tousfun]

挺好看的

[scyuns]

star 了 谢谢 op

[siknet]

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

[LeoJ]

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

[Jafee]

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

[also24]

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

[a132811]

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

[geist]

@a132811
有的。
如果你正在使用 Webpack 5+ / NextJS 11+ / CRA 5+ 或其他 esbuild 解决方案即可自动 tree-shaking ，如果是以前的脚手架会自动引用 CJS ，但可以用 babel 插件，参考： https://geist-ui.dev/zh-cn/guide/bundle-size 。

[neoz]

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

[gen900]

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

[SuperMild]

很不错呀，打算用了！

[shanex]

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

[kunkunzhang]

NextUI 官网有提到 based on GeistUI

[Macolor21]

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

[geist]

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

[geist]

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

[a132811]

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

[geist]

@a132811 不太懂你的意思，上面有回复过：支持 ES Module ，如果你的脚手架环境支持引入 esm 那么就可以自动引入 esm 。(参考： https://cdn.jsdelivr.net/npm/@geist-ui/[email protected]/esm/index.js)

[a132811]

@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]

@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]

之前搜类似 Vercel 的 UI 组件时，看到了 NextUI ，里面有提到过借鉴了 Geist

[murmur]

桌面端调用 modal 是移动端风格，有点奇怪

[sewer]

@Macolor21 老哥我想看看你的 KPI

[ginakira]

已经在用了，好评，极简性冷淡风实在太对胃口了（ doge ）

[g0thic]

zeit design 我之前也写了一个来着 结果人家公司都改名了 还没写完 后面就算了。