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/Call to action

Call to action

10 copy-paste items in this section.

Ready to build something great?

Start for free today. No credit card required, and you can cancel anytime.

Get startedTalk to sales

CTA Banner

A full-width call-to-action band with a soft pulsing radial glow, a headline, one line of text and two pill buttons.

↗

NewTemplates for every page you ship

Ship your next launch page, pricing page, onboarding, changelog, docs site before Friday.Ship your nextlaunch pagebefore Friday.

Start from 300 production-ready sections, wire them to your data, and deploy to your own domain in an afternoon.

Start building freeBook a 20 min demo

No credit cardFree for side projectsCancel anytime

CTA Rotating Band

A full width band over a drifting gradient mesh with grain, a headline whose middle word rotates with a blur slide and an underline timer, and two buttons.

↗
fieldnote.app/blog/offline-sync

Engineering

How we rebuilt sync for crews that work without signal

Hana Kowalski · Oct 28, 2026 · 7 min read

Most of our customers spend their day in basements, wind farms and hospital wards. Signal comes and goes, and the old sync engine treated every drop as an error. Field crews were losing photos, and supervisors were re-entering checklists by hand at the end of a shift.

We started from one rule: the device is the source of truth until the server says otherwise. Every edit is written locally first, stamped with a logical clock and replayed in order once a connection returns.

Conflicts are a product problem

Two inspectors editing the same checklist is not rare, it is Tuesday. Instead of silently picking a winner, the new engine merges field by field and shows a small diff when two people changed the same answer.

The result after six weeks in beta: sync failures down 92 percent, median upload time from 14 seconds to 1.8, and zero lost photos across 410,000 inspections.

What comes next

Background uploads on Android, selective sync for very large sites, and an audit trail that shows exactly when each change reached the server.

NewFieldnote 3.0 is live

Offline sync, 9x faster uploads and field-level merges.

See what changedTry it free

CTA Sticky Dock

A glass dock bar that springs up and sticks to the bottom of a framed page, shrinks while you scroll down, expands on the way up, and can be dismissed and restored.

↗

Free for teams up to 10

Your roadmap, shipped before Friday.

Plan sprints, track releases and keep every stakeholder in the loop from one quiet workspace.

  • 11 minaverage setup
  • 38%fewer status meetings
  • 4.9/5from 2,300 reviews
Start free trial · 14 days · no card needed · Start building

CTA Magnetic OrbNew

A full-bleed gradient call to action where the color pool follows the pointer and a round button, wrapped in rotating ring text, is pulled toward the cursor and spins faster on hover. A big headline and three proof stats sit beside it.

↗

Takes about 30 seconds

Claim your workspace and watch it come alive.

Name it, pick a team size and invite yourself. The preview updates as you type, and everything you see is ready the moment you press create.

Team size

Free for 14 days, then $72 a month. Cancel anytime.

northwind-labs.hollowpine.app
NLNorthwind Labs
HomeProjectsInboxReportsSettings

Welcome aboard · day 1

Seats8
After trial$72
Mmaya@northwind.comOwner
+Invite 7 teammates
Live preview

CTA Live Preview FormNew

A light split call to action: a short signup form on the left and, on the right, a tilted app window that rebuilds itself as you type, with the workspace URL, initials avatar, seat count, price and owner row updating live.

↗

Pro trial14 days, no card required

Everything you need to ship, in one push.

Connect a repository and your first deploy is live before the coffee is ready. Every feature on the right is included from day one.

Start deployingTalk to sales
  • Deploys in 41 seconds: Median build to live across 2.1M deploys last month.
  • SOC 2 Type II: Audited yearly, with SSO and SCIM on every plan.
  • Edge in 38 regions: Requests land on the closest node, automatically.
  • Preview every branch: A shareable URL for each pull request.
  • Real-time analytics: Web vitals and traffic without a third-party script.
  • Instant rollbacks: Back to any previous build in one click.
  • Secrets, encrypted: Per-environment variables with audit history.
  • Unlimited teammates: Invite your whole team on the Pro plan.
  • Image optimization: Modern formats served at the right size.
Deploys in 41 secondsMedian build to live across 2.1M deploys last month.
Preview every branchA shareable URL for each pull request.
Secrets, encryptedPer-environment variables with audit history.
Deploys in 41 secondsMedian build to live across 2.1M deploys last month.
Preview every branchA shareable URL for each pull request.
Secrets, encryptedPer-environment variables with audit history.
Deploys in 41 secondsMedian build to live across 2.1M deploys last month.
Preview every branchA shareable URL for each pull request.
Secrets, encryptedPer-environment variables with audit history.
Deploys in 41 secondsMedian build to live across 2.1M deploys last month.
Preview every branchA shareable URL for each pull request.
Secrets, encryptedPer-environment variables with audit history.
SOC 2 Type IIAudited yearly, with SSO and SCIM on every plan.
Real-time analyticsWeb vitals and traffic without a third-party script.
Unlimited teammatesInvite your whole team on the Pro plan.
SOC 2 Type IIAudited yearly, with SSO and SCIM on every plan.
Real-time analyticsWeb vitals and traffic without a third-party script.
Unlimited teammatesInvite your whole team on the Pro plan.
SOC 2 Type IIAudited yearly, with SSO and SCIM on every plan.
Real-time analyticsWeb vitals and traffic without a third-party script.
Unlimited teammatesInvite your whole team on the Pro plan.
SOC 2 Type IIAudited yearly, with SSO and SCIM on every plan.
Real-time analyticsWeb vitals and traffic without a third-party script.
Unlimited teammatesInvite your whole team on the Pro plan.
Edge in 38 regionsRequests land on the closest node, automatically.
Instant rollbacksBack to any previous build in one click.
Image optimizationModern formats served at the right size.
Edge in 38 regionsRequests land on the closest node, automatically.
Instant rollbacksBack to any previous build in one click.
Image optimizationModern formats served at the right size.
Edge in 38 regionsRequests land on the closest node, automatically.
Instant rollbacksBack to any previous build in one click.
Image optimizationModern formats served at the right size.
Edge in 38 regionsRequests land on the closest node, automatically.
Instant rollbacksBack to any previous build in one click.
Image optimizationModern formats served at the right size.

CTA Benefit PlaneNew

A call to action with three columns of benefit cards scrolling in opposite directions on a tilted 3D plane, fading at the edges, beside a headline with a gradient tail and two buttons. Hover pauses the plane.

↗

v3.2create-tidepool is out

Up and running before your coffee cools.

One command scaffolds a typed project with auth, a local database and deploy config. No account needed to try it.

$npx create-tidepool@latest my-appnpx create-tidepool@latest my-app
  • Resolving template: starter-ts
  • Scaffolded 38 files in ./my-app
  • Installed 142 packages
  • Built typed client from schema.graphql
  • Local database seeded with 3 sample tables
  • Ready. Run cd my-app && npm run dev
  • Local: http://localhost:4321
Read the quickstartBrowse templates

CTA Terminal InstallNew

An install call to action built around a terminal: package manager tabs, a command that types itself when the section comes into view, an install progress bar and output lines, plus copy and replay buttons.

↗

MRJSAKLTJoined by 18,000 product teams

Your roadmap, finally in one calm place

Plan sprints, track releases and share progress with stakeholders without another status meeting. Free for teams up to ten.

No credit card required. Unsubscribe in one click.

CTA Gradient Card

A large rounded card with a flowing gradient border, floating shapes, a gradient headline and an inline email form with a success state.

↗

4,812 teams shipped this week

Start building today

Start building todayStart building todayStart building today
Start building todayStart building todayStart building today
Start building todayStart building todayStart building today
Start building todayStart building todayStart building today
Start building todayStart building todayStart building today
Start building todayStart building todayStart building today
Create your workspace
  • Free for 14 days
  • No credit card
  • Import from Notion in one click

CTA Marquee Band

A full-bleed band where the call to action loops in three huge marquee rows, solid, outlined and dim, behind a pill button that magnetically follows the pointer.

↗

For finance teams

Close the books in days, not weeks.

Ledgerline reconciles every account overnight, flags what looks off and hands your auditors a clean trail.

  • Bank feeds from 11,000 institutions, matched automatically
  • Month-end checklist with owners, due dates and sign-off
  • Live in under a week, with a migration specialist included

Start your free trial

14 days of full access. No card needed.

or

By signing up you agree to our Terms and Privacy Policy.

Trusted by finance teams at

  • Halcyon
  • Northwind
  • Parable
  • Kestrel
  • Lumen & Co

CTA Split Light

A light paper split with a serif headline whose key word gets a hand-drawn underline, bullet promises, a compact signup card and a row of trust logos.

↗
Previous sectionAuthNext sectionFAQ