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

Blog

8 copy-paste items in this section.

SThe Sunday DiffIssue 148 is out

One sharp essay on product and design, every Sunday

Short, opinionated and free. Written by the team at Fieldwork for people who make software.

  • #148The quiet death of the settings page7 min readNov 2, 2026ProductUXWhy the best products are moving preferences into the moment you need them, with five examples from apps we use daily.
  • #147Pricing pages that stopped hiding the number9 min readOct 26, 2026GrowthWe read 212 SaaS pricing pages. The ones that convert best share three habits, and none of them is a toggle.
  • #146What a 40 person team learned from deleting Jira6 min readOct 19, 2026TeamsA field report from Lagos and Berlin on replacing tickets with a weekly written plan.
  • #145Fonts are the new brand colors5 min readOct 12, 2026DesignVariable type, optical sizes and why every startup suddenly ships a custom grotesk.
Browse all 148 issues

Get the next issue

No tracking pixels, no sponsored takes. Unsubscribe with one click.

Read by designers at 900+ companies
38,400readers
61%open rate
Sundays, 7amdelivery

Newsletter Issue List

A newsletter archive section: numbered issues with date, topics and reading time that reveal an excerpt on hover, beside a subscribe card with a rotating border and email validation.

↗

The Lattice blog

Browse by topic

Three hundred and sixty six posts from the people building Lattice, sorted into the shelves our readers use most.

84 postsEngineeringArchitecture notes and postmortems52 postsDesignInterfaces, type and motion47 postsProductRoadmaps, launches and lessons29 postsCultureHow we hire, work and rest36 postsCustomer storiesTeams building with Lattice118 postsChangelogEvery release, explained
Featured essay

We rewrote our sync engine in eleven weeks. Here is every mistake.

A candid look at moving 2.3 billion records to a new replication model without a single minute of planned downtime.

RSRenata SilvaStaff Engineer · Oct 29, 202614 min read

Blog Category Tiles

A light blog index with six topic tiles, each with its own color, floating shape and post count, followed by a dark featured post strip with a zooming cover.

↗

From the Fieldwork blog

Read what fits the time you have

Engineering14 min

How we cut our cloud bill by 61% without a migration

No rewrite, no new vendor. Three months of measuring, a spreadsheet nobody wanted to own, and eleven small changes that added up.

PRPriya Raman · Nov 5, 2026
  • 4 minReliability · Nov 3, 2026

    The case for boring status pages

  • 8 minDesign · Oct 30, 2026

    Designing an empty state people actually finish

  • 11 minTeams · Oct 24, 2026

    A year of on-call with a four-person team

  • 5 minEngineering · Oct 19, 2026

    Five SQL habits that age well

  • 18 minDesign · Oct 11, 2026

    Inside the redesign of our billing page

Blog Reading TimeNew

A featured post beside a list where every reading time is a small clock pie that fills to its length. Filter by quick, medium or long reads and the featured story and list swap to match.

↗
Issue 214

The Margin

Saturday, November 7, 2026
Front pageWorkMoneyTechDesignCitiesHealthOpinion
Cover story

The quiet return of the four-day week

Eighteen companies tried it in 2025. Fourteen kept it. We spent a month inside three of them to find out what changed, and what nobody tells you before you start.

By Amara Osei · 16 min read
Markets

Why mid-size logistics firms are buying their own chips

Daniel Kowalski · 7 min
Cities

Rotterdam's floating offices, three winters later

Inés Calderón · 9 min

Most read this week

  1. WorkManagers who block calendars get promoted faster
  2. MoneyThe real cost of a free trial
  3. TechInside the smallest data center in Europe
  4. DesignWhy every bank app now looks the same
  5. HealthStanding desks, ten years on

We did not lose a single client. We lost a lot of meetings.

Ruth Adeyemi · COO, Fernhill Studio
BriefingFreight rates fall for a third monthDataRemote job posts steady at 21%PolicyNew EU rules for app subscriptionsPeopleA founder who hires only apprentices

Blog Magazine GridNew

A paper-toned front page with a bold masthead, section nav, column rules that draw down on load and duotone covers that bloom into full color on hover. Includes a numbered most-read list, a pull quote and a briefs strip.

↗

The Northwind journal

Notes on building fast, calm software

Deep dives from our engineering, design and growth teams. New essays every Tuesday.

View all posts
Engineering

How we cut cold starts from 1.8s to 240ms without rewriting the runtime

A year of profiling edge functions taught us that most latency hides in places nobody measures. Here is the playbook we now run on every new service.

PRPriya RamanOct 28, 202612 min read
Design

Designing empty states that actually move people forward

TÁTomás Álvarez6 min read
Growth

Our pricing page, rebuilt from 41 customer interviews

HIHana Ito8 min read
Engineering

Postgres row-level security at 30,000 tenants

MBMarcus Bell10 min read
Product

Release notes: offline drafts, faster search, team spaces

EBElin Berg4 min read

Blog Featured Grid

A blog index section with one large featured story beside a two by two grid of recent posts, gradient covers, category chips and author initials.

↗

Field notes · Issue 31

Writing from the studio

Essays, interviews and working notes on design, engineering and the business of making things slowly.

06 entries
  • 30Oct 2026
    Culture· 9 min

    The quiet economics of a four-day studio week

    Eighteen months in, our output went up and our sick days went down. The numbers, the trade-offs and the one meeting we refused to cut.

  • 22Oct 2026
    Design· 7 min

    Typesetting for long reads on small screens

    Measure, rhythm and the forgotten art of the hanging punctuation. A field guide to making 4,000 words feel short on a phone.

  • 15Oct 2026
    Engineering· 11 min

    What we learned shipping a print magazine from a codebase

    Markdown in, press-ready PDF out. How a static site generator ended up running our quarterly print edition of 6,000 copies.

  • 08Oct 2026
    Interviews· 14 min

    Interview: Mara Lindqvist on drawing maps by hand

    The cartographer behind the Nordic Trails atlas talks about ink, error, and why her maps leave out half the roads on purpose.

  • 29Sep 2026
    Culture· 6 min

    A small case for slower product launches

    We stopped announcing features on launch day. Adoption rose 22 percent. Notes on staged releases and listening before talking.

  • 18Sep 2026
    Design· 8 min

    Color systems that survive dark mode

    Why perceptual lightness beats hex math, and the twelve tokens that carried our product through three rebrands.

Blog List Editorial

A light, paper toned list of essays with a date column, serif titles, excerpts and a sticky category filter that fades the list in on change.

↗
  1. Journal
  2. Engineering
  3. Latency budgets
Engineering

Latency budgets: how we made the slowest page load fast

A practical system for giving every request a time limit, catching regressions in review and keeping p99 honest as the product grows.

PR
Priya Raman · Staff engineer, Platform
Oct 28, 202612 min read
34% read8 min left

Every product team has a number they quietly avoid. For us it was p99 latency on the dashboard, a figure that hovered around 2.4 seconds for most of last year while the median looked perfectly healthy. Users did not complain about the median. They complained about Monday mornings.

This is the story of how we gave every request a budget, made that budget visible in code review, and brought the slowest one percent of page loads under 600 milliseconds without a rewrite.

Blog Article Header

The top of a single article: breadcrumb, large title that blurs in word by word, author block, share buttons, a reading progress bar and an opening paragraph with a drop cap.

↗

Latest stories

Fresh from the team

Case studies, incident reviews and the occasional strong opinion, written by the people who build Northwind.

01 / 07
  • 01Case study

    Inside the redesign of our mobile checkout

    HIHana ItoOct 309 min
  • 02Engineering

    Five SQL habits that saved us 40 hours a month

    MBMarcus BellOct 277 min
  • 03Growth

    Onboarding emails people actually open

    SMSofia MarínOct 236 min
  • 04Design

    Building a design system with three people

    TÁTomás ÁlvarezOct 1811 min
  • 05Support

    What 2,000 support tickets taught us about docs

    EBElin BergOct 128 min
  • 06Reliability

    Incident review: the 14-minute search outage

    PRPriya RamanOct 610 min
  • 07Company

    Hiring our first developer advocate

    NFNoah FischerSep 305 min
  • Browse the archive

Blog Carousel

A horizontal row of post cards with native scroll snapping, previous and next buttons, a position counter, a progress meter and fading edges.

↗
Previous sectionDownloadNext sectionEcommerce