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

Features

12 copy-paste items in this section.

Features

Everything you need to ship faster

A focused set of tools that stay out of your way, so your team can spend its time on the work that matters.

  • Lightning fast

    Pages render in milliseconds with edge caching and zero layout shift, so nothing ever feels slow.

  • Secure by default

    Encryption in transit and at rest, audit logs and granular roles come built in on every plan.

  • Built for teams

    Share workspaces, leave comments and review changes together without stepping on each other.

  • Clear analytics

    Understand what works with live dashboards that surface the few numbers that actually matter.

  • Developer friendly

    A typed API, copy-paste snippets and webhooks for every event keep integration painless.

  • Always in sync

    Changes propagate across devices instantly, and offline edits merge cleanly when you reconnect.

Features Section

A heading and a grid of feature cards with icon, title and description. Cards lift on hover and carry a soft cursor spotlight.

↗

How teams use Lumen

One roadmap, from the first request to the release note

Scroll through the loop most product teams run every week. The workspace on the right follows along.

  1. Feedback from support tickets, sales calls and the in-app widget flows into a single triage queue, already tagged by account and revenue.

    • Deduplicates similar asks automatically
    • Links each request to the customer who made it
  2. Drag the requests that matter onto a timeline. Capacity, dependencies and owners update as you plan, so nobody commits to a fantasy.

    • Capacity per squad, in real story points
    • Dependencies drawn as you drop work
  3. Every shipped item reports adoption and retention against the customers who asked for it. Your roadmap finally has a scoreboard.

    • Adoption by segment, week over week
  4. When a release goes out, everyone who requested it gets a personal note with a link to try it. No spreadsheet of emails required.

    • Release notes drafted from the linked tickets
    • Sent from your own domain
Lumen/ Inboxsynced
Triage · 3 new
Bulk edit for invoicesMRMercer & Co$84k
SSO with custom domainJTFieldhouse$41k
Export board as PDFALOakline$12k
Merged · 2 clusters
Dark mode for embedsPKLattice Labsx14
Slack digest at 9amSOGrove Healthx9
Q3 2026JulAugSep
Bulk edit
8 pts
SSO domains
PDF export
Audit log
Billing v2
21 pts
Bulk edit · weekly active accounts1,284+38% since release
27 of 31 requesting accounts adopted
Release notes drafted from 31 ticketsauto
Personal note to each requester31
Changelog entry publishedv4.12
Help center article linkeddone
Bulk edit is live for 27 accountsNotify

Features Sticky SwapNew

A scrolling list of feature steps beside a sticky product window that swaps its scene as each step reaches the middle of the screen. A progress rail fills along the steps, and clicking a step jumps to its scene.

↗

Plyform 4.0

The whole design loop, live in every tab

Each tab is a working preview. Pick one to open it full size, or let the tour run on its own.

2
Maya OkaforCan the hero crop tighter on mobile?
MayaTheo

Feedback pinned to the pixel

Drop a comment anywhere on the canvas. Threads follow the layer when it moves, and resolve themselves when the change ships.

3.2xfaster review rounds

Features Live TabsNew

A light tab strip where every tab is a small, running preview of its feature. The selected preview zooms out of its tab into a large stage next to a dark copy card, and the tour advances on its own until you hover.

↗

Platform

Built for teams who cannot afford to lose a word

Read the architecture notes
InesRavi
Realtime syncEvery keystroke reaches teammates in under 40 ms, with conflict-free merging when two people edit the same line.

Features Hover RevealNew

A list of oversized feature names. Hovering or focusing a row slides a floating demo card level with it on a spring and wipes in a live mini demo for that feature.

↗

Tidewater · how it works

Three moves from scattered data to one source of truth

No pipelines to babysit. Set it up once over coffee and every tool your team uses stays in step.

  1. 01~2 min

    Connect your sources

    Authorize Postgres, Stripe and HubSpot in a few clicks. Credentials stay encrypted in your own region.

    PGTW
  2. 0238 suggestions

    Map the fields once

    Tidewater suggests matches between schemas. Accept, tweak or write a transform in plain SQL.

    cust_emailemailamount_centsmrrcreatedsignup_atplan_tiersegment
  3. 03p95 1.8 s

    Sync on every change

    Rows stream to every destination within seconds, with retries, ordering and a full replay log.

    rows this minute
    18,20418,96119,43718,204
    Healthy
2.4Brows synced last month
140+connectors
Start a free sync

Features Diagonal FlowNew

Three steps staggered down a diagonal, joined by a dashed curve that a glowing pulse travels along. Each card lights up as the pulse arrives, with the heading tucked into the empty top corner and stats in the opposite one.

↗

Ledgerline for finance teams

Controls you can feel, not settings you forget

Every card below is the real product. Drag the limit, flip a rule, freeze the card, match a receipt.

Design team · monthly limit$5,000
$3,180 spent$1,820 left
$2,000$7,000$12,000

Spend limits that warn early

The bar turns amber at 75% and red at 90%, and the team lead hears about it before the card declines.

  • Two approvers over $500
  • Receipt required within 3 days
  • Block weekend spend

2 of 3 rules on. Large purchases wait for two approvals.

Policies in plain English

Rules read like sentences, so finance and the team agree on them.

•••• 4821Priya Raman09/29

Freeze in one tap

Lost card? Freeze it and unfreeze when it turns up.

Receipts this week1 of 3 matched
  • NONorthbeam AirOct 28$642.18
  • COCopperleaf HotelOct 27$389.00
  • FIFigtree CateringOct 24$1,240.50

Receipts that find their charge

Forward a photo and Ledgerline matches it by amount and merchant. You just confirm.

Features Mini UINew

Four asymmetric feature cards, each holding a small working piece of the product: a spend limit slider with a meter that turns amber and red, policy switches that rewrite a sentence, a card that frosts over when frozen, and receipts you can match.

↗

Quillmark content calendar

Same week. Same team. One less spreadsheet.

Drag the handle across a real Monday. Every pain on the left has a fix on the right.

Mon 14
Fall launch teaserSam · Approved
Hiring postDana · In review
Tue 15
Founder Q&ADana · Scheduled
Wed 16
Ridgeway case studyInes · Approved
Webinar promoLeo · Scheduled
Thu 17
Launch recapSam · Draft
Fri 18
Product tips #4Leo · Scheduled
With Quillmark
PostChannelOwnerDueStatus1Fall launch teaserLinkedIn?10/14late2Founder Q&ANewsletterDana10/15draft v63Fall launch teaserInstagramSam?10/14dup4Case study: RidgewayBlog10/16waiting5Webinar promoXLeo10/12late6Hiring postLinkedInDanaTBD?7Product tips #4Newsletter10/18
WHO owns the teaser??
Legal still has v4 not v6
Move webinar? ask Leo
Inbox 47

Re: Re: Fwd: teaser copy FINAL

Approval needed: Founder Q&A

Where is the Ridgeway draft?

Before
!Owner? Nobody knows!Three copies of one deadline✓Approvals in one click
Hours on coordination per week 3.8
Posts with no owner 3
Approval emails 47

Features Before AfterNew

A draggable comparison of a messy spreadsheet week against a clean content calendar. Callout pills flip from the pain to the fix as the divider crosses them, and the stats below update with the handle.

↗

Platform

Everything between git push and a happy customer

Build, preview, ship and observe on one platform. No glue scripts, no YAML archaeology, no waiting on the ops channel.

Explore the platform
  • Edge deploys in 9 seconds

    Push to main and your build lands in 34 regions before the pull request tab finishes loading.

    p95 build 8.7s
  • A preview for every branch

    Each branch gets its own URL with seeded data, so reviewers click through the change instead of reading it.

    1,240 previews / day
  • Instant rollbacks

    Every deploy is immutable. Point traffic back to any previous version with one click or one CLI command.

    median 0.8s
  • Observability built in

    Logs, traces and Web Vitals for every route, sampled at full fidelity and kept for 30 days.

    30-day retention
  • Roles that match your org

    SAML single sign-on, SCIM provisioning and per-project roles, with an audit trail for every change.

    SOC 2 Type II
  • Pay for what runs

    Usage is metered per request and per gigabyte, with spend alerts before anything surprises finance.

    from $0.40 / 1M req

Features Grid Glow

A six-card feature grid under a split header. One soft spotlight follows the pointer across every card at once, lighting borders and surfaces, and cards lift on hover.

↗

How Fieldnote works

From scattered feedback to a roadmap customers asked for

Three steps, no spreadsheets. Teams at 2,300 companies use Fieldnote to decide what to build next.

01Capture

Every request lands in one inbox

Fieldnote listens to support chat, email, sales calls and the in-app widget, then folds duplicates together so one ask from forty customers reads as one.

  • Connects to 30 sources in a few clicks
  • Merges duplicates while keeping every voice attached
See all sources→
Inbox · 128 new this weekAll sources
PR
Priya RamanSupport chatExports

Can we export the weekly digest as CSV for our board deck?

TB
Tom BeckerSales callSecurity

Blocker for renewal: we need SSO before Q1 rollout.

LO
Lena OrtizIn-app widgetExports

Would love a CSV export, finance asks for it every Monday.

2 requests merged into “CSV export for digests” · 41 voices

02Route

Sent straight to the team that owns it

Rules look at product area, plan and account value, so a renewal blocker from a large account never waits behind a font request.

  • Routing by area, plan and revenue
  • Handoff to your issue tracker with full context
How routing works→
New requestHalcyon · $48k ARRClassifySecurity · 0.94Billing2 openPlatformOwner: MeiSuccess12 open

03Report

Know what to build next quarter

Rank requests by the revenue behind them, watch themes rise month over month and tell customers automatically when their request ships.

  • Revenue-weighted ranking
  • Automatic updates when a request ships
Explore reports→
Revenue at stake$1.82M+24%
Requests shipped63this quarter
Jul
Aug
Sep
Oct
Nov
Dec

Features Alternating

Numbered feature rows that alternate copy and visual sides. Each visual is a small animated product screen (an inbox, a routing flow, a chart) that plays when its row scrolls into view.

↗

4 stepsWorkflow

One workspace from first sketch to production

Linework keeps planning, writing, review and release in the same place, so context never gets lost between tools.

app.linework.dev
Cycle 24 · BillingNov 4 – Nov 15
Usage-based invoices
Mei
Tax rules for EU
Arjun
Dunning emails
Sara
Revenue report v2
Leo
Migration script
Kofi
invoices.ts3 editing
1export async function draftInvoice(account) {
2 const usage = await meter(account.id)
3 # billed per 1k requests
4 const total = usage.requests * 0.42Mei
5 return { currency: "usd", total }
6}
#482 Usage-based invoicesApproved
- const total = usage.requests * 0.5
+ const total = usage.requests * 0.42
+ if (account.annual) total *= 0.9
AK
ArjunMatches the new price sheet. Can we cover annual plans in a test?
ML
MeiAdded two cases, both green. Merging after lunch.
Deploy · main@8f2c1a2 min ago
Build41s
Tests1,284 passed
Previewready
Production62% of traffic
FrankfurtVirginiaTokyoSydney

Features Tabs

A vertical tab list with a progress bar that advances to the next feature every few seconds, beside a window that crossfades between product mockups. Hover pauses it and arrow keys move between tabs.

↗

Included on every plan

Everything a lean finance team needs. Nothing it doesn't.

Tally replaces the spreadsheet, the expense app and the late-night reconciliation with one calm workspace.

  • Bank feeds from 11,000 banks

    Transactions arrive every morning, matched to receipts before you open the app.

  • Receipts by email or photo

    Forward a receipt or snap it. Totals, tax and vendor are filled in for you.

  • Approvals that follow the money

    Route spend over $2,500 to a second approver, everything else straight through.

  • Multi-entity books

    Run three companies in three currencies from one login, with clean consolidation.

  • Month-end close checklist

    Recurring tasks, owners and due dates, with a sign-off trail for your auditor.

  • Corporate cards with limits

    Physical and virtual cards with per-merchant limits and instant freeze.

  • Sales tax in 46 states

    Rates update automatically and filings are prepared on schedule.

  • Exports your accountant likes

    Clean CSV, PDF and general ledger exports, mapped to your chart of accounts.

Average Tally customer

3.1 days

to close the month, down from nine before switching.

  • Tools replaced6
  • Hours saved per month42
  • Duplicate payments caught$18,400
Start a 14-day trial→

No card required. Cancel anytime.

Features Checklist

A light paper section with a large serif headline, a two-column ticklist whose check marks draw in one after another, and a pinned summary card that stays in view while the list scrolls.

↗

The Nimbus core

One source of truth. Every tool your team already uses.

Nimbus sits in the middle of your stack and keeps records, permissions and events consistent everywhere they show up.

Browse integrationsRead the docs
  • Real-time sync

    Changes flow both ways in under 300 ms, with conflict rules you can read and audit.

  • Typed schema

    One schema for every connected tool, versioned like code and checked on every write.

  • Granular access

    Scope tokens to a table, a field or a single record, and rotate them without downtime.

  • Replay anything

    Every event is kept for 90 days, so a broken sync is a replay away from fixed.

Features Orbit

A central product mark with feature chips circling it on two counter-rotating rings. Hovering a chip pauses the orbit and slides out its label, and a row of captions sits beneath.

↗
Previous sectionHero sectionsNext sectionBento