使用 Gravity 设计系统和库构建现代界面

GitHub
最近的更新
我们发布了 Page constructorBlog Constructor 库的主要版本。主要变化:Slider 现在使用 swiperjs;所有以前使用 html 内容的组件现在都支持 YFM。
我们发布了新的菜单组件,它是 Menu 和 DropdownMenu 的继承者。重新设计了外观;完全支持键盘导航;改进了可访问性。
我们在主题预览部分添加了两个新的界面示例。更多内容即将推出!

我们的图书馆

建立在现实生活体验之上
作为响应开发人员实际需求的内部解决方案,我们向开源社区发布了 Gravity。
一流的设计
经验丰富的设计师精心策划我们库的外观,确保组件时尚且一致,并支持深色模式和高对比度主题。
不断演变的生态系统
开发者社区的定期反馈使我们能够不断改进我们的库,只有在必要时才破坏兼容性。

例子

Accent
TitleCreated byUpdatedCreated
Weekly Sync28.06.202226.06.2022
Campaign brainstorm7.06.202216.06.2022
Logo redesign7.06.202220.06.2022

2025 年路线图

  • UIKit 迁移到浮动用户界面
  • Themer 1.5 支持将主题导出到 Figma 进行中
  • 页面生成器游乐场
  • Themer 2.0 主题目录

使用 Gravity UI 开始创作

npx create-next-app@latest my-app --example "https://github.com/gravity-ui/gravity-ui-nextjs-example"
cd my-app
npm run dev

贡献者

247

深受信赖