40 Web Styles · One Dataset

Drug导航 · 40 种网页风格

同一份数据：394 个书签 / 27 个分类，做成 40 个独立的单页导航——每个页面一套完整视觉（字体、配色、圆角、阴影、密度、布局都不同），点进去就能用，右上角可随时切换到其它风格。数据、脚本、样式全部本地相对路径，离线可用。

🔍
极简主义 网页效果图
01 极简主义 Minimalism 卡片网格
瑞士国际主义 网页效果图
02 瑞士国际主义 Swiss / International 卡片网格
杂志编辑风 网页效果图
03 杂志编辑风 Editorial 杂志栏
玻璃拟态 网页效果图
04 玻璃拟态 Glassmorphism 卡片网格
便当盒布局 网页效果图
05 便当盒布局 Bento Grid 便当盒
新拟态 网页效果图
06 新拟态 Neumorphism 卡片网格
拟物主义 网页效果图
07 拟物主义 Skeuomorphism 卡片网格
粗野主义 网页效果图
08 粗野主义 Brutalism 卡片网格
新粗野主义 网页效果图
09 新粗野主义 Neo-Brutalism 便当盒
复古互联网 网页效果图
10 复古互联网 Retro Web 数据看板
千禧未来主义 网页效果图
11 千禧未来主义 Y2K 卡片网格
复古未来主义 网页效果图
12 复古未来主义 Retrofuturism 卡片网格
赛博朋克 网页效果图
13 赛博朋克 Cyberpunk 卡片网格
黑色科技极简 网页效果图
14 黑色科技极简 Dark Tech 分屏
3D 沉浸式 网页效果图
15 3D 沉浸式 3D / Immersive 卡片网格
动效主导 网页效果图
16 动效主导 Motion-first 卡片网格
极繁主义 网页效果图
17 极繁主义 Maximalism 便当盒
拼贴风 网页效果图
18 拼贴风 Collage 便当盒
手绘插画风 网页效果图
19 手绘插画风 Hand-drawn 卡片网格
像素游戏风 网页效果图
20 像素游戏风 Pixel 终端列表
包豪斯 网页效果图
21 包豪斯 Bauhaus 卡片网格
孟菲斯 网页效果图
22 孟菲斯 Memphis 便当盒
材料设计 网页效果图
23 材料设计 Material Design 卡片网格
程序员终端风 网页效果图
24 程序员终端风 Terminal UI 终端列表
数据看板 网页效果图
25 数据看板 Dashboard 数据看板
黏土拟物 网页效果图
26 黏土拟物 Claymorphism 卡片网格
等距插画 网页效果图
27 等距插画 Isometric 卡片网格
有机曲线 网页效果图
28 有机曲线 Organic Shapes 卡片网格
渐变网格 网页效果图
29 渐变网格 Gradient Mesh 卡片网格
线描插画 网页效果图
30 线描插画 Monoline 卡片网格
奢华极简 网页效果图
31 奢华极简 Luxury Minimal 卡片网格
日式侘寂 网页效果图
32 日式侘寂 Japandi 杂志栏
自然生态 网页效果图
33 自然生态 Eco / Nature 卡片网格
黑白摄影排版 网页效果图
34 黑白摄影排版 Monochrome Photo 杂志栏
抽象几何 网页效果图
35 抽象几何 Abstract Geometry 便当盒
叙事滚动 网页效果图
36 叙事滚动 Scrollytelling 分屏
分屏构成 网页效果图
37 分屏构成 Split Screen 分屏
时尚大片 网页效果图
38 时尚大片 Fashion Editorial 杂志栏
低多边形 3D 网页效果图
39 低多边形 3D Low-poly 3D 卡片网格
实验字体 网页效果图
40 实验字体 Experimental Typography 便当盒