Hyperblur terminal ver. 1.01002 items
hyperblur/
DocsEffectsComponentsBlocksTemplatesProAgents
GitHubSign inBrowse effects

Get started

  • Introduction
  • Installation
  • Agents
EffectsComponentsBlocks
All effects

Text53

  • Glitch Text
  • Motion Blur Text
  • Decode Text
  • Neon Text
  • Wave Text
  • Typewriter
  • Gradient Text
  • Split Text
  • Blur Text
  • Rotating Text
  • Scroll Velocity Text
  • Stroke Text
  • Split-Flap Text
  • Shiny Text
  • Text Scramble View
  • Text Scramble Center
  • Typewriter Human
  • Typewriter Swap
  • Text Block Wipe
  • Text Cipher Lock
  • Text Weight Wave
  • Text Letter Flip
  • Text Foil Sweep
  • Text Line Rise
  • Text Weight Trail
  • Text Path Flow
  • Text Magnetic
  • Text Roll Words
  • Text Ink Draw
  • Text Rack Focus
  • Text Swap Pill
  • Text Shatter
  • Tech Readout
  • Text Echo
  • Depth Layers
  • Text Fold
  • Text Shuffle In
  • Text Scroll Float
  • Text Scroll Words
  • Text Circular
  • Text ASCII Render
  • Text Pressure
  • Text Scramble Hover
  • Text Warp
  • Text Fuzzy
  • Text Mask Reveal
  • Text Highlight Marker
  • Text Underline Draw
  • Text Odometer
  • Text Flip Words
  • Text Fill Scroll
  • Text 3D Extrude
  • Text Liquid Gradient

Motion & reveals32

  • Speed Lines
  • Pixel Reveal
  • Shutter Reveal
  • Fade In View
  • Marquee
  • Count Up
  • Orbit Icons
  • Animated Beam
  • Ripple Grid
  • Scroll Image Reveal
  • Hero Stagger Intro
  • Ticker Vertical
  • Motion Stat SequenceNew
  • Motion Radial Grid RevealNew
  • Motion Skew MarqueeNew
  • Motion Karaoke ParagraphNew
  • Motion Flip SequenceNew
  • Motion Cutout RevealNew
  • Motion Path DrawNew
  • Motion Logo LensNew
  • Motion Ink RevealNew
  • Motion Code RevealNew
  • Edge Gradual Blur
  • Logo Loop Belt
  • Scroll Progress Bar
  • Scroll Parallax Layers
  • Scroll Pin Steps
  • Scroll Stagger Grid
  • Scroll Zoom Reveal
  • Scroll Horizontal Track
  • Scroll Counter Ticker
  • Scroll Sticky Stack

Overlays & backgrounds70

  • Scanlines
  • Grid Floor
  • Film Grain
  • VHS Overlay
  • Aurora
  • Plasma
  • Particles
  • Light Rays
  • Beams
  • Hyperspeed
  • Silk
  • Meteors
  • Mesh Gradient
  • Polar Veil
  • Flow Paths
  • Contour Lines
  • Warp Stars
  • Mesh Lattice
  • Grain Gradient
  • Grid Beams
  • Beacon Rings
  • Wave Lines
  • Bokeh
  • Spotlight Grid
  • Glow Orbs
  • Horizon Rise
  • Soft Clouds
  • Halftone
  • Metaballs
  • Flow Field
  • Voronoi Cells
  • Dot Swell
  • Glyph Rain
  • Circuit Traces
  • Liquid Chrome
  • Satin Cloth
  • Crystal Facets
  • Lightning Storm
  • Fireflies
  • Vortex Tunnel
  • Hex Pulse
  • Radar Scope
  • Helix Threads
  • Ferrofluid
  • Soft Aurora
  • Rune Rings
  • Grid Scan
  • Color Bends
  • Prism Burst
  • Faulty Terminal
  • Wave Pattern
  • Slats
  • Ghost Fibers
  • CRT Warp
  • Acid Squares
  • Scanner Sweep
  • Web Threads
  • Galaxy
  • Dark Veil
  • Silk Threads
  • Layered Waves
  • Grid Motion
  • Grid Distortion
  • Magnet Lines
  • Dot Field
  • Ripple Water
  • Liquid Ether
  • Topography
  • Light Tunnel
  • Glitch Letters

Hover & pointer37

  • Chromatic Hover
  • Magnetic
  • Tilt Card
  • Dot Grid
  • Glow Border
  • Ripple Click
  • Blob Cursor
  • Click Spark
  • Cursor Trail
  • Spotlight Card
  • Glass Card
  • Cursor Magnetic Filings
  • Cursor Trail Velocity
  • Magnetic Icon GridNew
  • Photo SnakeNew
  • Fan StackNew
  • Spotlight Border ListNew
  • Velocity Distort ImageNew
  • Morph CursorNew
  • Tilt GalleryNew
  • Reveal LensNew
  • Pin BoardNew
  • Hover Play TilesNew
  • Direction-Aware CaptionNew
  • Expanding Index RowsNew
  • Crystal Ball
  • Border Star Orbit
  • Cursor Target
  • Cursor Ghost
  • Cursor Swarm
  • Cursor Fluid Splash
  • Cursor Ribbons
  • Cursor Metaballs
  • Cursor Pixel Trail
  • Cursor Image Trail
  • Cursor Crosshair
  • Cursor Glare Grid

Transitions & slides34

  • Flip Countdown
  • Page Transition
  • Slide Show
  • Curtain Reveal
  • Morph Tabs
  • Curtain Blinds
  • Curtain Clip Wipe
  • Curtain Doors
  • Curtain Mixed
  • Curtain Iris
  • Curtain Stagger Wipe
  • Curtain Wipe
  • Transition Iris Wipe
  • Transition Diagonal Slice
  • Transition Pixel Dissolve
  • Transition Shared Morph
  • Transition Curtain Call
  • Transition Ripple Reveal
  • Transition Page Turn
  • Transition Zoom Through
  • Transition Split Flap
  • Transition Liquid Wipe
  • Transition Glitch Cut
  • Transition Parallax Slide
  • Image Wipe Slider
  • Image Mosaic Reveal
  • Image Liquid Distort
  • Image Pixelate Transition
  • Image Split Slide
  • Image Parallax Tilt
  • Image Ken Burns
  • Image Gallery Expand
  • Image Stack Swipe
  • Image Hover Zoom Lens

Buttons73

  • Shimmer Button
  • Border Beam Button
  • Liquid Button
  • Icon Morph Button
  • Confetti Button
  • Pay Button
  • Button Ink Ripple
  • Button Border Spin
  • Button Icon Slide Expand
  • Button Split Halves
  • Button Countdown Confirm
  • Button Tilt Glare
  • Button Underline Grow
  • Button Bubbles Pop
  • Button Marquee
  • Button Elastic Stretch
  • Button Goo
  • Button Equalizer
  • Button Orbit
  • Button Aurora
  • Button Wave Letters
  • Button Share Expand
  • Button Parallax Layers
  • Button Dot Matrix
  • Button Odometer
  • Button Trace
  • Button Swipe Confirm
  • Button Hold Ring
  • Button Spring Press
  • Button Submit Morph
  • Button Dots Morph
  • Button Toggle Count
  • Button Split Menu
  • Button Speed Dial
  • Button Icon Badge
  • Button Toolbar Group
  • Button Magnetic Pill
  • Button Press Radial
  • Social Login Solid
  • Social Login Outline
  • Social Login Glass
  • Social Login Icon Row
  • Social Login Icon Fill
  • Social Login Color Wash
  • Social Share Dial
  • Social Share Counter
  • Social Share Morph
  • Social Follow Count
  • Social Subscribe Bell
  • Social Follow Avatar
  • Button Hold Shred
  • Button Slide Delete
  • Button Trash Lid
  • Button Safety Cover
  • Button Type Confirm
  • Button Delete Undo
  • Button Check Draw
  • Button Shift Arm
  • Button Countdown Abort
  • Button Archive Discard
  • Button Swipe Dissolve
  • Button Irreversible
  • Specular Button
  • Button Spotlight
  • Button Slide Fill
  • Button Glitch Hover
  • Button 3D Press
  • Button Neon Pulse
  • Button Arrow Reveal
  • Button Stateful
  • Button Copy
  • Button Download Progress
  • Button Stacked Text

Loaders36

  • Loader Gears
  • Loader Hourglass
  • Loader DNA Helix
  • Loader Battery Fill
  • Loader Signal Bars
  • Loader Book Flip
  • Loader Bouncing Balls
  • Loader Rocket Trail
  • Loader Fill Text
  • Loader Line Reveal
  • Loader Jumping Dots
  • Loader Dots Pulse
  • Loader Orbit Sync
  • Loader File Morph
  • Loader Skeleton Feed
  • Loader Liquid Progress
  • Loader Tick Ring
  • Loader Dot Field
  • Loader Status Feed
  • Loader Gauge Counter
  • Loader Stack Build
  • Loader Device Scan
  • Loader Infinity Trace
  • Loader Button Progress
  • Loader Orbit
  • Loader Wave Dots
  • Loader Equalizer
  • Loader Ring Gradient
  • Loader Progress Stripes
  • Loader Percentage
  • Loader Morph Shapes
  • Loader Typing
  • Loader Radar
  • Loader Pulse Rings
  • Loader Cube
  • Loader Text Scramble

Micro52

  • Hold Button
  • Spring Toggle
  • Segmented Control
  • Tooltip
  • Scrub Field
  • Flip Card
  • Toast Stack
  • Lattice Loader
  • Star Rating
  • Context Menu
  • Rocker SwitchNew
  • Slide to UnlockNew
  • Spring StepperNew
  • Volume KnobNew
  • Reaction PickerNew
  • Copy ChipNew
  • Password EyeNew
  • Horizon ToggleNew
  • Notify BellNew
  • Quantity PickerNew
  • Half Star RatingNew
  • Progress PillNew
  • Jelly Radio
  • Spring Checkbox
  • Status Mark
  • Warm Tooltip
  • Branched Menu
  • Code Slots
  • Glide Select
  • Slide Commit
  • Elastic Slider
  • Sling Button
  • Dodge Field
  • Swipe Toast
  • Swipe Row
  • Squish Switch
  • Wake Slider
  • Rubber Segment
  • Pulse Heart
  • Bell Toggle
  • Comet Dial
  • Theme Switch
  • Gooey Toggle
  • Drawn Checkbox
  • Radio Card Group
  • Floating Label Input
  • Password Strength Input
  • Tags Input
  • Dual Range Slider
  • Number Stepper
  • Command Select
  • Inline Code Input

hyperblur · visual effects for React

A software library of React UI components and code templates. Sample screens use placeholder content only.

TermsPrivacyRefundssupport@hyperblur.dev
Effects/Hover & pointer

Hover & pointer

37 copy-paste items in this section.

Drop 04$180
Pulse
Runner
Hover the card

Chromatic Hover

Chromatic aberration that jitters on hover. Works on images, text, anything.

↗
Join the waitlist
RCAWTO
2,384 people already in
Move the cursor near

Magnetic

Pulls its child toward the cursor while you hover close, then springs back with a little overshoot.

↗
NorthwindMetal
•••• 4821
Alex Morgan
09/29

Tilt Card

3D tilt that follows the cursor, with a glare highlight that tracks the pointer.

↗
Zoom 100%
Infinite canvasmove the cursor across the grid

Dot Grid

A dot-grid background with a soft spotlight that follows the cursor and lights up the dots near it.

↗
ProMost popular
$24per month
  • Unlimited projects
  • Priority support

Glow Border

A card whose border lights up around the cursor, like modern SaaS cards.

↗
Linen overshirt
Sand · M · $64
Add to bag
Click the button

Ripple Click

A material-style ripple that spreads from the exact point you click.

↗
Studio OndineMake it movemove the cursor

Blob Cursor

A soft gooey blob that trails the cursor with lag, merging three circles through an SVG goo filter.

↗
Order confirmed#HB-20931 · arrives ThursdayClick anywhere

Click Spark

A burst of short lines radiates from every click and fades, like a cartoon impact.

↗
Brush 7 px
Draw somethingthe cursor leaves a ribbon

Cursor Trail

A fading trail of dots or a tapered ribbon that follows the cursor on a canvas.

↗
PlansMonthlyYearly −20%
Starter
$0/mo
  • 3 projects
  • Community
Start free
ProPopular
$18/mo
  • Unlimited
  • Analytics
Upgrade
Team
$49/mo
  • 10 seats
  • SAML SSO
Contact

Spotlight Card

A card lit by a soft radial spotlight that follows the pointer and catches the border. Wrap several in SpotlightGroup and one light spans the whole row.

↗
Lumen
•••• 0937
Card holder
Mira Castellanos
Expires
08/29

Glass Card

A frosted glass card with a fine noise texture, a bright inner rim and a specular highlight that tracks the pointer as the card tilts slightly. Best over color.

↗
Dipole 0.8 T
Field linesdrag the magnet with your cursor

Cursor Magnetic Filings

A canvas field of iron-filing needles that swing into the field lines of a dipole magnet. A hidden magnet drifts on its own until the pointer takes over.

↗
Move slow, then fastdots turn into streaks as you speed up
SlowFast

Cursor Trail Velocity

A canvas cursor trail that reads pointer speed: slow moves leave small round dots, fast flicks stretch into long thin streaks that shift in hue.

↗
9:41Home · page 1 of 3

Magnetic Icon GridNew

A launcher grid where every icon is pulled toward the pointer by its own distance falloff and swells as it gets closer, so the grid bends like a field. The nearest icon gets a ring and a bright label.

↗
Field notes · 07 cities

Every place, in order.

Lisbon 06:12
Faroe 09:40
Kyoto 17:05
Atacama 22:30
Reykjavik 01:14
Marrakesh 13:50
Oslo 08:02

Photo SnakeNew

A chain of instant-photo frames that follows the pointer like a snake: each frame chases the one ahead on a fixed link, leans into the motion and coils into a neat pile when the pointer rests.

↗
Your mixes this week5 playlists

Night Drive · now playing

Fan StackNew

A tidy stack of cards that fans into an arc around a low pivot on hover. The card under the pointer lifts and pushes its neighbours aside, and a click brings it to the front of the stack.

↗
Serviceseu-west · 4 running

Spotlight Border ListNew

A list where one light source travels across all rows at once and lights their borders where it passes, while a soft highlight glides to the row under the pointer.

↗

Low tide, Algarve

Frame 0412 · 35mm

Velocity Distort ImageNew

An image that warps like heat haze in proportion to how fast the pointer moves over it, with the red and blue channels pulled apart along the direction of travel. It settles back to sharp when the pointer slows.

↗

Morph CursorNew

A custom cursor that melts into the exact shape of whatever you hover, pill, circle or rounded rectangle, and inverts what is under it. Between targets it stretches along its path like a drop of liquid.

↗
Spring showcaseRoom 3 · 5 works

Tilt GalleryNew

A strip of artworks hung in 3D space: every card turns to face the pointer like a sunflower, the closest one widens and steps forward, and the whole wall leans with a sliding sheen.

↗
Depot 4HubDock BYard 2
Live load

Reveal LensNew

A round lens that floats after the pointer on a spring and shows a second layer through it, such as live data over a blueprint. Press to widen the lens; arrow keys and plus or minus drive it from the keyboard.

↗

Leave a mark

Pins settle back in a few seconds

Pin BoardNew

A pin art board drawn on canvas: the pointer presses the pins down, they glow in the accent where pushed and rise back slowly, so every stroke leaves an imprint that fades.

↗

Hover Play TilesNew

Video-style preview tiles that start playing the moment the pointer lands on them, with a live timecode and progress bar, and pause where they left off when it leaves. Tap toggles playback on touch.

↗
Selected projects2023 to 2025
ResidentialTidewater HouseLisbon · 2025
CulturalCopper PavilionOslo · 2024
WorkplaceFernhall StudioKyoto · 2023

Direction-Aware CaptionNew

Project cards whose caption panel slides in from the edge the pointer entered and leaves through the edge it exits, with the text lines rising in a stagger and the image drifting the other way.

↗

Rebuilt onboarding from 11 steps to 4.

+38%Activation-52%Drop-offView case

A booking flow that fits on one screen.

+21%Conversion1m 40sTimeView case

Clinician dashboard for 300 clinics.

312Clinics71NPSView case

Expanding Index RowsNew

A project index where hovering a row opens it in place with a thumbnail, a one-line summary and key numbers, while the other rows fade back. Hover intent timing keeps it calm as the pointer moves down the list.

↗

Prism series

Aurora Quartz

Cut in 80 facets. Turns to follow your cursor.

$240In stock

Crystal Ball

A faceted low-poly sphere drawn on canvas. It turns slowly, tilts toward the pointer and moves its highlights with it.

↗
Pro planMost popular

$12 / month

Unlimited projects, priority builds, and a custom domain.

Border Star Orbit

A card whose border carries a glowing four-point star that circles the perimeter, dragging a trail of fading color behind it.

↗

Release 4.2

Checks passed

Ready to ship to production

Cursor Target

A lock-on reticle with four corner brackets and a rotating dashed ring. It follows the pointer and shrinks onto buttons and links when you hover or tab to them.

↗

Chapter 3 · 12 min read

The house on Alder Lane

Nobody had lived there since the winter of 1988, yet the porch light came on every night at nine.

Cursor Ghost

A faint ghost that trails the pointer on a spring, leans into its motion, looks where it is going and leaves a fading afterimage.

↗
Live18:42 · Brighton Pier

Starling murmuration

41,200 birdsWind 6 km/h NWSunset 18:51

Cursor Swarm

A flock of small arrow points that steer toward the pointer, keep their distance from each other and circle it like starlings.

↗

Splash Studio

Paint with motion

Move to mix color. Stop to let it settle.

Open canvas

Cursor Fluid Splash

Colorful blobs pour out along the pointer path, carry its velocity, swirl in a soft flow field and fade into streaks.

↗

Velvet Hours

Mira Sol · Low Tide Sessions

1:423:58

Cursor Ribbons

Several glowing ribbons chase the pointer through spring-chained segments, taper to a point and blend where they cross.

↗

Voice memo

Morning standup

00:42

Recording

Cursor Metaballs

A gooey blob follows the pointer while smaller blobs orbit it, stretch away and melt back in through an SVG goo filter.

↗

Pixel Drift

Level 03 · Neon Harbor

Press start

Cursor Pixel Trail

Cells on a pixel grid light up under the pointer and fade out in hard steps, like an old LED matrix.

↗

Field Notes

Iceland, spring 2026142 frames35mm

Cursor Image Trail

Small photo tiles drop along the pointer path every few dozen pixels, then tilt, drift away and fade.

↗
Frame 12 · 1440 × 900
Hero / Title

Cursor Crosshair

Full-width dashed guide lines follow the pointer with X and Y readout chips and a dot that snaps to a grid, like a design tool ruler.

↗

Wind field · North Sea

14 kn NWgusts 22 kn

Cursor Glare Grid

A field of tiny needles turns to face the pointer like compasses, growing and lighting up the closer they are.

↗
Previous sectionOverlays & backgroundsNext sectionTransitions & slides