这个项目主要目的一方面是跟有技术追求和突破的小伙伴交流之用，一方面也有付费的部分专门帮助想在面试中需要亮点项目的伙伴。

✨ 🚀 打造让面试官眼前一亮的“高光项目”——最专业的Headless组件库实战课程

市面上所谓的“组件库教程”很多，但真正能让你写到简历里、让面试官眼前一亮，少之又少。 $$ 这不只是一门教程，而是一次从“开发者”到“架构者”的思维升级。

📈 面试突围利器

专为缺少“亮点项目”的前端人设计。学完即可拥有一个完整、深度、可讲性极强的高光项目，轻松应对“你做过最有挑战的项目是什么？”这类灵魂拷问。

🛠️ 技术全覆盖，实战为王

从 Headless 逻辑抽象 到使用 CSS/Tailwind 封装样式，你将系统掌握现代化组件库的全链路开发技能，无缝衔接日常业务开发。

🧩 源码级品质，生产级标准

每个组件的设计都深度参考并融合了多个优秀开源方案（如字节 Arco Design、腾讯 TDesign，以及 Floating UI、Hero UI、Chakra UI、shadcn/ui 等）。我不仅研究它们，还为部分项目贡献过代码（Issue & PR）。所有代码均由我一人高标准完成，确保架构清晰、逻辑严谨，完全达到线上项目使用标准。

💡 开源见证，实力无虚

项目完全开源。不靠说教，靠代码。欢迎你将本项目的代码实现、架构设计与任何市面项目对比，高下立判。

👨‍💻 关于我

我是一名持续深耕前端、热爱技术创造的开发者。不止于 React，未来规划中已包含 Vue 版本，并将持续拓展至前端二维动画（Motion、GSAP）、Node.js 生产级论坛、AI Agent 应用等前沿领域。

我坚信英语是前端开发者打破天花板的钥匙，已坚持每日学习一小时超一年，目标实现技术交流无障碍。我也希望借此项目探索一条属于国内开发者的、不受年龄限制的可持续职业路径, 欢迎一起交流！

🚪 如何开始？

免费技术交流群：欢迎所有前端开发者，畅聊任何技术问题。

付费答疑群：专为课程学员设立，提供一对一代码级解答与面试项目亮点包装指导，帮你把学习效果最大化。

微信：a2298613245

如果这个项目能帮到你，或你有任何想法，欢迎加入我们。让我们一起，用扎实的项目，敲开更好的职业大门。

注：组件还在不断拓展中...第一期会迁移之前的 mx-design 的所有组件到这里。最终会完成对标市面主流组件库的所有组件。

启动 React 的 next.js 项目

安装 npm 包

pnpm i

进入到 next.js 项目文件夹

cd apps/react-pc-website

启动项目

pnpm dev

补充

headless react 版本，在 packages/react 文件夹下