Geist 是一个用于构建现代化 Web 应用的设计系统 ( React 组件库 😅),有着非常浓厚的 Geek 风格。与常见的组件库相比,在文字排版、明暗色彩、定制伸缩组件上颇有不同,对于个人站点、着陆页、个人项目的宣传页面来说是非常不错的选择。
-- 有什么可以做的 --
*尝试一次*
Geist 包含完整的中文文档,各位中文社区的同学可以在做 side-project 时试试。
*贡献代码*
Geist 已维护超过 18 个月,有固定的 Slack 同步开源工作内容,最近正在筹备下一个大版本的内容。欢迎用爱发电的小伙伴来社区一起耍。
*分享*
非常欢迎已经使用的小伙伴分享你的开源佳作,我非常乐意将你的作品放在 Geist 仓库首页,或是在 Slack 中记录你的链接。
1
creanme 2022-02-18 22:21:54 +08:00
支持大佬(不过不太喜欢这 UI
|
2
dahuicha 2022-02-18 22:24:59 +08:00 4
用爱发电的他真是太温柔了,我哭死,请大家多多支持!
|
3
tousfun 2022-02-19 04:37:49 +08:00 via iPhone
挺好看的
|
4
scyuns 2022-02-19 09:41:57 +08:00
star 了 谢谢 op
|
5
siknet 2022-02-19 09:58:37 +08:00
楼主你的站用的啥文档系统?
|
6
LeoJ 2022-02-19 10:34:59 +08:00 1
这个必须支持啊~ 建议 git 托管个 livedemo ,更直观些~
|
7
Jafee 2022-02-19 11:30:43 +08:00
项目很赞,很早之前就关注了。
|
8
also24 2022-02-19 18:39:17 +08:00 1
|
9
a132811 2022-02-19 20:04:44 +08:00
没有提供 esm 吧?
我有一个基于 alephjs 项目倒想用一下 |
10
geist OP @a132811
有的。 如果你正在使用 Webpack 5+ / NextJS 11+ / CRA 5+ 或其他 esbuild 解决方案即可自动 tree-shaking ,如果是以前的脚手架会自动引用 CJS ,但可以用 babel 插件,参考: https://geist-ui.dev/zh-cn/guide/bundle-size 。 |
11
neoz 2022-02-19 20:55:34 +08:00 1
一直在使用,觉得很赞!感谢作者的输出👍
|
12
gen900 2022-02-20 07:43:10 +08:00 via iPhone
看名字还以为是[Gatsby]( https://www.gatsbyjs.com)
|
13
SuperMild 2022-02-20 10:34:22 +08:00
很不错呀,打算用了!
|
14
shanex 2022-02-20 13:54:50 +08:00 via Android
已经有很多成熟的组件库了,大佬为啥要再造一个,
|
15
kunkunzhang 2022-02-21 00:58:31 +08:00
NextUI 官网有提到 based on GeistUI
|
18
geist OP @Macolor21 用阴谋论来推断别人的动机是不太友好的,我相信大部分人去建设 OSS 都是为了爱,至少我是很喜欢: https://unix.bio/fixed/projects
|
19
a132811 2022-02-21 12:27:40 +08:00
@geist alephjs/deno 没有 build 的,import anywhere ,抛弃了 webpack/rollup/babel 。
不支持 esm 还要手动转,有点麻烦 |
20
geist OP @a132811 不太懂你的意思,上面有回复过:支持 ES Module ,如果你的脚手架环境支持引入 esm 那么就可以自动引入 esm 。(参考: https://cdn.jsdelivr.net/npm/@geist-ui/[email protected]/esm/index.js)
|
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 |
22
geist OP @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 内查找答案。 |
23
waldentree 2022-02-21 22:56:25 +08:00 via Android
之前搜类似 Vercel 的 UI 组件时,看到了 NextUI ,里面有提到过借鉴了 Geist
|
24
murmur 2022-02-22 09:51:16 +08:00
桌面端调用 modal 是移动端风格,有点奇怪
|
26
ginakira 2022-02-25 22:15:43 +08:00
已经在用了,好评,极简性冷淡风实在太对胃口了( doge )
|
27
g0thic 2022-02-28 14:43:02 +08:00
zeit design 我之前也写了一个来着 结果人家公司都改名了 还没写完 后面就算了。
|