如何做一个贼 NB 的网站？

收集了一些网站、资源和库，用于做出一个很 NB 的网站

「1」灵感

找图片

Pinterest
这是个免费的图片素材网站，图片都能免费下载，还有强大的算法推荐符合你兴趣的图片。

找 NB 网站

通用

Awwwards - Website Awards - Best Web Design Trends
收集了一些高质量的网站，提供了配色说明，有分类，有榜单

Curated web design inspiration catalog
分类齐全

首屏

Your go-to for design inspiration | Landing Gallery
收集了很多 landing page 设计

Supahero - Website hero section library
同样也是网站首屏

暗色模式

Dark Themed Web Design Inspiration
专门收集了一堆暗色模式设计

「2」组件库

找思路

Trending - CodePen
做前端的几乎都知道 code pen 吧，一堆组件，量大管饱

上手即用

Introduction | Magic UI
这个就厉害了，提供了一堆组件和模版，还能很方便的接触到源码。它还有自己的 MCP Server，能让你很方便的集成进自己的 AI Editor 里。

Introduction - Cult UI - Shadcn Templates & Components
专门为 React 组件式开发定制的一个组件集合，有对源码的拆解和使用说明。

Components - Aceternity UI
和上面很像

「3」3D 效果

两个技术，可以学

Three.js – JavaScript 3D Library

Introduction - React Three Fiber

「4」低代码

无代码开发

拖拖拽拽也成了一个网站

Framer

WebFlow

SSG

静态博客框架

文档 | Hexo
社区沉淀深厚，模板众多，尤其是中文社区，我的第一个个人网站就来源于此。但是由于比较老了，里面很多插件什么的也不再有人维护。

The world’s fastest framework for building websites
号称世界最快，也是比较新的东西。有一定技术力的小伙伴推荐从这个上手。

静态 DOCS 框架

Tip

一些 docs 框架也可以用来构建博客

全生态

Astro
这个规模做的算是最大的了，文档很好，社区很活跃，各种框架都支持。

vue 生态

首页 | VuePress
若你的技术栈在 Vue，可以一试。里面有一个挺出名的主题：
vuepress-theme-hope
比较著名的一个开源的服务器文件管理工具 alist 似乎用的就是这个。

VitePress
基于 vite 和 vue3 生态的新一代 Docs SSG。

react 生态

Nextra – Next.js Static Site Generator
基于 Nextjs 的东西，默认主题很符合我的个人审美，我自己的文档站点就基于此。
但是他使用文档写的是真简略，而且官方站点居然没有中译，上手还是有点难度的（如果你没 nextjs 经验）。

Build optimized websites quickly, focus on your content | Docusaurus
和 nextra 挺像，但是文档和社区支持更丰富。