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/Transitions & slides

Transitions & slides

34 copy-paste items in this section.

----Days----Hours----Minutes----Seconds

Flip Countdown

A split-flap countdown clock. Each digit folds down in 3D with a soft shadow, grouped into days, hours, minutes and seconds.

↗
Overview

Page Transition

Wrap your page content and animate it in whenever the route changes. Fade, slide, blur or a curtain wipe.

↗

Northern light

Golden hour

Deep forest

Slide Show

A full-bleed slideshow with a slow Ken Burns zoom, animated captions, arrows, dots, an autoplay progress bar, swipe and keyboard control.

↗

New

Aero One

$129

Reveal

Curtain Reveal

Two curtain panels slide apart to uncover your content, with an optional label that fades out first.

↗

Quiet surfaces and sharp type.

Copy one file into your project. No packages to install, no config to maintain.

The panel grows and shrinks to fit its content, so nothing below it jumps around when you switch tabs.

Morph Tabs

Tabs where the container smoothly resizes to each panel, panels crossfade with a slight scale, and a pill glides between triggers.

↗
Now showingPG-13

Midnight Ferry

Fri 8:40 pm · Screen 3 · 1 h 52 min

Curtain Blinds

Venetian blind slats that tilt open one after another in 3D to reveal the content, and tilt shut in reverse order.

↗

New arrival

Aero One

Wireless over-ear, 40 h battery

$129Add to bag

Curtain Clip Wipe

A crisp clip-path wipe that pulls the curtain away with a bright leading edge and a soft trailing glow, in five directions.

↗
Reservation confirmed

The Lantern Room

Table for two · Sat, Nov 14 · 8:00 pm

Booking #LR-2081

Curtain Doors

Two doors swing open from the center in 3D with shading that deepens as they turn, while the room behind brightens into view.

↗
Issue 12Winter 2026

COLOR FIELD

Twelve painters on light and silence

Curtain Mixed

A mosaic of tiles that wipe away row by row, each row in the opposite direction of the one before, in a snaking order.

↗

Saturn tonight

At opposition · rises 5:48 pm · best after 9 pm

Curtain Iris

A scope-style iris that opens a circle from a chosen point, with a bright ring at its edge. In pointer mode a click picks the point.

↗
Spring 2027 · Drop 03

The Field Collection

Linen, waxed cotton and recycled wool. Shop the drop →

Curtain Stagger Wipe

Vertical bars sweep off one after another, each trailed by a colored layer, then drop back in reverse to cover the content.

↗
Harbor PointTue, Nov 10

Low tide

Sunset 4:52 pm · wind 9 kn NW

6:42 pm

Curtain Wipe

One soft curtain that glides away with a glowing gradient edge, feathering wider as it travels across.

↗
Chapter 105:42

The Harbor

Directed by Mara Lindqvist

Chapter 223:10

Night Shift

Directed by Mara Lindqvist

Transition Iris Wipe

A film-style iris that closes on the first view to a single point, holds on black for a beat, then opens on the second. A lit ring rides the aperture edge and the closing view sinks back as it goes.

↗
01

Spring drop 01

Field Jacket, Olive

Recycled ripstop, 3 colors

$168
02

Spring drop 02

Trail Shell, Indigo

Recycled ripstop, 3 colors

$214
02

Spring drop 02

Trail Shell, Indigo

Recycled ripstop, 3 colors

$214
02

Spring drop 02

Trail Shell, Indigo

Recycled ripstop, 3 colors

$214
02

Spring drop 02

Trail Shell, Indigo

Recycled ripstop, 3 colors

$214
02

Spring drop 02

Trail Shell, Indigo

Recycled ripstop, 3 colors

$214
02

Spring drop 02

Trail Shell, Indigo

Recycled ripstop, 3 colors

$214

Transition Diagonal Slice

The next view arrives cut into slanted bands that slide in along their own angle, alternating from top and bottom. The view behind recedes and dims while the bands lock together.

↗
Lisbon, PT14:20 WEST

21°

Clear, light breeze

H 24° L 15°

Reykjavik, IS13:20 GMT

4°

Sleet, gusts 38 km/h

H 6° L 1°

Transition Pixel Dissolve

A grid of square cells blinks on in a diagonal, slightly scattered order, flashing the accent before going solid. The views swap behind the grid and the cells drop away in a second wave.

↗
Up next

Low Tide

Harbor Lights

3:41

Glass Hours

Nora Vale

3:41
Now playing

Low Tide

Harbor Lights

1:243:41

Transition Shared Morph

Elements that carry the same data-morph name in both views fly from their old box to their new one while the rest of the views crossfade. Good for a list row that opens into a detail card.

↗
Act one

The Letter Arrives

Lyric Hall · 7:30 pm
Act two

A Storm at Sea

After a 15 minute interval

Transition Curtain Call

Pleated stage drapes swing shut from both wings with a lagging hem, a valance drops and a warm spot hits the closed curtain. The scene changes behind it and the drapes part again.

↗
AppearanceTap anywhere
Light
Dark
Match systemOff
AppearanceTap anywhere
Light
Dark
Match systemOff

Transition Ripple Reveal

Click anywhere and the other view spreads out as a circle from that exact point, chased by two thin rings. Built for theme switches and before and after toggles.

↗
Field notes

Salt, wind and the long coast road

Three weeks along the Atlantic edge, from Porto to Sagres.

p. 14
Tide tables

Where the water goes at night

A keeper's log from the Berlengas lighthouse, 1962 to 1971.

p. 16
Field notes

Salt, wind and the long coast road

Three weeks along the Atlantic edge, from Porto to Sagres.

p. 14
Tide tables

Where the water goes at night

A keeper's log from the Berlengas lighthouse, 1962 to 1971.

p. 16
Field notes

Salt, wind and the long coast road

Three weeks along the Atlantic edge, from Porto to Sagres.

p. 14
Tide tables

Where the water goes at night

A keeper's log from the Berlengas lighthouse, 1962 to 1971.

p. 16

Transition Page Turn

The right half of the view lifts at the spine and turns over like a magazine page, with the next view printed on its back. Shading follows the angle of the page as it travels.

↗

Europe

12 offices

Lisbon, Alfama

Rua dos Remedios 41, 3rd floor

Directions

Transition Zoom Through

The camera dives into a focal point: the first view rushes past and blurs out while the second grows into place from deep behind, with light streaks for speed. Switching back zooms out the same way.

↗
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
08:40LISBONB12Boarding
09:05OSLOA04On time
09:30MADRIDC11Delayed
09:55VIENNAB02On time
TimeDestinationGateStatus
09:15TOKYOC03Boarding
09:40DUBAID18On time
10:10BOSTONE07On time
10:25SEOULC09Delayed

Transition Split Flap

The view is cut into flaps hinged at the middle, like a station board. Each column drops its top half in turn, left to right, and settles with a small bounce.

↗

Runner 2 / Colorway

Mint

$148

Runner 2 / Colorway

Coral

$148

Transition Liquid Wipe

A wavy liquid front with a bulging belly pours across the frame, led by a colored rim that moves out of step with it. Reversing drains it back the way it came.

↗
LIVECH 07

Night Market

12.4k watching · 1080p

LIVECH 08

Harbor Cam

3,812 watching · 1080p

Transition Glitch Cut

A hard digital cut: slices of the new view tear in over the old one with jitter, skew and a split color fringe, while scan bars flash across. Over in about half a second.

↗

Step 1 of 3

Plan the route

Drop pins, we work out the stops and the fastest order.

Step 2 of 3

Book in one tap

Trains, ferries and rooms in a single checkout.

Transition Parallax Slide

A push navigation: the new view slides over the old one, which drifts back and darkens under it. Children marked data-depth 1 to 3 inside either view travel at their own speed for depth.

↗
Photo 1 of 4

Algarve in October

4 photos

Image Wipe Slider

A slideshow where each photo takes over with a diagonal, soft-edged wipe. Includes arrows, dots, auto-advance and keyboard control.

↗
Photo 1 of 4
Archive / 2026

Autumn Archive

Image Mosaic Reveal

The next photo appears tile by tile in a fixed shuffled order, each tile popping in over the previous image.

↗
Photo 1 of 4

Tidewater

Hover to ripple

Image Liquid Distort

A photo that ripples like water through an SVG turbulence filter. The warp swells on hover and focus and spikes when the slide changes.

↗
viewer.exe / IMG_0412.png
Photo 1 of 4

Image Pixelate Transition

A canvas transition that pixelates the current photo into coarse blocks, swaps to the next at the peak and resolves it back to sharp.

↗
Photo 1 of 4
SS26

Spring drop

Shop now

Image Split Slide

The current photo splits down the middle and the two halves slide apart to uncover the next one, which settles in from a slight zoom.

↗
Photo 1 of 4

Layered scenes

Sky, skyline and street shift at different depths as the card tilts.

depth 14px

Image Parallax Tilt

A photo that tilts in 3D toward the pointer while its background, middle and foreground layers drift at different depths, with a moving glare. It sways on its own until touched.

↗
Alpine dusk
Photo 1 of 4
Stories

Weekend in Lisbon

Four photos, four seconds each. Tap the sides to skip.

0:16 total

Image Ken Burns

A story-style slideshow with slow zoom and pan on every photo, crossfades, segmented progress bars and tap zones for previous and next.

↗

Selected work

hover a strip

Image Gallery Expand

A row of narrow image strips where the hovered or focused strip widens to reveal its caption. Click or press Enter to select one.

↗

Swipe to browse

Drag the top card or use the arrow keys.

← →
Photo 1 of 4

Image Stack Swipe

A stack of photo cards. Drag the top one away with a tilt, or use the arrow keys, to reveal the next card underneath.

↗
Photo 1 of 4
Inspect detail2.4x

Image Hover Zoom Lens

A round magnifier that follows the pointer and shows the photo enlarged. It drifts along its own path until the pointer arrives and can be moved with the arrow keys.

↗
Previous sectionHover & pointerNext sectionButtons