Elastic Accordion
Elastic Accordion
Type
Component
Plateforme
Framer
Créé en
2026
Type
Component
Plateforme
Framer
Créé en
2026

Un accordéon d’images qui s’ouvre et se referme avec un ressort élastique
Elastic Accordion crée des layouts d’images où les items s’agrandissent et se replient avec une animation élastique à base de spring. Chaque image accepte un titre et un sous-titre, avec un focal point, et l’accordéon fonctionne en orientation horizontale ou verticale.
Le motion se règle : la vitesse et le « rebond » de l’interaction, pour un rendu plus vivant et moderne qu’un accordéon classique. Une légende overlay par item, visible en permanence ou seulement sur l’item actif.
Contenu et layout
Plusieurs images avec titre et sous-titre optionnels, focal point (gauche, centre, droite, haut, bas)
Item ouvert par défaut au choix, option de désélection (fermer l’item actif)
Orientation horizontale ou verticale, largeur de l’item actif, gap, radius, léger scale au hover
Animation et légende
Transitions élastiques : Speed (durée) et Rebound (force du ressort)
Légende overlay optionnelle, toujours visible ou sur l’item actif seulement
Polices et couleurs du titre et du sous-titre, inset, padding, fill et blur du fond, radius, position



