No vendemos plantillas, diseñamos webs que se entienden a la primera, cargan en un segundo y se ven bien en cualquier móvil. Todo lo hacemos con tu equipo, no para tu equipo.
Marker pen highlight
Three phrases get highlighted one after another with hand drawn marker strokes when the paragraph comes into view.
Settings
Code
<div class="uv-tmh"><p><mark class="m1">We don't sell templates,</mark> we design websites people get at first glance, <mark class="m2">load in a second</mark> and look good on any phone. We do it all <mark class="m3">with your team, not for your team</mark>.</p><button type="button" class="rp">Replay</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
Key phrases in a paragraph are marked like someone ran a highlighter over a printed page. The strokes have slightly uneven ends, wrap correctly across lines and are drawn one after another with a short delay, so the eye follows the message in the order you planned it.
An IntersectionObserver starts the effect once most of the paragraph is visible, and a small replay button runs it again. Two colors are adjustable, the text stays plain HTML with mark elements, and reduced motion still shows the final highlight.