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

Comparison

6 copy-paste items in this section.

Compare plans

Pick the plan that fits how you ship

Every plan includes unlimited viewers, global CDN hosting and SSL. Upgrade or downgrade any time.

Starter

$0forever

For side projects and trying things out with one collaborator.

Start for free
  • Projects3
  • Editors per project2
  • Version history7 days
  • Custom domainsNot included
  • Branch previewsNot included
  • Audit logNot included
  • SSO and SCIMNot included
Most teams pick this

Studio

$24per editor / mo

For product teams shipping every week across several sites.

Try Studio for 14 days
  • ProjectsUnlimited
  • Editors per project10
  • Version history1 year
  • Custom domainsIncluded
  • Branch previewsIncluded
  • Audit logNot included
  • SSO and SCIMNot included

Scale

$59per editor / mo

For companies that need controls, compliance and a named contact.

Talk to sales
  • ProjectsUnlimited
  • Editors per projectUnlimited
  • Version historyForever
  • Custom domainsIncluded
  • Branch previewsIncluded
  • Audit logIncluded
  • SSO and SCIMIncluded

Prices in USD, billed annually. Need more than 50 editors? Get a custom quote

Comparison Tiers

Plan cards side by side that list the same feature rows, so checks, dashes and values line up across tiers. The recommended plan gets a rotating beam border and a badge, and hovering a row highlights it in every card.

↗
Fieldnote vs the usual stack

Same questions, answered nine times faster

We ran both tools side by side for 30 days with 212 analysts at 18 companies. These are the medians.

0.0Fieldnote
VS
0.0Legacy BI
Read the full report
FieldnoteLegacy BIMedian of 212 analysts
  • Time to first insight
    From signup to a shared dashboard
    0.0 minFieldnote: 4.0 min
    0.0 minLegacy BI: 38 min
    9.5x faster
  • Query speed
    p95 on a 200M row table
    0.0 sFieldnote: 0.8 s
    0.0 sLegacy BI: 6.4 s
    8.0x faster
  • Connectors included
    Without paid add-ons
    0.0Fieldnote: 140
    0.0Legacy BI: 35
    +300%
  • Weekly active rate
    Share of seats used each week
    0.0%Fieldnote: 87%
    0.0%Legacy BI: 41%
    +112%
  • Support reply time
    Median, business hours
    0.0 minFieldnote: 9.0 min
    0.0 minLegacy BI: 52 min
    5.8x faster

Independent benchmark by Northgate Research, September 2026. Legacy BI is the average of three incumbent tools.

Comparison Scorecard

An us versus them scorecard with two overall score rings and a list of benchmark metrics, each with paired bars that grow in and numbers that count up, plus a delta chip per row.

↗
Pricing calculator

See what your support stack really costs

Move the sliders to match your team. Competitor prices come from their public pricing pages in October 2026.

24seats

People who answer conversations

1100200
60kcontacts

Customers who start a conversation

1k125k250k
You save at least, per year
$8,548
Start a free trial
$422 /moRelay
$1,166 /moBeacon Desk
$1,135 /moParcel HQ
$1,309 /moSwitchyard

Compared with the cheapest alternative for the same seats and contacts. Taxes not included.

Comparison Calculator

A light pricing calculator where sliders for seats and contacts and a monthly or yearly switch update a bar chart of your price against competitors, with the yearly savings counting to the new value.

↗

Compare

Why teams move their sites to Relay

The same features you would spend a quarter wiring together, on by default and priced per project.

FeatureRelayRecommendedLegacy CDNBuild it yourself
Performance
Global edge locations31084Up to you
Median cold start4 ms240 ms1.2 s
On-the-fly image optimization
HTTP/3 and early hintsPartial
Developer experience
Deploy on git push
Preview URL for every branch
One-click rollbacksManual
Security
Always-on DDoS mitigation
SOC 2 Type II report
Managed TLS certificatesPaid add-on

Performance

  • Global edge locations

    Relay
    310
    Legacy CDN
    84
    Build it yourself
    Up to you
  • Median cold start

    Relay
    4 ms
    Legacy CDN
    240 ms
    Build it yourself
    1.2 s
  • On-the-fly image optimization

    Relay
    Legacy CDN
    Build it yourself
  • HTTP/3 and early hints

    Relay
    Legacy CDN
    Build it yourself
    Partial

Developer experience

  • Deploy on git push

    Relay
    Legacy CDN
    Build it yourself
  • Preview URL for every branch

    Relay
    Legacy CDN
    Build it yourself
  • One-click rollbacks

    Relay
    Legacy CDN
    Manual
    Build it yourself

Security

  • Always-on DDoS mitigation

    Relay
    Legacy CDN
    Build it yourself
  • SOC 2 Type II report

    Relay
    Legacy CDN
    Build it yourself
  • Managed TLS certificates

    Relay
    Legacy CDN
    Paid add-on
    Build it yourself
Deploy your first siteRead the migration guide

Comparison Table

A feature matrix with grouped rows, a sticky header and a glowing highlighted column. Rows highlight on hover and the table turns into stacked cards in narrow containers.

↗

Before and after

Same launch. One-tenth of the busywork.

What changed for the content team at Northwind after moving 1,200 pages to Inkwell in a single sprint.

Before

Shipping a launch page the old way

  • Copy lives in 14 docs and nobody knows which one is final
  • Every typo fix waits for a developer and a deploy
  • Translations are pasted by hand into six locales
  • Approvals happen in DMs and quietly get lost
  • Preview links break whenever the branch changes
VS
After

Shipping it with Inkwell

  • One source of truth with history on every field
  • Editors publish in a click, developers keep their weekends
  • Locales sync automatically into review queues
  • Comments and sign-off live right next to the content
  • A stable preview link for every single draft
  • Time to publish

    Before: 3 days, After: 20 min

  • Tools in the stack

    Before: 9, After: 1

  • Review rounds

    Before: 6, After: 2

  • Monthly spend

    Before: $1,840, After: $390

Comparison Versus

A Before and After split with a spinning VS badge between two contrasting panels, and a metric strip whose bars grow to show the change.

↗

Release timeline

Drag to see three weeks become two days

The same six release stages for a mobile banking app, before and after Pipeline took over the waiting.

Release plan, Ledger iOS 4.2
Day 0Day 5Day 10Day 15Day 20
Code freeze
Regression tests
Security review
Staging soak
Release notes
Rollout
Manual QA and handoffs19.5 days, 4 handoffs
Day 0Day 5Day 10Day 15Day 20
Code freeze
Regression tests
Security review
Staging soak
Release notes
Rollout
Automated with Pipeline2.5 days, zero handoffs
17 days back2.5 days, zero handoffs
BeforeManual QA and handoffsAfterAutomated with Pipeline
Waiting on someoneManual workAutomated

Comparison Slider

A light section with a draggable divider over two release timelines. Drag or use the arrow keys to reveal how the same stages shrink from weeks to days.

↗
Previous sectionFootersNext sectionNavigation