Hyperblur terminal ver. 1.01002 items
hyperblur/
DocsEffectsComponentsBlocksTemplatesProAgents
GitHubSign inBrowse effects

Get started

  • Introduction
  • Installation
  • Agents
EffectsComponentsBlocks
All components

Components53

  • Dock
  • Pill Nav
  • Accordion
  • Carousel
  • Stepper
  • Image Compare
  • Masonry
  • Animated List
  • Bento Grid
  • Gallery Showcase
  • Gallery Archive
  • Gallery Backstage
  • Gallery Grid Expand
  • Gallery Coverflow
  • Gallery Filmstrip
  • Gallery Rail Hang
  • Gallery Coverflow Lights
  • Gallery Scatter
  • Gallery Runway
  • Carousel Lightbox
  • Carousel Page Count
  • Carousel Scrubber
  • Card Stack Expand
  • Animated Todo List
  • Shared Layout Modal
  • Direction Switch
  • Image Accordion Reel
  • Image Accordion Vertical
  • Image Accordion Stagger
  • Parallax Depth Cards
  • Parallax Sticky Captions
  • Parallax Floating Gallery
  • Card Foil Pass
  • Card Hand Fan
  • Card Flip Deck
  • Gallery Infinite Spiral
  • Carousel Depth
  • Wheel Option Picker
  • Menu Staggered
  • Nav Card Expand
  • Card Border Glow
  • Bento Pointer Glow
  • Gooey Nav
  • Card Glare
  • Profile Holo
  • Pixel Hover
  • Card Decay
  • Sticker Peel
  • Bounce Stack
  • Chroma Grid
  • Gallery Accordion
  • Drift Wall
  • Stack Drag

Website elements16

  • Navbar Glass
  • Footer Columns
  • Announcement Bar
  • Cookie Banner
  • Newsletter Signup
  • Breadcrumbs
  • Pagination
  • Dialog Modal
  • Dropdown Menu
  • Dropzone
  • Empty State
  • Skeleton
  • Table of Contents Scrollspy
  • Promo Modal
  • Hotspot Tour
  • Announcement Ticker

Charts18

  • Sparkline
  • Stat Card
  • Bar Chart
  • Area Chart
  • Donut Chart
  • Radar Chart
  • Heatmap Calendar
  • Funnel Chart
  • Gauge Meter
  • Multi-line Chart
  • Progress Rings
  • Ranked Bars
  • Candlestick Chart
  • Chart Line Graph
  • StreamgraphNew
  • Sankey FlowNew
  • Zoomable TreemapNew
  • Bullet Chart ScorecardNew

Lists & tables16

  • Data Table
  • People List
  • File List
  • Leaderboard
  • Transaction List
  • Inbox List
  • Product Grid
  • Sortable List
  • List Timeline Vertical
  • List Notifications Grouped
  • List Pinned Reorder
  • List Expandable Rows
  • Sortable Accounts TableNew
  • Windowed Activity FeedNew
  • Grouped Task List with HandlesNew
  • Filterable Activity TimelineNew

Sidebars22

  • Sidebar Nav
  • Sidebar Floating
  • Sidebar Rail
  • Sidebar Docs
  • Sidebar Workspace
  • Sidebar Drawer
  • Sidebar Tree
  • Sidebar Mail Folders
  • Sidebar Chat Channels
  • Sidebar Icon Labels
  • Sidebar Sections Accordion
  • Sidebar Settings Nav
  • Sidebar Resizable
  • Menu Side Push
  • Sidebar Accordion Rail
  • Sidebar Fisheye
  • Sidebar Glass Aurora
  • Sidebar Command
  • Sidebar Quick Find
  • Sidebar Account Card
  • Sidebar Flyout Rail
  • Menu Side Bottom Sheet

Dashboards14

  • Analytics Dashboard
  • Sales Dashboard
  • Project Dashboard
  • Finance Dashboard
  • Admin Dashboard
  • Orders Dashboard
  • Crypto Portfolio Dashboard
  • HR People Dashboard
  • Customer Support Dashboard
  • Marketing Campaigns Dashboard
  • Compact Analytics OverviewNew
  • Ops Monitoring WallNew
  • Sales Pipeline BoardNew
  • Personal Finance SummaryNew

App UI16

  • Command Palette
  • Activity Feed
  • Notification Bell
  • Tabs Underline
  • Kanban Board
  • App Settings Page
  • App Notifications Center
  • App Calendar Month
  • App File Manager
  • App Chat Inbox
  • App Profile Editor
  • App Onboarding Checklist
  • App Calendar WeekNew
  • App File ExplorerNew
  • App Notification GroupsNew
  • App Appearance SettingsNew

Agent kit18

  • Streaming Text
  • Chat Thread
  • Tool Call Card
  • Thinking Indicator
  • Prompt Bar
  • Agent Steps
  • Agent Trace Timeline
  • Agent Approval Card
  • Agent Memory Panel
  • Agent Model Picker
  • Agent File Diff
  • Agent Composer with Attachments
  • Prompt Box Modes
  • Prompt Voice Recorder
  • Prompt Slash Commands
  • Agent Run LanesNew
  • Agent Tool PermissionNew
  • Agent Memory ScopesNew

Social & feedback15

  • Like Burst
  • Review Card
  • Avatar Stack
  • Share Row
  • Rating Summary
  • Like Heart Fill
  • Like Thumbs Pop
  • Like Reaction Picker
  • Like Star Favorite
  • Like Bookmark
  • Follow Button
  • Vote Arrows
  • Share Popover
  • Share Sheet
  • Share Floating Rail

Modals & popups24

  • Zoom Origin Dialog
  • Snap Bottom Sheet
  • Stacked Side Sheet
  • Fullscreen Reveal Menu
  • Session Timeout Alert
  • Transfer Confirm Dialog
  • Create Project Dialog
  • Zoom Lightbox
  • Chapter Video Modal
  • Nested Command Modal
  • Onboarding Stepper Modal
  • Success Check Modal
  • Rich Popover
  • Hover Profile Card
  • Newsletter Envelope Popup
  • Cookie Preferences
  • Exit Intent Popup
  • Promo Countdown Popup
  • Upgrade Limit Prompt
  • Tour Spotlight
  • What's New Stories
  • Radial Context Menu
  • Island Notification
  • Share Access Dialog

Forms & inputs24

  • Card Number Field
  • Phone Field with Country
  • Date Picker
  • Date Range Picker
  • Async Combobox
  • Autosize Textarea
  • File Drop Upload
  • Color Picker
  • Clock Time Picker
  • Currency Field
  • Search with Filters
  • Signature Pad
  • Contact Form
  • Signup Form
  • Wizard Form
  • Survey Form
  • Address Form
  • Settings Form
  • Feedback Widget
  • Inline Subscribe
  • Booking Form
  • Waitlist Form
  • Compact Login
  • Profile Edit

Payments12

  • Pay Card Preview
  • Pay Card Form
  • Pay Method Picker
  • Pay Success Check
  • Pay Failed Retry
  • Pay Slide To Pay
  • Pay Order Summary
  • Pay Tip Selector
  • Pay Coupon Field
  • Pay Subscription Toggle
  • Pay Invoice Card
  • Pay Wallet Balance

HUD & carousels10

  • Carousel Ring 3D
  • HUD Frame
  • HUD Boot Screen
  • HUD Shelf Slider
  • HUD Filter Chips
  • HUD Status Bar
  • HUD Detail Panel
  • HUD Search Field
  • HUD Orbit Backdrop
  • HUD Toggle Switch

Maps & geo6

  • Map Route Replay
  • Map City Blocks
  • Map Pin Board
  • Map Store Locator
  • Map Heat Dots
  • Map Route Stats

Ordering kit13

  • Rating Review Card
  • Map Directions Card
  • QR Generator
  • Link in Bio Card
  • Orders Queue Board
  • Receipt 80mm
  • Install App Banner
  • Order Cart Bar
  • Order Cart Drawer
  • Chat Order Button
  • Chat Bubble Typing
  • Order Item Drawer
  • Open Now Badge

hyperblur · visual effects for React

A software library of React UI components and code templates. Sample screens use placeholder content only.

TermsPrivacyRefundssupport@hyperblur.dev
Components/Website elements

Website elements

16 copy-paste items in this section.

OOrbit
  • Pricing
  • Docs
Start free
AutomationsTrigger workflows from any eventAnalyticsDashboards your team readsSecuritySSO, audit logs and SOC 2Developer APIREST and webhooks
  • AutomationsTrigger workflows from any eventAnalyticsDashboards your team readsSecuritySSO, audit logs and SOC 2Developer APIREST and webhooks
  • Pricing
  • Docs
Start free

Navbar Glass

A frosted glass navbar with a sliding hover pill, a keyboard-navigable mega menu and a hamburger layout that takes over in narrow containers.

↗
Hyperblur

Experiments, analytics and feature flags in one workspace.

Product updates, once a month

No spam. Unsubscribe anytime.

Product

  • Features
  • Integrations
  • Pricing

Company

  • About
  • Careers
  • Contact

© 2026 Hyperblur, Inc. All rights reserved.

  • Privacy
  • Terms
All systems normal

Footer Columns

A full website footer with a brand blurb, social buttons, link columns, a newsletter mini-form, legal links and a live status pill.

↗
Live cursors are hereSee more
Free webinar, Nov 14Save a seat
SOC 2 Type II is doneRead more

Announcement Bar

A slim banner that rotates through messages with a vertical slide, pauses on hover and can be dismissed.

↗

Your privacy

Pick which cookies you want to allow.

  • NecessarySign-in, security and load balancing. Always on.
  • AnalyticsAnonymous usage stats that help us improve pages.
  • MarketingMeasures campaigns and personalizes ads.

Cookie Banner

A consent card with Accept all, Reject non-essential and a Customize panel of category switches. It slides up on mount.

↗

Field notes, every Friday

Slow travel and small cameras.

One email a week. Leave any time.

Newsletter Signup

An email capture block with inline validation and shake, a spinner while submitting and a success state that morphs the button into a check.

↗
    • Docs
    • Guides
  1. Security
  2. SAML setup

Set up SAML sign-in

Connect Okta, Entra ID or Google Workspace in about ten minutes.

Enterprise6 min readUpdated Oct 28

Breadcrumbs

A breadcrumb trail that truncates long labels and folds the middle of deep paths into an ellipsis menu.

↗
Portland rentals7-9 of 36
  • Bright 1-bed, Mississippi Ave$1,640
  • Craftsman duplex, Irvington$2,720
  • Top-floor loft, Nob Hill$2,240
…

Pagination

Page navigation with ellipsis collapsing, an indicator that slides between pages and a compact variant with a page select.

↗
Projects3 active
  • Orbit Dashboard14 deployments
  • Fernhill Storefront9 deployments
  • Pocket Ledger3 deployments

Delete Orbit Dashboard?

This permanently deletes the project and its 14 deployments.

Dialog Modal

An accessible modal with a blurred scrim, scale-and-fade transitions, a focus trap and focus returned to the trigger.

↗
PDFq3-roadmap-final.pdf

Dropdown Menu

A button-triggered menu driven by a data array, with icons, shortcuts, checkbox items, a side submenu and the full keyboard model.

↗

Attach receipts to this expense

Drop files here or browse

PDF, PNG, JPG, up to 5.0 MB

  • jpg
    IMG_4021.jpg3.2 MB
    64%

Dropzone

A file upload area with an animated dashed drag-over border, type and size checks, inline errors and a file list with simulated progress. It never uploads anything.

↗

No saved homes yet

Saved listings will show up here.

Empty State

A zero-data state with four floating inline illustrations, a title, a description and primary and secondary actions.

↗

Skeleton

Shimmering loading placeholders: a rect, circle and text primitive. SkeletonCard, SkeletonList and SkeletonProfile ship in the same file.

↗

Contents

  • Introduction
  • Document model
  • Syncing changes
  • Performance
  • What is next

Why we rewrote the editor

Three years of patches had left typing laggy on long pages, so we started over.

A flatter document model

Blocks are now plain records in a tree, which makes undo and merging predictable.

Syncing without conflicts

Edits travel as small operations and replay in the same order on every device.

What the numbers say

Large documents open about four times faster, and memory use dropped by a third.

Where we go from here

Comments, version history and offline mode are next on the list.

Table of Contents Scrollspy

A sticky table of contents whose active item follows the page as you scroll, marked by an indicator that slides between entries. Clicking an entry scrolls to its section.

↗
FernhillPlantsPotsCare

Promo Modal

A promotional popup with a gradient artwork side, a delayed entrance and a don't-show-again checkbox. It closes with Escape or a click on the backdrop, and renders inside its own relative frame.

↗
OrbitSearch
OverviewReportsAlertsProjectsTeam
12.4k
3.8%
Share

Search anything

1 / 4

Jump to any report or teammate.

Hotspot Tour

A product tour made of pulsing hotspots laid over a mock interface, with a step popover that offers Next, Back and Skip and works with the arrow keys.

↗
1/3
NewTempo 2.0 is here
TempoProductPricingDocs

Plan the week in a minute.

One calm place for tasks, notes and focus time.

Start freeWatch demo

Announcement Ticker

A thin announcement bar that rotates several messages vertically, with a progress hairline, a counter, pause on hover and focus, and a dismiss button.

↗
Previous sectionComponentsNext sectionCharts