BitLeap
FRONTEND INSPO ARCHIVE

前端灵感开发，
拆解而不是收藏。

按照上面的浅色瓷感风格重做：全屏排版、低饱和绿色、石墨文字。保留分类、标签、搜索、收藏和学习建议，把灵感站点整理成一个安静专业的前端拆解资料馆。

Sites
13
收录站点
Categories
5
灵感分类
UI
3
界面参考
Motion
4
动效参考
查看结果
13 / 13未启用筛选
01

CSS Design Awards

你最喜欢的 CSS 奖项站，偏重前端实现细节

极简拆解奖项型
动效重极简可商用
适合学

学纯 CSS 动画、滚动叙事、交互细节

Inspiration value10/10
查看拆解 →
02

Mobbin

真实 App 流程截图，学 UI 细节

极简拆解UI 参考
极简UI可商用
适合学

学真实 App 的导航结构、组件层级

Inspiration value10/10
查看拆解 →
03

Dribbble

全球设计师社区，UI 细节、微交互与组件探索的首选

界面灵感UI 参考
UI视觉重可商用
适合学

学图标、按钮、卡片等微观交互细节

Inspiration value9/10
查看拆解 →
04

Landbook

落地页与设计案例库，强调信息架构与品牌一致性

极简拆解画廊型
极简品牌感可商用
适合学

学信息层级、品牌色应用、页面节奏

Inspiration value9/10
查看拆解 →
05

Landingfolio

高质量落地页与营销页合集，按组件与行业分类

界面灵感UI 参考
UI高对比可商用
适合学

学 CTA 布局、Hero 区文案与视觉结构

Inspiration value9/10
查看拆解 →
06

Minimal Gallery

极简主义网页设计精选，用于校准审美与去噪点

极简拆解画廊型
极简高对比可商用
适合学

学克制设计、单色方案、留白哲学

Inspiration value9/10
查看拆解 →
07

One Page Love

单页网站与滚动叙事案例库，强调线性阅读体验

极简拆解单页/落地
极简叙事性可商用
适合学

学单页滚动节奏、锚点导航、内容排布

Inspiration value9/10
查看拆解 →
08

SiteInspire

按布局、风格、行业筛选的网页设计画廊，偏重排版与结构

极简拆解画廊型
极简排版可商用
适合学

学网格系统、留白控制、内容层级

Inspiration value9/10
查看拆解 →
09

Awwwards

电影感、动效、滚动叙事的行业标杆

动效参考奖项型
动效重高对比可商用
适合学

学 Hero 区节奏、3D 融合、视差滚动

Inspiration value8/10
查看拆解 →
10

FWA

创意与技术双高的互动站点档案馆，大量实验性 Web 体验

动效参考奖项型
动效重实验性可商用
适合学

学 Canvas / WebGL 创意实现、沉浸式叙事

Inspiration value8/10
查看拆解 →
11

GSAP

GreenSock 动画平台官网，JS 动画的工业级标准，ScrollTrigger / SplitText 等全插件已免费

动效参考奖项型
动效重高对比可商用
适合学

学 Timeline 编排、ScrollTrigger 滚动叙事、SplitText 文字拆解、FLIP 布局动画

Inspiration value8/10
查看拆解 →
12

HTTPSTER

独立站与实验性网页合集，风格多样，更新频繁

视觉参考单页/落地
实验性复古可商用
适合学

学非常规布局、字体实验、独立站气质

Inspiration value7/10
查看拆解 →
13

Brutalist Websites

粗野主义网页设计归档，反主流审美，强调原始网页感

视觉参考实验型
粗野主义高对比实验性
适合学

学反常规布局、无装饰风格、原始 HTML 美学

Inspiration value5/10
查看拆解 →
拆解视角

不只是收藏站点，而是记录它适合学习的版式、动效、配色、组件组织和前端实现思路。

原创边界

灵感站点只作为学习参考，实际项目中应重新设计结构、文案和交互，避免直接复制商业使用。

本地维护

收藏、筛选和排序保存在本地浏览器，方便持续维护自己的前端灵感资料馆。

BitLeap · 本地计算 · 隐私优先