组件环游 404
把组件预览排成环形轨道的 404 页面。悬停或聚焦卡片时暂停转动,选中卡片即可打开对应组件。
页面模板Next.jsGSAP
演示
悬停在卡片上,或用 Tab 聚焦卡片,即可暂停转动。选中卡片可查看对应组件。
代码
LeiBox 在 Next.js 的 app/not-found.tsx 中使用这个组件。用 items 属性传入预览卡片和跳转链接。
在 GitHub 查看源码把组件预览排成环形轨道的 404 页面。悬停或聚焦卡片时暂停转动,选中卡片即可打开对应组件。
悬停在卡片上,或用 Tab 聚焦卡片,即可暂停转动。选中卡片可查看对应组件。
LeiBox 在 Next.js 的 app/not-found.tsx 中使用这个组件。用 items 属性传入预览卡片和跳转链接。
在 GitHub 查看源码发来 UI 参考、组件链接或收藏建议。请附上原始来源,让创作者的付出被看见。
投稿内容经查看后再收录。