DETAILS.SO : une bibliothèque d’inspiration web design au détail près
📌 DETAILS.SO est une plateforme de références en web design qui indexe les meilleurs sites de production par élément précis — hero, footer, preloader, transition, micro-interaction — avec des captures vidéo et un code prêt à copier via le Vault.
La plupart des galeries de design proposent des captures d’écran de pages entières. Details.so part du principe inverse : chaque entrée est classée par le détail exact qu’elle montre, pas par le site qui la contient. Un footer génial, une transition de page fluide, un preloader soigné — c’est le composant qu’on cherche, pas la homepage. Le filtre se cumule (F pour ouvrir la barre), on peut empiler les tags : hero + scroll animation + SaaS, par exemple, et n’obtenir que les résultats qui croisent les trois.
La partie Inspo est la galerie. Le Vault, c’est l’implémentation : des snippets en HTML, CSS et JavaScript construits à la main, avec documentation et un bouton « Copy for AI » qui génère un prompt complet pour Claude, ChatGPT ou Cursor. Les snippets sont agnostiques en framework — ils s’intègrent dans Astro, WordPress, Webflow ou un projet vanilla. L’ensemble est enrichi chaque semaine.
La navigation gratuite donne accès aux aperçus par catégorie. Le plan Pro débloque la bibliothèque complète et les filtres combinés. Le plan Max ajoute le Vault. Un plan Founder à 490 € à vie ouvre l’accès permanent à tout, y compris les futurs ajouts.
- 🔍 Filtrage par élément, section, interaction et industrie
- 🎬 Captures vidéo des animations et micro-interactions
- 📦 Vault : snippets HTML/CSS/JS prêts à copier
- 🤖 Prompt AI intégré pour Claude, Cursor, ChatGPT
- 🇨🇭 Fait en Suisse, mis à jour chaque semaine
Sources
