Aller au contenu principal
Scrolltide

Scrolltide : bibliothèque de prompts et de templates de sites au scroll cinématographique

design webpromptsanimation au scrolltemplates front-end

Une bibliothèque de prompts pour des templates de sites, des composants et des shaders pilotés par le scroll. On copie un prompt, on le colle dans l'IA, et l'on obtient un site qui bouge vraiment, au lieu d'une page dont on devine au premier coup d'œil qu'elle a été générée.

★ 9 Dernière mise à jour: 2026-11-08 scrolltide.co
Visiter le site

Présentation détaillée

Qu'est-ce que Scrolltide

Scrolltide est une bibliothèque de ressources pensée pour les workflows de création de sites avec l'IA. Son cœur n'est pas un lot de fichiers Figma, mais un prompt qu'on peut donner directement à la machine : on le copie, on le colle dans Claude, Cursor ou un autre assistant de code, et l'on obtient une page complète avec des effets déjà pilotés par le scroll.

Le positionnement est assumé et très direct : votre site ne doit pas avoir l'air d'avoir été fait par une IA. Le problème est bien réel — la plupart des landing pages générées se ressemblent, avec le même grand titre centré et trois cartes en dessous — et c'est exactement ce que Scrolltide veut corriger.

Ce que contient la bibliothèque

Le site se divise aujourd'hui en trois parties :

  • Templates de pages : 143 modèles couvrant les Hero Sections, les landing pages complètes, les portfolios, l'e-commerce et les arrière-plans de sites 3D ; la plupart sont marqués Premium.
  • Composants : 85 éléments à récupérer séparément pour les intégrer à un projet existant, comme des onglets en glassmorphism, des barres de navigation morphing, des accordéons de cartes, un globe de particules ou des boutons en anneau lumineux.
  • Shaders : 55 arrière-plans animés sur GPU, dans des styles dégradé, aurore, métal liquide ou flamme, livrés en MP4, en image fixe et en composant intégrable.

Chaque entrée dispose d'un aperçu en direct : on regarde l'animation avant de décider.

Stack technique et livraison

Les templates reposent sur React, Vite, Next.js et Tailwind CSS ; la couche d'animation s'appuie sur Framer Motion, GSAP et Lenis pour un scroll fluide, tandis que la 3D et les arrière-plans passent par Three.js, WebGL et des shaders maison. L'achat unique donne accès au code source lisible, pas à une boîte noire minifiée.

À qui ça s'adresse

Aux développeurs indépendants, aux design engineers et aux équipes qui prennent des projets en freelance — surtout à ceux qui doivent produire vite une page marketing soignée sans régler chaque courbe d'animation à la main. Si vous ne faites que des pages statiques, ou si votre budget de performance est très serré, il faut évaluer vous-même le coût de ces effets de scroll.

Footer Design : galerie de références de pieds de page de haute qualité

Une bibliothèque d'inspiration pour les pieds de page, classée par type et par style — typographique, illustré, en grille, en cartes ou animé — avec une sélection éditoriale et le lien vers le site d'origine pour chaque entrée.

design webdesign de pied de pageinspiration design

Navbar Gallery : une immense bibliothèque d'inspiration pour les barres de navigation

Une galerie d'inspiration entièrement consacrée au design des barres de navigation, filtrable par type (statique, déroulante, Mega Menu, latérale, avec champ de recherche, etc.), chaque entrée menant directement au site d'origine pour voir l'implémentation réelle.

design webbarre de navigationinspiration design

shadcn/ui : Construisez votre bibliothèque de composants

Composants soigneusement conçus que vous pouvez copier-coller dans vos applications. Accessibles. Personnalizables. Open Source.

develop

Variant : saisissez une idée, faites défiler des directions de design à l’infini

Saisissez une idée d’application ou de site et faites défiler un flux ininterrompu de directions de design. Pas de canevas, pas de boucle de prompts : vous vous arrêtez sur le résultat qui accroche. Export en HTML ou en React.

design IAgénération d’interfacesinspiration design

Stockimg AI | Générateur de Photos IA : Logo, Art, Image Banque, Illustration

Stockimg est un outil tout-en-un de design et de création de contenu propulsé par l'IA. Vous pouvez facilement générer des logos, des illustrations, des fonds d'écran, des affiches et plus encore.

ai

Adobe Firefly - Un Nouveau Choix pour les Outils de Conception Créative IA

Adobe Firefly est une plateforme de conception créative basée sur l'IA, offrant des fonctionnalités de traitement d'images IA comme la génération d'images à partir de texte et la transformation de style d'image, aidant les designers à compléter efficacement la création de contenu visuel. Essayez-le maintenant pour libérer votre potentiel créatif !

AI design toolscreative content production