Catalogue de blocs
Ce catalogue présente 105 fiches numérotées (blocs, effets, sections, animations et interactions) disponibles pour construire les pages d’un site, avec 73 variantes. Elles sont réparties en quinze pages thématiques ; la page 13 reprend certains blocs dans leur version pleine largeur.
Chaque bloc porte un numéro de type 03.01 : page 03, bloc 01. Ses variantes portent une lettre : 03.01-a. Ce numéro suffit pour désigner l’affichage retenu.
Titres, paragraphes, titres animés, titres en deux parties et texte sur un tracé.
Titre · Éditeur de texte · Titre animé · Headline · Animated Text · Chemin du texte
Boutons, blocs d’incitation au clic et boîtes interactives à deux faces.
Button · Download Button · Appel à l’action · Banner · Animated Box · Dropbar
Contenus répartis en onglets ou en volets repliables, panneau latéral et fenêtre superposée.
Tabs · Classic Accordion · Image Accordion · Switcher · Unfold · Read More · Hamburger Panel · Popup
Galeries, comparaison de deux images et points d’information sur une image.
Galerie · Image Comparison · Hotspots
Diaporamas, carrousels de cartes et de contenus, cartes superposées au défilement.
Carrousel de médias · Carousel · Advanced Carousel · Slider · Cartes superposées
Lecteurs vidéo et audio.
Video Player · Liste de lecture vidéo · Audio Player · SoundCloud
Compteurs, barres et cercles de progression, graphiques, comptes à rebours, notes, plan de site et indicateur de lecture.
Compteur · Progress Bar · Circle Progress · Bar Chart · Line Chart · Pie Chart · Countdown Timer · Évaluation · Plan de site · Traqueur de progression
Tableaux de données et frises chronologiques verticales ou horizontales.
Table · Vertical Timeline · Horizontal Timeline
Grille d’articles reliée à l’ensemble des filtres : catégories, prix, dates, note, recherche, tri et pagination.
Grille filtrable
Formulaire de saisie avec l’ensemble des types de champs.
Formulaire
Animations d’apparition, effets au défilement et à la souris, éléments collants, infobulles.
Animation d’entrée · Effets de défilement · Effets de la souris · Collant · Animation au survol · Parallax · Satellite · Tooltip · Scroll Reveal · Sticky Column · Particles
Bandeau d’ouverture, diaporamas et carrousels bord à bord, galerie, mosaïque et carte sur toute la largeur de l’écran.
Hero · Slider · Carousel · Advanced Carousel · Carrousel de médias · Galerie · Image Accordion · Smart Posts Tiles · Text Ticker · Google Maps · Séparateur de forme
Apparitions, animations de texte et d’image, effets de défilement et de souris, blocs animés, effets de page et animations Lottie.
Apparition au défilement · Animation de texte · Animation d’image · Parallaxe · Élément épinglé · Défilement horizontal · Effet de souris · Pastille au survol · Image révélée au survol · Inclinaison · Infobulle · Défilement vers une ancre · Apparitions simples · Effets de texte · Animated Heading · Typewriter · Floating Elements · Text Hover Image · DrawSVG · Stacked Cards · Vertical Marquee · Défilement lissé · Préchargeur · Indicateur de défilement · Lottie
Jeux et questionnaires codés sur mesure : glisser-déposer, relier, gratter, vrai ou faux, memory…
Glisser-déposer · Relier des points · Jeu à gratter · Combinaison à valider · Vrai ou faux · Points d’intérêt sur une image · Frise chronologique · Estimation au curseur · Comparaison de deux images · Memory