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

Bento

12 copy-paste items in this section.

Live right now

Your whole operation, breathing on one screen

Metrics, logs, regions, people and the calendar, all streaming. No refresh button anywhere.

Open the live demo
api.p95 182ms ▼checkout.rps 1,904 ▲errors.5xx 0.04% ▲queue.depth 312 ▼signups.today 2,418 ▲db.cpu 41% ▲api.p95 182ms ▼checkout.rps 1,904 ▲errors.5xx 0.04% ▲queue.depth 312 ▼signups.today 2,418 ▲db.cpu 41% ▲
api.p95 182ms ▼checkout.rps 1,904 ▲errors.5xx 0.04% ▲queue.depth 312 ▼signups.today 2,418 ▲db.cpu 41% ▲api.p95 182ms ▼checkout.rps 1,904 ▲errors.5xx 0.04% ▲queue.depth 312 ▼signups.today 2,418 ▲db.cpu 41% ▲
Requests per second streaming
1,9041,9621,8872,013+6.2% vs last hour
Deploy log prod
$halyard watch --env prod
›eu-west-1 healthy 41 pods
›us-east-1 healthy 58 pods
$scale checkout 12 → 16
›rollout 4/4 ready in 38s
›alert cleared: queue.depth
Thu, Nov 12
9:0011:0013:0015:0017:00
Standup9:15
Incident reviewAdded just now
Capacity planning14:30
Edge regions 5 online
#oncall 3 here
NK

Checkout p95 just spiked in us-east

Scaling to 16, watching it now

NK

Back under 200ms. Nice.

OB

Bento Live WidgetsNew

An operations bento where every tile streams: a scrolling request chart with a rolling counter, a deploy log that writes itself, edge regions with routes drawing across a dotted map, an on-call chat and a day calendar with a moving now line.

↗

Aster home hub

Every source of power in your home, orbiting one screen

Point at any tile and the hub in the middle tells you what it is doing, why, and what it will do next.

4.2 kW78% of capacity
Now showing

Solar now

Panels are running at 78% of peak under thin cloud. Expected 31 kWh by sunset.

Bento Hero SatellitesNew

A light bento with a dark hero tile in the middle and six satellite tiles around it. Pointing at a satellite lights a flowing connector into the hero, which redraws its dial, story and sparkline for that source.

↗

quarry / platform

Postgres with the sharp edges filed off

Hover any tile to open it. The grid makes room, the rest step aside.

01

Branch the database

A full copy of production for every pull request, in two seconds.

  • Copy-on-write, so branches cost nothing until they change
  • Auto-deleted when the PR merges
2.1sto branch 480 GB
02

Point-in-time restore

Rewind to any second in the last 30 days.

03

Read replicas

Serve reads from the region closest to each user.

04

Edge cache

Repeat queries answered before they reach the database.

05

Query insights

The five queries costing you the most, ranked.

06

Schema diff

Review migrations like code, with a safe deploy.

Bento Hover ExpandNew

A six-tile bento whose grid tracks resize around the tile you hover or focus. The opened tile widens and grows to reveal an animated visual, details and a stat while its neighbours compress.

↗

wardline · continuous scanning

One sweep, every surface, every six seconds

Wardline rescans your infrastructure end to end on a loop. Watch the beam: everything it touches is checked again.

Run a free scan

Threat radar

Inbound traffic scored in real time.

3flagged sources2 benign crawlers

Secrets vault

Leaked tokens caught before merge.

whk_prod_••••••••••whk_prod_9c4e1a72f0 · exposed
db_ro_••••••••••db_ro_rotated 2m ago

Audit stream

Signed and append-only.

  • 14:02sso login · m.chen
  • 14:03role change · ops
  • 14:03blocked · 185.22.x.x
  • 14:05key rotated · db_ro
  • 14:06policy push · v41
  • 14:08device enrolled · #219
  • 14:09export · audit.jsonl

Device posture

MacBook · Ana R. Encrypted
Pixel 9 · Joel K. OS outdated
ThinkPad · Mei C. Encrypted

Compliance

Evidence collected for you.

SOC 2ISO 27001HIPAAGDPR

Passkeys only

No passwords to phish.

Automatic key rotation

Every credential replaced on schedule, with zero restarts.

Junk_7f2a
Julk_19bd
Augk_c04e
Sepk_5a1f
Octk_e93c
Novk_2d70

Bento Scan SweepNew

A security bento crossed by one scanning beam on a loop. Each tile reacts the instant the beam passes it: borders flare, radar blips appear, masked secrets briefly reveal, audit rows and badges light up.

↗

Glasswing for brand teams

A board that rearranges itself around the work

Artwork, palette, type and exports live on one canvas. Switch views and every tile finds its new place.

Fall
Campaign
Artboard · 1920×1080
Palette · 5 tokens
AaGrotesk 600
-4% tracking
Display / 64
Type scale
PNGSVGPDFMP4LottieWebP
Export
Headline
Gradient blob
Grain
Layers · 14
RVDKAO

We shipped the whole fall campaign from one board, without a single handoff file.Rosa Vidal, Brand Lead at Fernwood

3 editing now

Bento ShuffleNew

A white creative-tool bento that glides between three arrangements of the same six tiles. Each tile adapts its content to its new size, and view buttons with a progress line let people pick or pause the layout.

↗

Cobalt Edge

Infrastructure that lands flat in front of you

Scroll and the whole stack settles into place: latency, throughput, cache and every region, on one plane.

Deploy to the edge

Global p50 latency 6 regions

23 ms−9 ms this week

Requests / sec live

48.2k

Cache hit 24h

91%

Regions all healthy

  • Frankfurt 14 ms
  • São Paulo 31 ms
  • Singapore 19 ms
  • Sydney warming

Cold start by runtime p95

Edge (V8)4 ms
Node 24112 ms
Python 3.14240 ms

Deploying 3/4

main · 8e1f04c

Propagating to Sydney, about 6 s left.

Bento Tilted PlaneNew

An infrastructure bento laid on a tilted 3D plane, tiles lifted to different heights, that settles flat as the section scrolls into view. Accepts a controlled progress or loops by itself for previews.

↗

Workspace

Plan, ship and stay in sync from one calm workspace

Northwind brings revenue, schedules, automations and your whole team into a single surface that updates the moment anything changes.

Explore the platform
Net revenue
$128,430+18.2%
Oct 3$9,800
Oct 6$11,200
Oct 9$10,650
Oct 12$12,900
Oct 15$12,100
Oct 18$14,300
Oct 21$13,600
Oct 24$15,800
Oct 27$16,900
Oct 30$18,400
Orders3,218
Avg. order$39.90
Refunds0.6%
November 2026Sprint 14
MTWTFSS123456789101112131415161718192021222324252627282930
Design review10:00
Launch sync14:30

Plans that line up

Sprints, reviews and launches on one shared calendar.

Automations
  • Auto-assign reviewsRound robin, design team
  • Nightly digestSlack at 6:00 pm
  • Close stale issuesAfter 30 days idle
Maya
  • MC
    Maya ChenEditing Q4 Roadmap
  • JB
    Jonas BergIn Design review
  • PR
    Priya RamanCommenting on Launch plan
  • LN
    Leo NavarroAway for 12 min

Know who is around

Live presence and cursors on every doc.

Everything is one keystroke away

Jump to any project, run an action or invite a teammate without touching the mouse.

Create issue in Q4 Launch⌘K
  • Create issue in Q4 Launch↵
  • Open Q4 Launch boardG then B
  • Invite teammateI

Bento Product

An asymmetric four-column bento with a revenue chart that switches range, a sprint calendar, working automation toggles, live presence and a typing command bar.

↗

Metrics

Numbers the whole company can read at a glance

Revenue, usage and reliability on one board that refreshes every minute, with goals everyone can see.

Monthly recurring revenue$84,210
+12.4%
vs. last month
Active accounts12,904
+3.1%
vs. last month
Net revenue churn1.8%
+0.3 pts
vs. last month
Seats by plan
4,812paid seats
  • Team52%
  • Business31%
  • Enterprise17%

Expansion revenue is up $9.4k this month, led by Business upgrades.

Signups2,481
Sessions184k
Trial to paid18.6%
Avg. response212 ms
Q4 goals
  • New ARR · $1.2M72%
  • Self-serve conversion · 4.0%88%
  • Enterprise logos · 2556%
  • Support CSAT · 95%97%
Net promoter score
6471% promoters · 7% detractors
Uptime, 30 daysLive99.98%
Oct 4Last incident 23 days ago

Bento Metrics

A dashboard-style bento with counting stat tiles, a plan donut, a sparkline strip, goal progress bars, an NPS gauge and a 30-day uptime bar.

↗

Integrations

Plug into the stack you already run

One hub keeps payments, messaging, storage and analytics in sync, with retries, logs and typed SDKs included.

120+native connectors

Conduit hub

Every connector routes through one queue with automatic retries.

3 of 4 live

LedgerPayments

Payouts, invoices and refunds synced every five minutes.

Last sync 2 min ago

RelayMessaging

Route alerts to the right channel with per-team rules.

Last sync 5 min ago

VaultStorage

Mirror files and exports to your own bucket, encrypted.

Not connected

PulseAnalytics

Stream product events into dashboards in real time.

Last sync 11 min ago

Webhooks with a paper trail

Signed, retried, replayable
POSTinvoice.paid20084 ms
POSTcustomer.updated20061 ms
POSTfile.uploaded201132 ms
POSTalert.triggered20047 ms
PUTseat.assigned20073 ms
POSTrefund.created5021204 ms
POSTevent.batch20239 ms
POSTinvoice.paid20084 ms
POSTcustomer.updated20061 ms
POSTfile.uploaded201132 ms
POSTalert.triggered20047 ms
PUTseat.assigned20073 ms
POSTrefund.created5021204 ms
POSTevent.batch20239 ms

Typed SDKs

Five languages
TypeScriptPythonGoRubyRust
npm install @conduit/sdk
await conduit.connect("ledger")

Bento Integrations

An integrations bento with a central hub, animated data flowing along curved links, connectable service tiles, a scrolling webhook log and an SDK install snippet.

↗

~/acme $ hb deploy --prod

From commit to production in under a minute

Push to main and watch it build, check and roll out to every region, with diffs, history and latency in one place.

Start deployingRead the CLI docs
zsh · acme-web⌥ main
$hb deploy --prod
› Linking acme/web on main at 4f2a91c
› Installing dependencies1.8s
› Building 214 routes4.2s
› Running 1,206 checks6.9s
› Uploading 3.1 MB to 4 regions0.6s
✓ Live at acme.app38s
$

One command, every region

Builds are cached per route, so most deploys finish before your coffee does.

src/lib/users.ts+4−1
41 export async function getUser(id: string) {
42− const user = await db.user.find(id);
42+ const hit = await kv.get(`user:${id}`);
43+ if (hit) return hit;
44+ const user = await db.user.find(id);
45+ await kv.set(`user:${id}`, user, { ex: 60 });
46 return user;
  • Build12s
  • Checks8s
  • Promote18s
Rolling out…Readyiad1fra1gru1hnd1
  • feat: cache user lookups at the edge4f2a91cprod
  • Merge pull request #482b81e03d
  • fix: guard empty carts on checkout7c9d4aa
  • chore: bump runtime to 26.12e6f118
  • feat: regional rate limits91ab7f0
  • docs: deploy hooks guidec03d5e2

History you can read

Every deploy maps to a commit you can roll back in one click.

iad1
fra1
gru1
hnd1
p50 58 ms · p99 184 ms · last 36 hoursfastslow

Latency, region by region

Bento Terminal

A developer bento with a terminal that types a deploy command, a code diff, a rollout status card, a git graph and a per-region latency heat strip.

↗
Folio · Volume 4 · Autumn 2026Est. 2019

Publishing for people who read to the end

Folio is a calm home for newsletters, essays and print-ready issues. No feeds, no growth hacks, just beautiful pages and readers who stay.

Issue 12

The quiet web

Essays · 14 min read

We stopped chasing the feed and started sending letters. Open rates doubled, and readers began writing back.
IHImogen HartEditor, Low Tide
By the numbers
418+

independent studios publish their issues on Folio.

Browse by theme

Field notes

Notes from a letterpress shop in Porto

Tomás Reis · 9 min

Bento Editorial

A light, magazine-style bento on paper with serif headlines, grainy gradient covers, a pull quote, a big numeral and a selectable tag cloud.

↗

NewPlatform

Nine reasons teams switch in a week

Security, speed and the boring-but-vital parts handled for you. Hover any tile to take a closer look.

Zero-trust access

Every request is verified, scoped and logged, from the office or a café.

Sub-50 ms responses

Hot paths run close to users, so pages feel instant on any connection.

Edge in 38 regions

Deploy once and serve from the nearest city with automatic failover.

Passkeys and SSO

SAML, OIDC and passkeys out of the box, with SCIM provisioning.

Analytics built in

Funnels, retention and revenue without a single extra script tag.

Alerts that matter

Smart thresholds learn your traffic and only page you for real issues.

Workflows on autopilot

Chain triggers, approvals and webhooks with a visual builder.

Every version kept

Point-in-time restore for content, config and data, for 90 days.

Search in milliseconds

Typo-tolerant full-text search across every record you store.

Bento Spotlight

A 3x3 feature grid where the hovered or focused tile lifts under a pointer-following glow while the others dim and blur, each tile with its own animated icon.

↗
Previous sectionFeaturesNext sectionSocial proof