Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsText & typography effects

Glitch Text

A brief, tasteful glitch with token-tinted RGB split and slice offsets on hover, mount or an event; never loops.

Preview

Signal lost · 404

This page wandered off.

Hover or tab to the headline. It glitches once, then holds still.

On an event

SYNC FAILED

Once on load

v4.2 betav4.2 betav4.2 beta

Never loops; nothing moves under reduced motion.

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
textstring—The text; always intact.
trigger"hover" | "mount" | "manual""hover"Glitch on hover or focus, once on load, or when play changes.
playnumber0Change it to glitch again (manual).
intensity / durationnumber3 / 0.45px of RGB split, and seconds per glitch.
as"span" | "h1" | "h2" | "h3" | "p""span"Element to render.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗