Toca lo subrayado
Hacemos webs (cargan en menos de un segundo, incluso con poca cobertura), (se usan con teclado, con lector de pantalla o con una sola mano) y (tu equipo edita los textos sin llamarnos).
Stretchtext sentence
A short paragraph where every underlined word opens up and adds its explanation inside the sentence itself, with no popups.
Settings
Code
<div class="uvq14-str"><p class="kc">Tap the underlined words</p><p class="tx">We build sites <button type="button" aria-expanded="false" aria-controls="uvq14-str-1">fast</button><span class="ex" id="uvq14-str-1" hidden> (they load in under a second, even on a weak signal)</span>, <button type="button" aria-expanded="false" aria-controls="uvq14-str-2">accessible</button><span class="ex" id="uvq14-str-2" hidden> (usable with a keyboard, a screen reader or one hand)</span> y <button type="button" aria-expanded="false" aria-controls="uvq14-str-3">easy to change</button><span class="ex" id="uvq14-str-3" hidden> (your team edits the copy without calling us)</span>.</p><button type="button" class="all" aria-pressed="false">Read it all</button></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Text & scroll
See all Text & scrollWhere to use it
Stretchtext is an old hypertext idea: instead of sending people elsewhere, the sentence grows in place when they ask for more. Here each underlined word is a disclosure button that reveals a hidden aside with a short unfolding animation and a highlighter flash. It suits pitch paragraphs, pricing explanations and onboarding copy that should stay short until someone is curious.
Change the opening words in the text field and edit the expanded asides in the HTML. The main color marks the toggles and the secondary one tints the flash. The read all button opens every aside at once and closes them again.