Save for Later
Transformez n'importe quel lien de votre site en cible d'enregistrement. Un clic gauche sur un lien fait apparaître un petit sélecteur — Ouvrir · Ouvrir dans un nouvel onglet · Enregistrer pour plus tard — et le visiteur peut déposer la page dans une liste par défaut, une liste personnalisée existante ou une nouvelle liste. Un bouton flottant sur le bord gauche ouvre un tiroir contenant tout ce qu'il a enregistré. Stocké localement dans le navigateur, synchronisé entre les onglets. Pas de compte, pas de backend, pas de pistage.
C'est le module qui anime Enregistrer pour plus tard sur ce site — sans la partie hébergée « synchronisation vers votre dashboard une fois connecté ». Déposez le dossier dans n'importe quelle application React et montez un seul composant.
Montez-le une seule fois
import { SaveForLaterProvider } from
"@/components/save-for-later/save-for-later-provider";
export default function Layout({ children }) {
return (
<>
{children}
<SaveForLaterProvider />
</>
);
}Parcourir le code 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
Nécessite React 18+, Tailwind CSS et lucide-react. Sous licence MIT — copiez-le, forkez-le, redéfinissez sa marque en surchargeant les variables CSS.
Trustvice 360