Save for Later
把你网站上的任意链接变成一个保存目标。左键点击某个链接,便会弹出一个小巧的选择器——打开 · 在新标签页打开 · 稍后保存——访客可以将该页面放入默认列表、已有的自定义列表,或一个新建列表。左侧边缘的悬浮按钮会打开一个抽屉,展示他们保存过的所有内容。数据存储在浏览器本地,并在各标签页间同步。无需账户,无需后端,不做追踪。
这正是为本站「稍后保存」提供支持的同一模块——只是去掉了「登录后同步至你的 dashboard」这一托管部分。把文件夹拖入任意 React 应用,挂载一个组件即可。
一次挂载
import { SaveForLaterProvider } from
"@/components/save-for-later/save-for-later-provider";
export default function Layout({ children }) {
return (
<>
{children}
<SaveForLaterProvider />
</>
);
}浏览源码
- save-for-later-provider.tsx
- link-chooser.tsx
- save-panel.tsx
- saved-links-fab.tsx
- saved-links-view.tsx
- store.ts
- types.ts
- save-for-later.css
- README.md
- LICENSE
需要 React 18+、Tailwind CSS 与 lucide-react。采用 MIT 许可证——尽管复制、派生,通过覆盖 CSS 变量即可重新打造品牌外观。