Save for Later
Machen Sie jeden Link auf Ihrer Website zu einem Speicherziel. Per Linksklick auf einen Link erscheint eine kleine Auswahl — Öffnen · In neuem Tab öffnen · Für später speichern — und der Besucher kann die Seite in eine Standardliste, eine bestehende eigene Liste oder eine neue ablegen. Eine schwebende Schaltfläche am linken Rand öffnet eine Schublade mit allem Gespeicherten. Lokal im Browser gespeichert, über Tabs hinweg synchronisiert. Kein Konto, kein Backend, kein Tracking.
Es ist dasselbe Modul, das Save for Later auf dieser Website antreibt — abzüglich des gehosteten Teils „Synchronisierung mit Ihrem Dashboard, wenn Sie angemeldet sind“. Legen Sie den Ordner in eine beliebige React-App und binden Sie eine Komponente ein.
Einmal einbinden
import { SaveForLaterProvider } from
"@/components/save-for-later/save-for-later-provider";
export default function Layout({ children }) {
return (
<>
{children}
<SaveForLaterProvider />
</>
);
}Quellcode durchsuchen
- 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
Benötigt React 18+, Tailwind CSS und lucide-react. MIT-lizenziert — kopieren, forken, per Überschreiben der CSS-Variablen umbranden.
Trustvice 360