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

Profile

8 copy-paste items in this section.

Settings

Manage how you appear to teammates and on shared notebooks.

CD
@
fieldnotes.app/@camille
Shown on your public profile.85/160
Last updated 3 days ago

Profile Settings Card

A light settings page with a section nav and a profile card: avatar color swatches tint the cover, fields validate inline, edited fields get a dot, and a footer tracks unsaved changes with reset, saving and saved states.

↗

Who is around

4 online2 away1 busy1 offline

  • IC
    Ines CarvalhoDesign Lead · Online
    Typing in #design
    14:32 in Lisbon
  • MW
    Marcus WebbBackend Engineer · Do not disturb
    In a call until 15:00
    09:32 in New York
  • YT
    Yuki TanakaiOS Engineer · Online
    Shipping 4.2 to TestFlight
    22:32 in Osaka
  • LG
    Leah GoldbergProduct Manager · Away
    Lunch, back at 14:00
    13:32 in London
  • AM
    Arjun MehtaData Scientist · Online
    Training churn model v7
    19:02 in Bangalore
  • SR
    Sofia RossiFrontend Engineer · Offline
    Back Monday
    15:32 in Milan
  • KA
    Kwame AsanteSupport Lead · Online
    Inbox zero, for now
    13:32 in Accra
  • NL
    Nora LindgrenQA Engineer · Away
    Focus time
    15:32 in Stockholm

Profile Team Presence

A grid of teammate cards with presence dots that pulse when online, status notes, a typing indicator, local times and message and call actions, filtered by a status switch and a search field.

↗
RH

Rasmus Holt

Staff Frontend Engineer

Open to workCopenhagen, Denmark

Eight years building fast, accessible interfaces for creative tools. I care about input latency, honest design systems and teams that ship on Fridays without fear.

Skills

  • TypeScript95%
  • React and rendering92%
  • Design systems88%
  • Accessibility80%
  • WebGL and canvas70%
Download CVGitHubEmail

Experience

3 roles
  1. Staff Frontend Engineer

    2023 to now

    Pallet · Remote

    • Led the rewrite of the editor to a canvas renderer, cutting input latency from 48 to 9 ms.
    • Mentor four engineers and run the frontend guild across three product teams.
    ReactTypeScriptWebGL
  2. Senior Engineer, Design Systems

    2020 to 2023

    Brightwave · Copenhagen

    • Built the component library used by 140 engineers and 31 product surfaces.
    • Introduced visual regression testing, reducing UI bugs in production by 62%.
    ReactStorybookCSS
  3. Frontend Engineer

    2017 to 2020

    Ticketfly · Berlin

    • Shipped the seat picker that sold 2.3 million tickets in its first season.
    VueSVGNode
  • MSc Human-Computer InteractionKTH Royal Institute of Technology
    2015 to 2017

Profile Resume Timeline

A resume profile with a sticky card holding the person, availability, summary and animated skill bars, beside an experience timeline whose line draws down and whose current role pulses, plus education.

↗
NLLIVE SUN

Noor Lindgren

@noorbuilds

Furniture maker and teacher. New build videos every Thursday, workshop streams on Sundays, plans and cut lists for members.

Gothenburg, Swedennoorbuilds.studio

Channel stats

Subscribers184.2K+9.8%
Views4.9M+6.3%
Watch hours151K+4.1%
Members2,914+5.6%

Pinned

PINNED18:42I rebuilt my studio desk from one sheet of plywood412K views, 3 days ago12:07Five joinery mistakes that cost me a whole weekend1.1M views, 2 weeks ago2:14:55Live: finishing the walnut side table88K views, streamed

Profile Creator StatsNew

A light creator profile with a drifting gradient cover, an avatar inside a segmented story ring and a subscribe toggle. Channel stats switch between 7, 30 and 90 days with rolling numbers and redrawn sparklines, above pinned videos.

↗
TV

Teodor Vasquez

@tvasquez

Systems engineer at Brightline

Builds storage engines and the boring tools around them. Maintainer of quarry. Writes about latency, caches and good error messages.

  • Rust46%
  • TypeScript31%
  • Go14%
  • Shell9%
1,175contributions, 30 weeks
7 dayscurrent streak
14 dayslongest streak
Contribution skyline, one tower per dayLessMore
AprMayJunJulAugSepOct
Hover a tower or focus the chart and use the arrow keys30 weeks
quarryEmbedded columnar store for edge devicesRust4.2k starstidepoolBackpressure-aware job queue for PostgresGo1.8k starslintelZero-config schema linter for TypeScript APIsTypeScript912 stars

Profile Dev SkylineNew

A developer profile whose contributions rise as an isometric skyline, one tower per day, with hover and arrow-key inspection of each day. Beside it sit streak counters, a language bar and pinned repositories.

↗
MO

Maya Okafor

@mayabuilds

Product designer building calm tools for busy teams. Previously design lead at Northwind. Writing about interfaces, type and the craft of shipping.

  • Lisbon, Portugal
  • maya.design
  • Joined March 2019
Followers
0
Following
0
Appreciations
0

Why our settings page has no save button

2 days ago · 312 likes

A type scale that survives dark mode

Last week · 1.4K likes

Notes from shipping Ledger 2.0

Oct 12 · 856 likes

Profile Header Card

A social profile header with a drifting gradient cover, overlapping avatar, follow and message actions, stats that count up and tabs with a sliding underline.

↗
LP

Lena Park

@lenapark

Booking shoots for January

Film photographer and color nerd in Seoul. I make presets, shoot for small brands and post a new photo walk every Sunday.

  • Studio Presets Vol. 3New38 film looks for Lightroom and Capture One
  • Book a portrait sessionSeoul and Busan, from $180
  • Sunday photo walksLatest episode: Euljiro after the rain
  • What's in my camera bagEvery lens and roll I shoot in 2026
  • Contact Sheet newsletter12,400 readers, every other Friday

lenapark.studio

Profile Creator Bio

A light link-in-bio section with a spinning gradient avatar ring, availability status, pill links that fill and slide on hover, a shining featured link and a row of social icons.

↗
PR

Priya Raman

priyar

Open to mentoring

I work on sync engines, local-first data and the occasional compiler. Maintainer of tidewave and quill-ts.

  • 3.4k followers · 128 following · 21.7k stars earned
  • Staff engineer at Fieldnote
  • Toronto, Canada
  • TypeScript
  • Rust
  • Go
  • PostgreSQL
  • React
  • WebAssembly
  • SQLite

971 contributions in the last year

LessMore
NovDecJanFebMarAprMayJunJulAugSepOctMonWedFri

PinnedAll repositories

  • tidewavePublic

    Local-first sync engine with CRDT merging and durable offline queues.

    Rust8,421312
  • quill-tsPublic

    A tiny, fully typed parser combinator library for TypeScript.

    TypeScript5,108201
  • pgshiftPublic

    Zero-downtime Postgres schema migrations from the command line.

    Go2,964140
  • lumen-uiPublic

    Accessible React primitives that ship with zero runtime styles.

    TypeScript1,87396

Profile Dev Card

A developer profile with avatar, role, location, stack chips, a year of contributions as an animated heatmap with hover tooltips, and pinned project cards with stars and forks.

↗
Previous section404 pagesNext sectionAbout