Elastic Accordion

Elastic Accordion

Type

Component

Plateforme

Framer

Créé en

2026

Type

Component

Plateforme

Framer

Créé en

2026

Capture d'écran du component Framer Elastic Accordion
11
1

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

Capture d'écran du component Framer Elastic Accordion
Capture d'écran du component Framer Elastic Accordion