快速搭建官网或落地页（非 AI）

[qzhai]

分享一下我是如何快速搭建一个稍微好看一点的落地页或者官网。

举例 https://jvmao.net/

方法： 搜寻了一堆组件库，直接拼起来就可以。 但是这些组件库并非是原子组件库（比如有按钮、输入框、表单、表格这种我习惯叫他们原子组件库）。 而是业务组件库，直接按照 页头、页脚、Hero 、about 、faq 等做区分的，可以直接拼接。

我搜寻的基本上都是基于 react + tailwindcss 。并且安装并非在 node_modules 里，而是会直接安装在 components 里，也就是说基本上除了 tailwindcss 以及一些动画效果会用到 motion ，没有其他依赖， 并且是单个组件单个安装，不冗余。也很方便二次开发。

目前搜集的集合

https://n.mumingfang.com/framework-language#term-247 （导航站 - 前端 -框架语言（需要点击去） - 落地页组件）

特别推荐

https://magicui.design/?ref=n.mumingfang.com https://ui.aceternity.com/?ref=n.mumingfang.com

---

其中还有一些 纯 tailwindcss 组件，没有交互和动效，可以直接复制代码

https://tailspark.co/components?ref=n.mumingfang.com https://tailblocks.cc/?ref=n.mumingfang.com

当然如果你也有收藏类似的欢迎评论区提交

[qzhai]

基本上也都支持 next

[foufoufm]

感谢分享，希望细聊

[foufoufm]

@qzhai 仔细又看了一遍，业务组件库固然可以，但有的情况下可能多余或者少了，这个时候怎么调整呢？

[qzhai]

@foufoufm 二次开发呀，多了就删除，少了自己加

[foufoufm]

@qzhai soga ，不知道二开的难度大吗， 需要熟悉已有的业务组件写法及逻辑

[qzhai]

@foufoufm 额。。推荐的都是颗粒度非常低的组件，基本上看一下就能知道是咋回事的程度