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/Showcase

Showcase

9 copy-paste items in this section.

Product tour

One workspace, every view your team needs

Real screens from the product. Hover any tile to see what it does, or open it to try the live demo.

Open the interactive demo
Analytics
Revenue that explains itself
MRR$184,920+12.4%
Net new$21,300+8.1%
Churn1.9%-0.4 pt
Revenue that explains itself

Every spike links to the deals, campaigns and refunds behind it.

Projects
Boards that move with the team
Backlog
Doing
Done
Boards that move with the team

Drag cards across stages and owners get pinged automatically.

Shared calendars
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Shared calendars

See launches, sprints and time off on one grid.

Threaded chat
Can we ship the onboarding fix today?
Yes, PR is green. Merging at 3.
Perfect, I will tell support.
Threaded chat

Discuss any record without leaving it.

Logistics
Live delivery routes
Live delivery routes

Drivers, stops and ETAs update every few seconds on the map.

Developers
Scripts with autocomplete
export async function weeklyReport() { const rows = await db.orders .where("status", "paid") .since("7d") return summarize(rows) }
Scripts with autocomplete

Automate reports in TypeScript with typed access to every table.

Showcase Bento Gallery

A bento grid of product screens that reveal with a staggered wipe. On hover or focus each screenshot zooms and a caption slides up with a short description and an arrow.

↗
Ledgerly 3.0

We rebuilt invoicing from the ground up

Drag the divider to compare the old screen with the new one. Same data, a fraction of the noise.

app.ledgerly.com/invoices
Dashboard
Customers
Invoices
Estimates
Payments
Items
Taxes
Reports
Recurring
Expenses
Vendors
Settings
Users
Import / Export
Help
NewEditDuplicateDeletePrintEmailPDFExport CSVMark paidVoidColumnsRefresh
Your session expires in 5 minutes. Save your work. Scheduled maintenance Sunday 02:00 to 06:00.
Status: AllCustomer: AllFrom: 09/01To: 10/31Owner: Any
NumberCustomerAmountTermsStatusDateOwner
[ ]INV-20931Hollis & Grant LLP$4,200.00Net 30Sent10/02JM
[ ]INV-20930Brightline Dental$1,180.00Net 15Overdue09/28AK
[ ]INV-20929Okafor Studio$860.00Due nowDraft09/27JM
[ ]INV-20928Northgate Supply$12,940.00Net 45Paid09/25RS
[ ]INV-20927Pine & Co Bakery$318.50Net 15Paid09/24AK
[ ]INV-20926Vela Architects$7,600.00Net 30Sent09/22RS
[ ]INV-20925Marlow Fitness$540.00Net 15Paid09/21JM
[ ]INV-20924Quarry Labs$2,275.00Net 30Partial09/19AK
[ ]INV-20923Lumen Opticians$990.00Net 15Paid09/18RS
[ ]INV-20922Harbor Freight Co$3,410.00Net 30Paid09/16JM
Invoices
New invoice
Collected in October
$48,210+18%
Needs attention
BDBrightline DentalRemind$1,180
QLQuarry Labs$2,275
OSOkafor Studio$860
VAVela Architects$7,600
Before, v2.8After, v3.0
-62%
Clicks to send an invoice
3.4x
Faster first load
+41%
Weekly active accountants

Drag the handle or use the arrow keys. Hold Shift for bigger steps.

Showcase Before After

A light redesign showcase: a browser frame holds the old and new screen, split by a draggable divider that also works with arrow keys. It sweeps once on load to hint that it moves, with result stats underneath.

↗
Inside Orbit

Everything your revenue team does, on one screen

Pick a feature to see it in the app. The tour advances on its own and pauses while you read.

Orbit
Inbox
Pipeline
Calendar
Automations
Contacts
Reports
Inbox24 open
HCHannah ColeRe: Renewal for 40 seatsUrgent2m
DADiego AlvarezCan we move the demo to Thursday?Chat8m
MTMei TanakaInvoice question for OctoberBilling21m
OBOliver BrandtLoved the onboarding callWhatsApp1h
PSPriya ShahSSO setup failing on OktaSupport2h
Orbit
Inbox
Pipeline
Calendar
Automations
Contacts
Reports
PipelineQ4 forecast
Weighted$1.42M+9%
Win rate31%+4 pt
Cycle23 days-5d
Orbit
Inbox
Pipeline
Calendar
Automations
Contacts
Reports
Week of Nov 10Share link
910111212345Demo, Acme FreightIntro callPipeline reviewOnboarding, Lumen1:1 with SamContract walkthrough
Orbit
Inbox
Pipeline
Calendar
Automations
Contacts
Reports
Trial to paidLive
Trial convertsTrigger, Stripe
Tag accountPlan: Growth
Notify #salesSlack message
Start onboarding5 step sequence

Showcase Device Tabs

A feature carousel with a list of tabs beside a large laptop. Each tab swaps the screen with a staggered build, and a progress line advances the tour on its own, pausing on hover or focus.

↗

Selected work 2024 to 2026

Work that shipped and kept shipping

Five engagements across finance, logistics and health. Hover a project to preview it, or tab through the list.

All case studies
Balance$12,480.22
QAaBbCcDd
Vessels1,204On time96.8%Ports31
Tuesday · 10:30
Balance$12,480.22
View case
  • 01Balance$12,480.22Halden BankHalden Financial · Mobile banking for 2.4M membersProduct design2026
  • 02QAaBbCcDdQuill StudioQuill Labs · Identity and type for a writing toolBrand system2026
  • 03Vessels1,204On time96.8%Ports31Orbital FreightOrbital Logistics · Live fleet tracking across 31 portsDashboard2025
  • 04Tuesday · 10:30Maren HealthMaren Clinics · Booking flow that cut drop-off by 41%Web platform2025
  • 05Balance$12,480.22TessellateTessellate Audio · Launch film and interface motionMotion2024

Showcase Cursor PreviewNew

A typographic project index where hovering a row brings up a preview card that trails the cursor with spring lag and a slight tilt. Each project wipes in over the previous one; on narrow screens the previews become inline thumbnails.

↗

Case studies

Six problems, six measurable outcomes

01 / 06
SaaS
Fieldnote

Rebuilding onboarding for a field research app

+38%week-one activation
Energy
Brightwater

A utility bill people actually understand

-52%billing support calls
Travel
Kestrel Air

Rebooking a missed flight in under a minute

47smedian rebooking time
Fintech
Oakline

From paper forms to a mortgage in nine screens

3.1xcompleted applications
Retail
Parcel & Pine

A storefront that sells furniture by the room

+24%average order value
Education
Lumen Schools

Report cards parents read to the end

91%parent open rate

Showcase Case RailNew

A light horizontal rail of case-study cards with a chapter index whose underline slides continuously with the scroll position. Cards snap, can be dragged with the mouse, and their art drifts with parallax as they pass.

↗

One library, every screen

Your trip, shaped to whatever you are holding

Wander keeps the same photos everywhere and rearranges the interface around the screen in your hand. Pick a device and watch it reflow.

Lay out the story

Albums along the top, a four-column grid below. Drag across to build a trip spread in seconds.

WanderLibraryKyoto 2026LisbonFavoritesShared
Kyoto 2026
214 photos · 9 days
SelectShare
Oaxaca
Hokkaido
Porto

Showcase Device GalleryNew

One device frame that morphs between watch, phone, tablet and laptop, while the app inside reflows to a layout built for each screen. A segmented picker with a timer tours the devices on its own.

↗

Lumen 3.0 is live

See your site the way customers do

Every push becomes a live, shareable preview with performance, accessibility and dark mode checked before anyone hits merge.

  • Instant previews for every branch
  • Comments pinned to any element
  • Rollbacks in a single click
Start for freeBook a demo
lumen.app/launch
LumenProductDocsPricingSign up

Launch pages that load before you blink

Design, preview and publish from one place. Loved by 9,400 product teams.

Get startedLive demo
24,812 visits+32% this week
Visual editor
Branch previews
Global edge
Hobby$0Choose
Pro$24Choose
Team$79Choose
Preview on every PRShareable link in 40s
Edge cached38 ms from Tokyo
Lighthouse 100Performance, a11y, SEO
Auto dark modeFollows the system

Showcase Browser

A product showcase with copy on the left and a browser frame on a gradient stage whose page scrolls slowly, with floating callouts pointing at what matters.

↗

One account, every screen

Start on your laptop, finish on your phone

Orbit keeps your dashboards, calendar and wallet in lockstep across every device, with nothing to configure.

Download Orbit
OrbitOverviewCalendarWalletReportsSettings
Good morning, AvaNew report
Revenue$48.2k+12.8%
Active users9,416+4.1%
Sessions31.7k+9.3%
Last 30 days
Northwind renewal$12,400
Acme expansion$8,950
ThursdayNov 6
MTWTFSS
Product review9:30 to 10:15 · Room 4
Lunch with Noah12:30 · Café Lisboa
Board prep15:00 to 16:30
Run club18:45 · Riverside
Balance$12,480
Orbit Card•••• 4021
Spotless Café−$6.40
Salary+$4,200
Metro−$2.90
Synced across 3 devices · just now
  • Responsive by default

    Layouts adapt from a 4-inch phone to a 32-inch display.

  • Syncs in real time

    Changes land on every device in under 200 ms.

  • Works offline

    Keep editing on a plane and merge cleanly when you land.

  • Feels native

    Gestures, haptics and shortcuts tuned for each platform.

Showcase Device Stack

A laptop, tablet and phone stacked in depth that tilt with parallax as the pointer moves, above a four-column feature caption row.

↗

Selected work

Products our clients actually shipped

Eighty-six launches across fintech, health and commerce. Hover a row to pause it and take a closer look.

View all projects
Fintech

Tidal Banking

2026
Brand site

Arcadia Hotels

2026
Productivity

Fieldnote

2025
E-commerce

Kiln Ceramics

2025
Healthcare

Northstar Health

2026
Developer tools

Atlas Maps SDK

2024
Fintech

Tidal Banking

2026
Brand site

Arcadia Hotels

2026
Productivity

Fieldnote

2025
E-commerce

Kiln Ceramics

2025
Healthcare

Northstar Health

2026
Developer tools

Atlas Maps SDK

2024
Hardware

Halcyon Audio

2026
Education

Mosaic Learning

2025
Food delivery

Pantry

2024
E-commerce

Veloway Bikes

2026
Portfolio

Lumen Studio

2025
SaaS

Quill Docs

2026
Hardware

Halcyon Audio

2026
Education

Mosaic Learning

2025
Food delivery

Pantry

2024
E-commerce

Veloway Bikes

2026
Portfolio

Lumen Studio

2025
SaaS

Quill Docs

2026
86 launches14 industries4.9 average client rating

Showcase Marquee Cards

A light portfolio section with two rows of project cards gliding in opposite directions, faded at the edges and paused on hover or focus.

↗
Previous sectionWaitlistNext sectionHow it works