el mar guarda tu nombre

Arrastra las palabras o muévelas con las flechas

HTML + CSSTexte et défilement

Poésie magnétique sur le frigo

Une porte de frigo émaillée avec des mots aimantés qu'on fait glisser du doigt ou qu'on déplace avec les flèches pour écrire des vers.

Réglages

16px
1x

Code

<div class="uvq14-mag"><div class="dr" role="group" aria-label="Aimants de mots" aria-describedby="uvq14-mag-h"><p class="sr">la mer garde ton nom</p><p class="ex" hidden>doucement et aujourd'hui en sel bleu</p><div class="ws" translate="no"></div><i class="hd" aria-hidden="true"></i></div><p class="hn" id="uvq14-mag-h">Fais glisser les mots ou déplace-les avec les flèches</p></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Texte et défilement

Voir tout : Texte et défilement

Où l’utiliser

Les jeux de poésie magnétique ont transformé les portes de cuisine en carnets, et ce bloc amène ce jeu sur le web. Chaque mot est une petite plaquette inclinée sur une porte de frigo brillante avec une poignée chromée ; elle se soulève avec une ombre pendant le glisser et reste là où elle tombe. Il convient aux ateliers d'écriture, aux salons du livre et aux campagnes participatives.

Écris ta phrase dans le champ de texte et les mots en plus dans la liste cachée ; ils deviennent des plaquettes automatiquement. La couleur principale peint la porte et la secondaire les plaquettes d'accent. Chaque plaquette est un bouton : les flèches la déplacent, et Maj va plus vite.