Save for Later
MITReact · local-first
Turn any link on your site into a save target. Left-click a link and a small chooser appears — Open · Open in new tab · Save for later — and the visitor can drop the page into a default list, an existing custom list, or a new one. A floating button on the left edge opens a drawer of everything they've saved. Stored locally in the browser, synced across tabs. No account, no backend, no tracking.
This is the same module that powers Save for Later on this site — minus the hosted “sync to your dashboard when signed in” bit. Drop the folder into any React app and mount one component.
Mount it once
import { SaveForLaterProvider } from
"@/components/save-for-later/save-for-later-provider";
export default function Layout({ children }) {
return (
<>
{children}
<SaveForLaterProvider />
</>
);
}Browse the source
- 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
Requires React 18+, Tailwind CSS, and lucide-react. MIT-licensed — copy it, fork it, rebrand it by overriding the CSS variables.
Trustvice 360