For AI agents: the complete documentation index is available at https://ifhover.github.io/leaf-ui/v/0.6.0/llms.txt, the full documentation bundle is available at https://ifhover.github.io/leaf-ui/v/0.6.0/llms-full.txt, and this page is available as Markdown at https://ifhover.github.io/leaf-ui/v/0.6.0/index.md.
Leaf UI
  • 简体中文
      • 81 个 React 组件 · 开箱即用，随你定制

      Leaf UI让好想法，长成好界面。

      轻盈、好用、随你定制的 React 组件库。
      从按钮到表单，细节已经就位，接下来随你发挥。

      开始构建探索组件
      pnpm add @ifhover/leaf-ui
      React 18 / 19 · TypeScript · CSS Variables

      按你的节奏

      从一点简单的设置开始。

      只用来接收重要的项目消息。
      Leaf Studio 好想法，一起完成。
      12个新想法
      8位伙伴
      +18%

      Jamie 分享了新的灵感刚刚 · 品牌方向

      Sam 完成了第一个原型20 分钟前 · 产品设计

      每一步，都安心。

      输入验证码，开始你的下一段旅程。

      没有收到验证码？

      你的创作空间

      给好想法一点空间。

      和伙伴一起，把下一个产品做好。

      8 位伙伴，已经在路上
      找到同频的伙伴

      设计伙伴把灵感变成作品

      独立创造者一步步，做点不同

      好想法，记下来。

      保存当前设置，继续下一步。

      交互顺手，细节到位。

      清楚的状态反馈、自然的动效、完整的键盘操作。常用的交互，已经替你照顾好。

      你的品牌，自有风格。

      从主题色、圆角到深浅外观，几处设置就能融入你的产品。默认好看，也经得起定制。

      常用参数，只设一次。

      按钮样式、输入提示、弹窗防误关，一处配置，全站沿用。省去重复传参，个别组件仍可单独调整。

      了解组件默认值
      MAKE IT YOURS

      同一套组件，你的风格。

      颜色、圆角、外观和动效，都可以按产品的节奏调整。

      了解主题定制
      LIVE PREVIEW实时预览
      YOUR WORKSPACE

      找到适合你的节奏。

      从小小的交互开始，构建属于你的界面。

      项目提醒
      为下一个好想法，留一点空间。
      Solid
      Outline
      Danger
      Ghost

      你的风格，你来定义

      几个设置，就能长成你喜欢的样子。

      密度
      主题色Primary color
      交互动效
      利落圆润
      外观Appearance
      theme.tsx
      YOUR NEXT GOOD IDEA

      从一个细节，做到整个产品。

      表单、导航、反馈、数据展示。一起，把界面做好。

      查看全部组件