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

Get started

  • Introduction
  • Installation
  • Agents
EffectsComponentsBlocks
All blocks

Hero sections50

  • Hero Section
  • Hero Dot Globe
  • Hero Dot Earth
  • Hero Dot Saturn
  • Hero Dot DNA
  • Hero Dot Orbit
  • Hero Dot Galaxy
  • Hero Dot Torus
  • Hero Dot Wave
  • Hero Dot Text
  • Hero Dot Logo
  • Hero Dot Silhouette
  • Hero Dot Worldmap
  • Hero Dot Brain
  • Hero Dot Head
  • Hero Dot Hand
  • Hero Scroll Expand
  • Hero Scroll Morph
  • Hero Scroll Horizontal
  • Hero Scroll Letters
  • Hero Scroll Curtain
  • Hero Scroll Stack
  • Hero Scroll Mask
  • Hero Scroll Ring
  • Hero Scroll Wipe
  • Hero Scroll Timeline
  • Hero Scroll Split
  • Hero Scroll Depth
  • Hero Prism
  • Hero Glass Orbs
  • Hero Stage Light
  • Hero Kinetic
  • Hero Devices
  • Hero Gradient Sphere
  • Hero Terminal
  • Hero Card Wall
  • Hero Live Metrics
  • Hero Aurora Lit
  • Hero Light Ribbon
  • Hero Swiss
  • Hero Editorial
  • Hero Orbs
  • Hero Prompt
  • Hero Spotlight
  • Hero Particles
  • Hero Beams
  • Hero Aurora
  • Hero Grid
  • Hero Product
  • Hero Type

Features12

  • Features Section
  • Features Sticky SwapNew
  • Features Live TabsNew
  • Features Hover RevealNew
  • Features Diagonal FlowNew
  • Features Mini UINew
  • Features Before AfterNew
  • Features Grid Glow
  • Features Alternating
  • Features Tabs
  • Features Checklist
  • Features Orbit

Bento12

  • Bento Live WidgetsNew
  • Bento Hero SatellitesNew
  • Bento Hover ExpandNew
  • Bento Scan SweepNew
  • Bento ShuffleNew
  • Bento Tilted PlaneNew
  • Bento Product
  • Bento Metrics
  • Bento Integrations
  • Bento Terminal
  • Bento Editorial
  • Bento Spotlight

Social proof12

  • Testimonials Section
  • Case Study Cards
  • Live Activity Proof
  • Proof Tilted WallNew
  • Proof Avatar OrbitNew
  • Proof Logo DockNew
  • Proof Video GridNew
  • Proof Review TickerNew
  • Proof Wall
  • Proof Spotlight Quote
  • Proof Logo Cloud
  • Proof Metrics Quotes

Contact9

  • Contact Booking Calendar
  • Contact Chat Widget
  • Contact Route MapNew
  • Contact Channel PickerNew
  • Contact Office PostcardsNew
  • Contact Split Form
  • Contact Offices
  • Contact Support Cards
  • Contact Minimal Light

Footers11

  • Footer Newsletter First
  • Footer App Download
  • Footer Reveal Under
  • Footer Pointer WordmarkNew
  • Footer Newsletter GroupsNew
  • Footer Single LineNew
  • Footer Sitemap StatusNew
  • Footer Mega
  • Footer Giant Wordmark
  • Footer CTA Sitemap
  • Footer Links Rail

Comparison6

  • Comparison Tiers
  • Comparison Scorecard
  • Comparison Calculator
  • Comparison Table
  • Comparison Versus
  • Comparison Slider

Navigation27

  • Nav Tab Bar
  • Nav App Header
  • Nav Side Dock
  • Navbar Prism Glass
  • Navbar Morph Underline
  • Navbar Magnetic
  • Navbar Spotlight
  • Navbar Scroll Shrink
  • Navbar Mega Preview
  • Navbar Command
  • Navbar Hamburger Morph
  • Navbar Banner Stories
  • Navbar Split Logo
  • Navbar Floating Capsule
  • Navbar Vertical Rail
  • Navbar Tabs Stretch
  • Navbar Search First
  • Navbar Bottom Notch
  • Navbar Commerce Rows
  • Navbar Theme Reveal
  • Navbar Hero Fill
  • Navbar Dock Stacks
  • Navbar Breadcrumb Switcher
  • Nav Mega Menu
  • Nav Floating Island
  • Nav Sidebar Mobile
  • Nav Announce Split

Cinematic pages14

  • Cinema Title Card
  • Cinema Trailer Slam
  • Cinema Credits Roll
  • Cinema Aperture Open
  • Cinema Light Leak
  • Cinema Projector Intro
  • Cinema Depth Fog
  • Cinema Split Reveal
  • Cinema Countdown Leader
  • Cinema Subtitles
  • Cinema Dolly Zoom
  • Cinema Chapter Select
  • Cinema Now Showing
  • Cinema Marquee Sign

Auth30

  • Login Card
  • Auth Tilt Spotlight
  • Auth Split Assemble
  • Auth Aurora Glass
  • Auth Passkey Handshake
  • Auth Magic Flight
  • Auth Social Orbit
  • Auth Status Rail
  • Auth Lock Reveal
  • Auth Flow OTP Verify
  • Auth Flow Reset Password
  • Auth Flow Two-Factor Setup
  • Auth Flow New Device
  • Auth Flow Signup Wizard
  • Auth Flow Lock Screen
  • Auth Flow Team Invite
  • Login Glass Card
  • Login Passkey
  • Login Social First
  • Login Minimal Line
  • Login Forgot Password
  • Login Reset Password
  • Login Two-Factor Choice
  • Login Account Chooser
  • Login Terminal
  • Login Onboarding Profile
  • Auth Split Brand
  • Auth Signup Steps
  • Auth OTP
  • Auth Magic Link

Call to action10

  • CTA Banner
  • CTA Rotating Band
  • CTA Sticky Dock
  • CTA Magnetic OrbNew
  • CTA Live Preview FormNew
  • CTA Benefit PlaneNew
  • CTA Terminal InstallNew
  • CTA Gradient Card
  • CTA Marquee Band
  • CTA Split Light

FAQ10

  • FAQ Section
  • FAQ Chat Thread
  • FAQ Flip Cards
  • FAQ Topic IconsNew
  • FAQ Scroll IndexNew
  • FAQ Branching ChatNew
  • FAQ Category DeckNew
  • FAQ Search
  • FAQ Two Column
  • FAQ Categories

Pricing17

  • Pricing Section
  • Pricing Seats Slider
  • Pricing Feature Table
  • Pricing Toggle Burst
  • Pricing Usage Calculator
  • Pricing Spotlight Grid
  • Pricing Matrix Sticky
  • Pricing Tier Carousel
  • Pricing Ribbon Highlight
  • Pricing Enterprise Contact
  • Pricing Credit Stack
  • Pricing Seat Stepper
  • Pricing Single Plan
  • Pricing Switch
  • Pricing Slider
  • Pricing Compare Cards
  • Pricing Credits

Stats11

  • Stats Mosaic
  • Stats Before After
  • Stats OdometerNew
  • Stats Scrub BandNew
  • Stats Arc GridNew
  • Stats VersusNew
  • Stats MilestonesNew
  • Stats Counters
  • Stats Bar Race
  • Stats Radial
  • Stats Ticker

404 pages8

  • 404 Maze
  • 404 Apology Letter
  • 404 OrbitNew
  • 404 Terminal ShellNew
  • 404 Glitch
  • 404 Astronaut
  • 404 Search
  • 404 Broken Plug

Profile8

  • Profile Settings Card
  • Profile Team Presence
  • Profile Resume Timeline
  • Profile Creator StatsNew
  • Profile Dev SkylineNew
  • Profile Header Card
  • Profile Creator Bio
  • Profile Dev Card

About9

  • About Team Filter
  • About Timeline Scroll
  • About Mission Split
  • About Press Wall
  • About Growth TimelineNew
  • About Values MotifsNew
  • About Team TimezonesNew
  • About Story
  • About Values

Waitlist8

  • Waitlist Inline Pill
  • Waitlist Referral Board
  • Waitlist Teaser Unlock
  • Waitlist Capacity Countdown
  • Waitlist Queue TicketNew
  • Waitlist Referral LadderNew
  • Waitlist: Live Counter
  • Waitlist: Launch Card

Showcase9

  • Showcase Bento Gallery
  • Showcase Before After
  • Showcase Device Tabs
  • Showcase Cursor PreviewNew
  • Showcase Case RailNew
  • Showcase Device GalleryNew
  • Showcase Browser
  • Showcase Device Stack
  • Showcase Marquee Cards

How it works9

  • Stepper With Screens
  • Dashed Path Steps
  • Steps CircuitNew
  • Steps Story TabsNew
  • Steps Scroll RulerNew
  • How It Works: Steps Line
  • How It Works: Sticky Scroll
  • How It Works: Vertical Timeline
  • How It Works: Flow Diagram

Download8

  • Download Changelog
  • Download Requirements
  • Download QR Handoff
  • Download OS HubNew
  • Download Version TableNew
  • Download: Platforms
  • Download: App Badges
  • Download: Install Tabs

Blog8

  • Newsletter Issue List
  • Blog Category Tiles
  • Blog Reading TimeNew
  • Blog Magazine GridNew
  • Blog Featured Grid
  • Blog List Editorial
  • Blog Article Header
  • Blog Carousel

Ecommerce9

  • Product Reviews
  • Category Mosaic
  • Order Tracking
  • Shop Spin ConfiguratorNew
  • Shop Filter ChipsNew
  • Shop Product Detail
  • Shop Cart Summary
  • Shop Collection Hero
  • Shop Checkout Steps

Checkout & billing10

  • Checkout One Page
  • Checkout Split Summary
  • Checkout Stepper Card
  • Checkout Mobile Sheet
  • Checkout Subscription Upgrade
  • Checkout Success Receipt
  • Checkout Payment Failed
  • Checkout Billing Settings
  • Checkout Invoice History
  • Checkout Pricing Modal

Local business8

  • Local Booking Card
  • Local Menu Board
  • Local Hours and Map
  • Local Team Grid
  • Local Services Price List
  • Local Reservation Bar
  • Local Before and After
  • Local Reviews Wall

Menus & ordering13

  • Menu Photo Rail
  • Menu Dietary Filter
  • Menu Specials Today
  • Menu Photo Cards
  • Menu Brunch List
  • Menu QR Table
  • Menu Drinks Cafe
  • Menu Tasting Courses
  • Menu Delivery Order
  • Menu Burger Board
  • Menu Pizza Sizes
  • Menu Chalkboard
  • Menu Combo Builder

hyperblur · visual effects for React

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

TermsPrivacyRefundssupport@hyperblur.dev
Blocks/Cinematic pages

Cinematic pages

14 copy-paste items in this section.

Scope 2.39 : 1Reel 1 · 00:00:14:08
In theaters March 14Rated PG-13
Halden Pictures in association with North Ridge Films a Mira Okafor film The Long Quiet starring Jonah Vale Ines Carvalho Teo Lindqvist music by Arvo Ness edited by Dana Whitlock director of photography Sun-Hee Park produced by Lior Adler Maya Brandt written and directed by Mira Okafor

Halden Pictures presents

The Long Quiet

Some roads only run in one direction.

Watch the trailerGet tickets

Cinema Title Card

An opening title card with anamorphic letterbox bars that close in, a slow push-in on a dusk desert road and a title that settles from wide tracking. A compressed billing block and the release line sit inside the bottom bar.

↗

This winter

From the studio behind Coldwater

Deep Relay

Only in theaters 11.27

Watch the trailer
Teaser · Approved for all audiences

Cinema Trailer Slam

Teaser-style words slam into frame one beat at a time with a camera shake, a white flash and an anamorphic flare, then resolve into the title and release date. It loops for showcases or plays once.

↗

The Long Quiet

Directed by
Mira Okafor
Written by
Mira OkaforHenrik Saar
Produced by
Lior AdlerMaya Brandt

Cast

Elena Voss
Ines Carvalho
Tomas Reyes
Jonah Vale
The Keeper
Teo Lindqvist
Ada
Priya Raman

Crew

Director of Photography
Sun-Hee Park
Production Designer
Bastien Moreau
Editor
Dana Whitlock
Original Music
Arvo Ness
Sound Design
Kofi MensahRhea Patel
Costume Designer
Lucía Ferrer
Visual Effects
Northlight Studio
Colorist
Anouk de Vries

Filmed on location in Reykjavík, Iceland and Lisbon, Portugal. No lighthouses were harmed in the making of this picture.

Halden Pictures

End credits · 01:52:14

Cinema Credits Roll

End credits that roll up a dark frame with roles and names aligned on a center gutter, cast and crew sections and a closing studio mark. Hovering or pressing Pause stops the roll.

↗

A film by Rafa Moreno

Glass Harbor

Premiere screening · Friday, 9:00 PM · Screen 2

Reserve seats
Aperture f/22

Cinema Aperture Open

A camera diaphragm of overlapping metal blades rotates open to reveal a city at dusk and the title, with a live f-stop readout. It cycles by itself or opens and closes on demand.

↗
00:14:00:0824 fps · 1.85 : 1

Reel 02 · Kodak 500T

Summer, unedited

Eleven days of salt, static and borrowed cars, cut together from the rolls we almost threw away.

Cabo da Roca, Portugal

Cinema Light Leak

A golden-hour coastline shot on film, with warm light leaks drifting across the frame, an edge burn, moving grain, gate weave and a running timecode. The caption sits low on the left like a home-movie title.

↗
1Reel one

The Northern Light Film Society presents

Midnight Matinee

Restored prints · Every Friday · 11:45 PM

See this month's program

Cinema Projector Intro

A dark theater where the projector beam flickers on over the audience, dust drifts through the light and the screen runs a reel card before the title appears with scratches and flicker. Built for film clubs and screening nights.

↗

A documentary in five altitudes

Above the Treeline

Two winters with the last fire lookouts of the northern range, where the fog decides what you get to see.

Watch the first chapter
  • 3,240 m
  • 2,610 m
  • 1,980 m
  • 1,150 m
  • 620 m

Cinema Depth Fog

Five mountain ridges at different depths with fog banks drifting between them, a pale sun and birds crossing the sky. Each layer shifts with the pointer by its own depth, and an altitude scale runs down the right edge.

↗

Two Shores

Two Shores
A Coldwater original · Season one

Cinema Split Reveal

A split-screen poster for two leads, a rain-soaked night harbor against a desert at dusk, divided by a glowing diagonal seam. Hovering or focusing a side pushes the seam across, opens that character's line and recolors the shared title.

↗

Premiere night

Lights down at eight

  • Thursday, March 12
  • Rialto Hall, Screen 1
  • Q&A with the director
Claim your seat
5
Picture startReel 135 mm · 24 fpsHead leader

Cinema Countdown Leader

A film leader countdown with a sweeping dial, crosshairs and frame labels that ticks down once per second, pops a white frame and gives way to the event details. It can be skipped and replayed.

↗
88.4 FM

Static, Episode 1

S1 · E1 · The Counting Station
00:00:00:00
No dialogue

Cinema Subtitles

A night drive scene with streetlights sweeping through the cabin and subtitles synced to a timeline, with speaker labels, sound cues and a scrubber that marks every line. Play, pause, seek and toggle captions.

↗
Focal18 mmDolly0.5 m

Chapter four

The hallway keeps getting longer

Nothing in the house moves. Only the distance between you and the door at the end.

Continue the story

Cinema Dolly Zoom

A true dolly zoom down a hallway of door frames: the figure at the end keeps its size while the corridor stretches and compresses around it, with focal length and dolly distance readouts. Runs by itself or follows a progress value.

↗

The Long Quiet · Director's cut

Chapter 02 of 05

The Keeper

Elena finds the logbook. Every entry for forty years ends with the same four numbers.

22 min · starts at 18:04

Cinema Chapter Select

A chapter menu with illustrated poster cards, watched progress and a backdrop that crossfades to the colors of the chosen chapter. Arrow keys move between chapters and the play button resumes where the viewer stopped.

↗
Salt & Static

Now showing

Salt & Static

PG-132h 08mMystery · Drama

A radio engineer on a storm-cut island hears her own voice on a frequency that went dark in 1986.

Directed by Mira Okafor · Rialto Hall · Screen 4

Date

Showtime

2×
$29.00
No. 339987Admit 24:10 PM

Cinema Now Showing

A now-showing section with a poster, film facts and a paper ticket where the visitor picks a date, a showtime and the number of seats. Booking tears the stub off and prints the row, seats and a barcode.

↗
ORPHEUM

ORPHEUM

Now playingNOWPLAYING
Salt & StaticSALT&STATIC
7:15 9:407:159:40

Since 1928 · 412 Alder Street

Cinema Marquee Sign

A theater facade in 3D with a neon crown, a vertical blade sign that spells the venue, chasing bulbs and a backlit letter board whose tiles swing onto their rails for each new program. The sign tilts with the pointer.

↗
Previous sectionNavigationNext sectionAuth