moumenlab 是一套精心设计的日常 React + Tailwind CSS v4 组件集合,以「少即是多」的理念重新构想,并通过 shadcn 注册表分发。

Stars

99

7 天增长

暂无数据

Fork 数

0

开放 Issue

0

开源协议

MIT

最近更新

2026-07-24

为什么值得关注

它强调动效优先、完全基于 Tailwind 的组件,你可以直接拥有源码,通过简单 CLI 或 shadcn 安装,无需运行时依赖。

适合谁使用

  • 使用 Tailwind CSS v4 的 React 开发者
  • 寻求即拿即用、可定制的 UI 组件的前端团队
  • shadcn/ui 生态的采用者
  • 希望避免额外运行时库的开发者

典型使用场景

  • 快速添加菜单、OTP 输入框、命令面板等组件到项目中
  • 从源码直接修改组件,避免包体积膨胀
  • 学习可中断、响应简化动效的动画模式
  • 基于共享 Tailwind 令牌构建设计系统

项目优势

  • 拥有源码 – 无运行时包,组件直接复制到项目内
  • 动效优先,动画可中断且支持减少动效设置
  • 完全 Tailwind CSS v4,无额外 CSS 文件,共享令牌自动合并
  • 展示站点提供短片、在线演示和源码,便于体验

使用前须知

  • 需要 React 19、Tailwind CSS v4 和 motion 库
  • 组件库较新,与大型集合相比数量较少
  • 依赖 shadcn 注册表格式,部分团队可能需要额外学习

README 快速开始

Getting Started

项目描述

A small lab of the components we build every day, rethought for better feel. Each one does one thing well, built in React and fully Tailwind, and available in the shadcn registry - copy the source

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

yetone
精选
yetone GitHub avatar

kill-ai-slop

Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

AI 与机器学习AI 智能体
493
RongleCat
精选
RongleCat GitHub avatar

grok-app

Grok App is a desktop command center built with Tauri 2 that wraps the local Grok Build CLI into a graphical workbench for managing sessions, projects, media, automations, and accounts.

AI 与机器学习AI 智能体
266
NUber-dev
精选
NUber-dev GitHub avatar

YTubic

A fast, responsive YouTube Music desktop client that bypasses webview wrappers by communicating directly with YouTube's InnerTube API and aggressively caching data for instant navigation and playback.

Web 开发前端框架
72