ALL | Navnav

简介

NavNav（ALL | Navnav）是一个网址导航站，站点地址为 https://navnav.co/。该站以“NavNav+”为标识，提供包括首页（Home）、按钮（Button）、表格（Table）、文件上传（File Upload）、文本特效（Text Effect）、滑块（Slider）、选择框（Select）、聊天/消息（Chat / Message）、卡片/组件（Card / Widget）、开关（Switch / Toggle）、轮播（Carousel）、手风琴（Accordion）、图表（Chart / Graph）、酷炫动画（Cool Animation）、边框（Border）、社交图标/按钮（Social Icon / Button）、选项卡（Tab）、加载（Loading）、SVG 插画（SVG illustration）、支付（Payment）、进度条（Progress Bar）、杂项（Misc）、复选框/单选（Checkbox / Radio）、应用/交互（App / Interactive）、日历/日期选择（Calendar / Datepicker）、404 页面（404 Page）、表单（Form）、图片（Image）、搜索（Search）、分页（Pagination）、时钟/计时器（Clock / Timer）、警告/提示（Alert / Flash）、菜单图标（Menu Icon）、工具提示（Tooltip）、对话框/模态框（Dialog / Modal）、深色/浅色模式（Dark/Light mode）、特殊布局（Special Layout）、设置（Settings）、评分（Rating）、邮件模板（Email Template）、导航（Navigation）、Tailwind 组件（Tailwind Components）、仪表盘（Dashboard）等多种分类的内容导航。

在“ALL”分类下，共收录了 956 个条目，罗列了来自 CodePen 等平台的各类前端特效与组件示例，如打字文本过渡、视差深度卡片、展开卡片页面过渡、长文本阴影、CSS 加载器、骨架屏加载、右键菜单、新闻站点重制、纯 CSS 应用导航概念、瓷砖样式复选框组、深色银行仪表盘概念、粘性响应式侧边栏、动画地图针、纯 CSS 水滴、电商产品通知、霓虹按钮生成器、HTML5/CSS3 表单验证、昼夜 CSS 过渡动画说明、卡片滑块、玻璃拟态应用重设计、扁平手风琴、霓虹光环加载器、CSS 霓虹菜单等。

注：本网页内容为由 Wayback Downloader 免费版恢复的存档页面。

主要功能

• 多分类导航：提供从基础 UI 元素（按钮、表单、表格）到复杂模块（仪表盘、Tailwind 组件、导航）的几十个分类入口。
• ALL 汇总浏览：以“ALL (956)”形式集中展示全站收录的 956 个前端示例与组件，支持分页（如 1、2、3…40 页）翻看。
• 示例索引：每条目标注作者与效果名称（例如 “typing text transition by Rachel Smith”），方便用户按创作者或效果检索灵感。
• 用户系统入口：页面提供 Log in / Sign up（登录/注册）入口。

适用场景

• 前端开发者和设计师寻找 CSS/HTML 交互效果、动画与组件实现灵感。
• 需要快速浏览各类 Web UI 模式（如加载、模态框、深色模式、评分）参考的创作者。
• 研究历史 Web 资源时，通过存档页面查看曾被收录的 CodePen 等平台经典示例。