Pricing
Get Started
  • Introduction
  • Installation
  • MCP Server
  • Saved
Site
  • Builder (Beta)
  • Pricing
  • Roadmap
  • Affiliates
Browse
  • All Components80 New
Text34
  • 3D Letter Swap
  • 3D Text Reveal
  • ASCII Ripple
  • Bending Marquee
  • Blur Highlight
  • Cipher RevealNew
  • Domino LetteringNew
  • Elastic LetteringNew
  • Ghost TypeNew
  • Glitch Text
  • Glyph LotteryNew
  • Gravity LettersNew
  • Label OrbitNew
  • Luminous TypeNew
  • Mesh LetteringNew
  • Orbital TypeNew
  • Particle Text
  • Ribbon TypeNew
  • Rising InkNew
  • Shatter TypeNew
  • Signal TypeNew
  • Smoke TypeNew
  • Speeding Text
  • Spring LetteringNew
  • Staggered Text
  • Stipple TypeNew
  • Tessera TrailNew
  • Text Cube
  • Text MorphNew
  • Text Path
  • Text Scatter
  • Typographic WallNew
  • Vapor TypeNew
  • Wave LetteringNew
Backgrounds98
  • ASCII Tiles
  • Ascii Waves
  • Astral ShellNew
  • Aura Blob
  • Aurora Beam
  • Aurora Blur
  • Axial BeamNew
  • Binary OrbitsNew
  • Black Hole
  • Blinking Dots
  • Blinking Squares
  • Blurred Rays
  • Chroma Blinds
  • Chroma CurrentNew
  • Chroma Waves
  • Cloud AtlasNew
  • Color Loops
  • Concentric TidesNew
  • Contour TideNew
  • Dappled LightNew
  • Dither Wave
  • Dot Shift
  • Eclipse
  • Fading StarsNew
  • Falling Rays
  • Flame Paths
  • Fog Sphere
  • Glass Flow
  • Glass Tiles
  • Glimmer WrapNew
  • Glitter Warp
  • Glowing Ridges
  • Glowing Wave
  • Glue Dots
  • Glyph EmberNew
  • Glyph OrbNew
  • Glyph SonarNew
  • Glyph TideNew
  • Gradient Bars
  • Grain Wave
  • Halftone Vortex
  • Halftone Wave
  • Hexagonal VaultNew
  • Horizon BloomNew
  • Interference RibbonsNew
  • Landscape
  • Light Droplets
  • Lightspeed
  • Liquid Bars
  • Liquid Lines
  • Long Exposure
  • Luminous FilamentsNew
  • Metallic Swirl
  • Minimal Ripple
  • Mosaic
  • Mosaic Waves
  • Neon Reveal
  • Neural Flash
  • Neural Float
  • Neural Tunnel
  • Nexus RaysNew
  • Perspective Grid
  • Photon KnotNew
  • Pixel Rain
  • Prismatic SlatsNew
  • Radial Liquid
  • Ravine
  • Retro Lines
  • Ring FieldNew
  • Rising Lines
  • Rising Particles
  • Rolling Blinds
  • Rotating Stars
  • Rubber Fluid
  • Satin RidgesNew
  • Shader Waves
  • Shadow Bars
  • Silk Waves
  • Simple Swirl
  • Specter Orb
  • Spectral Clouds
  • Spectral DrapeNew
  • Spiral FunnelNew
  • Square Matrix
  • Squares Terminal
  • Squircle Shift
  • Star Swipe
  • Swirl Blend
  • Synaptic Shift
  • Tech Wall
  • Terminal RainNew
  • Thinking Dots
  • Twilight Lines
  • Vortex
  • Voxel ArcNew
  • Warp Twister
  • Watercolor
  • Wireframe Ball
3D & Shaders49
  • Agentic Ball
  • AI Blob
  • Album RailNew
  • Bend Gallery
  • Chrome OrbitNew
  • Circle Stack
  • Concave CarouselNew
  • Constellation GalleryNew
  • Contact SheetNew
  • Depth Card
  • Depth Image
  • Depth RibbonNew
  • Device
  • Dolly Gallery
  • Elastic ReelNew
  • Elastic StickerNew
  • Ember RevealNew
  • Expanding GridNew
  • Frame Border
  • Glass Reveal
  • Globe
  • Gradient Blob
  • Helix GalleryNew
  • Infinite Gallery
  • Inverted Dome
  • Iris GalleryNew
  • Lenticular Carousel
  • Momentum RingNew
  • Page Flip
  • Parallax Carousel
  • Particle Image
  • Particle Morph
  • Passage GalleryNew
  • Pixel Reveal
  • Pixel Sculpt
  • Pixelate Hover
  • Pond ImageNew
  • Portal
  • Prism CarouselNew
  • Rotating Cards
  • Scroll BendNew
  • Scroll Portal
  • Shader Card
  • Shader Reveal
  • Spin ShutterNew
  • Star Burst
  • Tumble Carousel
  • Twisting Gallery
  • Warped Card
Cursor Effects21
  • Arc CursorNew
  • Ascii Cursor
  • Celebration CursorNew
  • Chroma HaloNew
  • Cursor Wave
  • Custom Cursor
  • Dither Cursor
  • Drafting CursorNew
  • Glass Cursor
  • Glyph StreamNew
  • Grid Rise
  • Gyroscope CursorNew
  • Liquid Ascii
  • Parallax Pills
  • Pigment TrailNew
  • Pixel Magnet
  • Ribbon TrailNew
  • Smooth Cursor
  • Snapshot TrailNew
  • Stardust CursorNew
  • User Cursor
UI & Cards28
  • Animated List
  • Card Spread
  • Center Flow
  • Chroma Card
  • Circle Gallery
  • Circles
  • Click Stack
  • Comparison Slider
  • Credit Card
  • Draggable Grid
  • Frame Scrub
  • Gradient Carousel
  • Hover Preview
  • Liquid Swap
  • Loupe ImageNew
  • Magic Transform
  • Modal Cards
  • Orbit ReelNew
  • Parallax Cards
  • Preloader
  • Reel Gallery
  • Scroll Mask
  • Scroll Stack
  • Simple Graph
  • Skewed Carousel
  • Tile Reveal
  • Tilted Tiles
  • Tumble WallNew
  1. Docs
  2. Components
  3. Text
  4. Signal Type
PreviousShatter TypeTextNextSmoke TypeText

Animated components, blocks, and templates for React. Pay once, ship stunning pages forever.

pro@reactbits.dev

Site

HomeBuilder (Beta)PricingTestimonialsFAQsRoadmapChangelogFree Components

Docs

IntroductionInstallationMCP ServerComponentsBlocksTemplates

Resources

AboutUse casesComparisonsAlternativesFor AI agents

Legal & Account

LoginAffiliateLicensePrivacyContact

© 2026 pro.reactbits.dev. All rights reserved.

Signal Type

A headline that flickers on like a neon sign

signal-type-tw

Customize

Color
Glow Color
Font Size
88px
Outline Width
1.00px
Outline Opacity
0.28
Glow
0.00
Glow Size
1.00
Flash
0.30
Flickers
3
Speed
1.00
Stagger
0.045s
Delay
0.15s
Interference
1.00
Interference Radius
90px
Instability
0.30
Loop Delay
6.0s
Seed
0

Props

28
NameTypeDefaultDescription
textstring"Open to possibility"Text to display. Words wrap as whole units and whitespace is preserved.
as"span" | "div" | "p" | "h1" | … | "h6""span"Element to render. The component inherits font, size and alignment from its parent.
colorstring"currentColor"Colour of a lit letter. Defaults to the surrounding text colour.
glowColorstring"#8B5CF6"Colour of the halo around lit letters and of the flash when a letter strikes on.
unlit"outline" | "dim" | "none""outline"How a letter looks before it lights: a hairline outline like an unlit tube, a faint ghost fill, or nothing at all.
outlineWidthnumber1Width of the unlit outline, in pixels.
outlineOpacitynumber0.28Opacity of the unlit outline or ghost fill, from 0 to 1.
glownumber0.6Strength of the steady halo once a letter is lit. 0 turns it off.
glowSizenumber1Reach of the halo, relative to the font size.
flashnumber1Brightness of the brief flash each time a letter strikes on.
flickersnumber3Average number of false starts before a letter stays lit. 0 lights each letter cleanly.
speednumber1Pace of every flicker. Higher values make the sign stutter faster.
staggernumber0.045Seconds between one letter starting and the next.
delaynumber0.15Seconds to wait before the first letter starts.
order"random" | "start" | "center" | "end""random"The order in which letters start: shuffled, left to right, from the middle out, or right to left.
trigger"view" | "mount" | "hover" | "manual""view"When the sign powers on: the first time it scrolls into view, as soon as it mounts, while hovered (it powers down on leave), or only through the ref's ignite().
interferencenumber1How easily a moving pointer disturbs the lit letters it passes over, making them stutter. Faster movement disturbs more. 0 turns it off.
interferenceRadiusnumber90Reach of the pointer's disturbance, in pixels.
clickCyclebooleantrueClicking power-cycles the sign: letters go dark in a wave from the click point, then strike back on.
instabilitynumber0.3How often, left alone, a lit letter briefly loses power, like a loose connection. 0 keeps it steady.
loopbooleanfalsePower-cycle the whole sign again after every run.
loopDelaynumber6Seconds between runs when looping.
seednumber0Changes the flicker pattern and the random start order.
pausedbooleanfalseShows the sign fully lit with no motion. Reduced-motion users always get this.
onComplete() => void—Called once every letter has lit.
ref{ ignite, cycle, powerDown }—Imperative controls: light the sign, power-cycle it, or switch it off.
classNamestring—Classes for the root element, for example font size and weight.
styleCSSProperties—Inline styles for the root element.
textstring

Text to display. Words wrap as whole units and whitespace is preserved.

Default"Open to possibility"
as"span" | "div" | "p" | "h1" | … | "h6"

Element to render. The component inherits font, size and alignment from its parent.

Default"span"
colorstring

Colour of a lit letter. Defaults to the surrounding text colour.

Default"currentColor"
glowColorstring

Colour of the halo around lit letters and of the flash when a letter strikes on.

Default"#8B5CF6"
unlit"outline" | "dim" | "none"

How a letter looks before it lights: a hairline outline like an unlit tube, a faint ghost fill, or nothing at all.

Default"outline"
outlineWidthnumber

Width of the unlit outline, in pixels.

Default1
outlineOpacitynumber

Opacity of the unlit outline or ghost fill, from 0 to 1.

Default0.28
glownumber

Strength of the steady halo once a letter is lit. 0 turns it off.

Default0.6
glowSizenumber

Reach of the halo, relative to the font size.

Default1
flashnumber

Brightness of the brief flash each time a letter strikes on.

Default1
flickersnumber

Average number of false starts before a letter stays lit. 0 lights each letter cleanly.

Default3
speednumber

Pace of every flicker. Higher values make the sign stutter faster.

Default1
staggernumber

Seconds between one letter starting and the next.

Default0.045
delaynumber

Seconds to wait before the first letter starts.

Default0.15
order"random" | "start" | "center" | "end"

The order in which letters start: shuffled, left to right, from the middle out, or right to left.

Default"random"
trigger"view" | "mount" | "hover" | "manual"

When the sign powers on: the first time it scrolls into view, as soon as it mounts, while hovered (it powers down on leave), or only through the ref's ignite().

Default"view"
interferencenumber

How easily a moving pointer disturbs the lit letters it passes over, making them stutter. Faster movement disturbs more. 0 turns it off.

Default1
interferenceRadiusnumber

Reach of the pointer's disturbance, in pixels.

Default90
clickCycleboolean

Clicking power-cycles the sign: letters go dark in a wave from the click point, then strike back on.

Defaulttrue
instabilitynumber

How often, left alone, a lit letter briefly loses power, like a loose connection. 0 keeps it steady.

Default0.3
loopboolean

Power-cycle the whole sign again after every run.

Defaultfalse
loopDelaynumber

Seconds between runs when looping.

Default6
seednumber

Changes the flicker pattern and the random start order.

Default0
pausedboolean

Shows the sign fully lit with no motion. Reduced-motion users always get this.

Defaultfalse
onComplete() => void

Called once every letter has lit.

Default—
ref{ ignite, cycle, powerDown }

Imperative controls: light the sign, power-cycle it, or switch it off.

Default—
classNamestring

Classes for the root element, for example font size and weight.

Default—
styleCSSProperties

Inline styles for the root element.

Default—