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/Checkout & billing

Checkout & billing

10 copy-paste items in this section.

Northwind Supply
Encrypted checkout

Checkout

Contact
Shipping
Delivery
Payment
1Contact
2Shipping address
3Delivery method
4Payment
or pay with card
Card

Test mode. Card details stay in this browser tab.

Order summary

4 items
  • 1
    Field Jacket
    Olive / M
    $168.00
  • 2
    Merino Crew Socks
    Charcoal / 3-pack
    $64.00
  • 1
    Canvas Weekender
    Sand
    $124.00
Subtotal$356.00
ShippingFree
Estimated tax$29.37
Total$385.37

Checkout One Page

Contact, shipping, delivery and payment on a single page beside a sticky order summary. Card numbers format as you type and pass a Luhn check, a progress rail fills as each part becomes valid, and a success state replaces the form.

↗
Lumen StudioTest mode

Pay Lumen Studio

$373.43

  • Lumen ProAnnual license, 1 editor$192.00
  • Extra seats3 reviewers at $36 / year$108.00
  • Asset library4,000 LUTs and overlays$49.00
Subtotal$349.00
Sales tax (7.0%)$24.43
Total due today$373.43
256-bit encryption30-day refundCancel any time

Pay with card

VISAMCAMEX
Billing address

Test mode. Try 4242 4242 4242 4242 with any future date.

Checkout Split Summary

A dark two-column checkout with a brand panel on the left holding the order, a promotion code field and trust badges, and a card form on the right. The total counts to its new value when a code is applied.

↗
Relay Team plan5 seats, billed yearly
$900.00per year
  1. 1Details
  2. 2Payment
  3. 3Confirm

Your details

We send the invoice and workspace invite here.

Seats
5

Cancel any time from workspace settings. Prices in USD.

Checkout Stepper Card

One centered card that walks through Details, Payment and Confirm with a glowing progress track. Steps slide in from the direction you travel, each step validates before moving on, and the review step links back to edit.

↗

Mobile checkout

Checkout in one gesture

A wallet-style sheet that rises over the product page, fills itself from saved details and confirms with a single slide. No forms, no new page.

  • 1 tapto open the sheet
  • 4.2 smedian time to pay
  • +31%mobile conversion
9:41
Aria Audio

Aria Over-Ear$249.00

Wireless, 40 h battery
Pay
CardHarbor Card 4242
Ship to88 Larkin St, San Francisco
DeliveryFree, 2 to 3 days
Pay Aria Audio$249.00
Slide to pay

Checkout Mobile Sheet

A phone mockup with a product page and a wallet-style payment sheet that rises from the bottom. Payment is confirmed by dragging a slider, or with the arrow keys and Enter, followed by a success state inside the sheet.

↗

Upgrade

Move Halcyon Labs to Business

You keep everything you have today. We credit the unused part of your Starter plan and only charge the difference for the rest of this cycle.

Current plan

Starter

$10.00 per seat / month, 8 seats

  • 5 projects
  • Basic reports
  • Email support
  • 7-day history
New plan

Business

$22.00 per seat / month

  • Unlimited projects
  • Custom reports and exports
  • SAML single sign-on
  • Priority support, 4 h
  • Unlimited history
12 seats, $264.00 / month
12550

4 new seats. Invite links go out after you confirm.

Proration

  • Business, 12 seats18 of 30 days left in cycle$158.40
  • Unused Starter8 seats, credited-$48.00
Due today$110.40

Then $264.00 every month from Dec 1, 2026.

Visa ending 4242Card on file, expires 08 / 28

Downgrade or cancel any time. Unused time is always credited.

Checkout Subscription Upgrade

A light plan upgrade screen comparing the current plan with the new one. A seat slider drives a proration breakdown whose figures count to their new values, next to the card on file and a confirm button.

↗

Order confirmed

Thanks, Maya. Order NW-20931 is being packed. We sent the receipt to maya@studio.co and will text you when it ships.

  1. Order placedToday, 10:42
  2. PackedNov 5
  3. ShippedNov 5
  4. DeliveredEst. Nov 7
Continue shopping
Northwind SupplyReceipt NW-20931Nov 4, 2026
PAID
  • 1xField JacketOlive, M$168.00
  • 2xMerino Crew SocksCharcoal, 3-pack$64.00
  • 1xCanvas WeekenderSand$124.00
Subtotal$356.00
Shipping$12.00
Tax$29.04
Total$397.04
Billed toMaya Lindqvist
PaymentVisa ending 4242
209310000000

Checkout Success Receipt

An order confirmation with a self-drawing success mark, a paper receipt that prints out of a slot with perforated edges and a barcode, and a delivery timeline. Download receipt saves a text file locally unless you handle it.

↗

Your payment was declined

Your bank turned down the $86.40 charge from Northwind Supply. Nothing was taken from your account and your items are held for 24 hours.

Card
Visa ending 0341
Reason
Insufficient funds
Order
NW-20931

Choose how to finish your order

Test mode. Card details never leave this page.

BankHarbor Point Bank
Account nameNorthwind Supply LLC
Account0000 4471 2290
Routing000 111 222
ReferenceNW-20931

Sample details for a demo account. Always include the reference.

Items held until tomorrow, 10:42.

RKTOLMOnline

Need a hand?

The billing team replies in about 6 minutes. Share your order reference and we will sort it out.

Email billing
Reference NW-20931

Why cards get declined

  • Not enough available balance or credit
  • The bank flagged an unusual purchase
  • Expired card or a typo in the details

Checkout Payment Failed

A declined payment screen that explains the reason and offers three ways forward: retry the same card, enter another card, or pay by bank transfer with copyable sample details. A support card sits alongside with the order reference.

↗

Billing

Manage the plan, payment methods and invoices for Halcyon Labs.

GeneralMembersBillingSecurity

Team plan Active

$96.00per month

Renews Dec 1, 20268 of 10 seats

Payment methods

The default method is charged on each renewal.

  • VISAVisa ending 4242DefaultExpires 08 / 28
  • Mastercard ending 4444Expires 03 / 27
  • Harbor Point BankChecking ending 6789

Billing details

Shown on every invoice we send.

Receipts and invoices are sent here.
Needed for reverse charge in the EU and UK.

Usage this cycle

Nov 1 to Nov 30

  • Seats8 / 10
  • Build minutes3,240 / 5,000
  • Storage42 / 100 GB
  • Bandwidth912 / 1,000 GB

Bandwidth is at 91%. Extra usage is billed at the end of the cycle.

Next invoice

Charged to the default method

$110.00Dec 1, 2026
  • Team plan$96.00
  • Extra bandwidth$14.00

Checkout Billing Settings

A light billing settings page with the current plan, saved payment methods that can be made default or removed after an inline confirm, billing email and tax ID fields with format checks, usage meters and the next invoice.

↗

Invoices

Every charge for the Halcyon Labs workspace, with PDF-ready receipts.

Paid in 2026$0.005 invoices settled
Outstanding$0.002 open or failed
Upcoming invoiceDec 1, 2026
$246.00
  • Team plan, 10 seats$240.00
  • Extra bandwidth, 120 GB$18.00
  • Credit from downgrade-$12.00
InvoiceDateDescriptionAmountStatusDownload
INV-2026-0112Nov 1, 2026Team plan, 10 seats$240.00Open
INV-2026-0098Oct 1, 2026Team plan, 10 seats$240.00Paid
INV-2026-0091Sep 14, 2026Extra build minutes, 2,000$36.00Paid
INV-2026-0085Sep 1, 2026Team plan, 10 seats$240.00Failed
INV-2026-0071Aug 1, 2026Team plan, 8 seats$192.00Paid
INV-2026-0064Jul 19, 2026Seat added mid-cycle, prorated$14.20Refunded
INV-2026-0058Jul 1, 2026Team plan, 8 seats$192.00Paid
INV-2026-0042Jun 1, 2026Team plan, 8 seats$192.00Paid
Showing 8 of 8 invoicesBilled $1,332.00 excluding refunds

Checkout Invoice History

Invoice history with counting totals, an upcoming invoice card, status filters, search and a year select over a table with status pills and download buttons. The table turns into stacked rows in narrow containers and exports to CSV locally.

↗
Lattice

Upgrade your workspace

Pick a plan for Lattice. Switch or cancel any time, unused days are credited.

Pro, billed yearly: $144 per seatEqual to $12 a month. Renews in 12 months.

Checkout Pricing Modal

Plan cards inside a dialog over a dimmed app, with a monthly and yearly switch, prices that roll on change and a summary bar with Continue. Focus is trapped while open, Escape and the backdrop close it, and focus returns to the Upgrade button.

↗
Previous sectionEcommerceNext sectionLocal business