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

Charts

18 copy-paste items in this section.

Requests per minutelast 24h
2,481

Sparkline

A tiny smooth line with an optional area fill and a glowing end dot that draws in on mount.

↗
Monthly revenue
$48,29012.4%vs last month

Stat Card

KPI card with a counting value, a green or red delta pill, a caption and an embedded sparkline.

↗
Weekly signups+18% WoW
050100150200MonTueWedThuFriSatSun
  • Mon: 84
  • Tue: 126
  • Wed: 112
  • Thu: 158
  • Fri: 141
  • Sat: 62
  • Sun: 48

Bar Chart

Vertical bars with rounded tops, grid lines, optional stacked series, grow-in motion and a hover tooltip.

↗
MRR$42.1k
020K40K60K80KJanMarMayJulSep
  • Jan: 18,200
  • Feb: 21,400
  • Mar: 20,800
  • Apr: 26,100
  • May: 29,900
  • Jun: 28,700
  • Jul: 34,200
  • Aug: 38,800
  • Sep: 42,100

Area Chart

Smooth monotone line over a gradient area with a hover crosshair, dot and tooltip, and a draw-in animation.

↗
Traffic sources30 days
9.8K
Total
  • Direct43%
  • Organic32%
  • Referral16%
  • Social9%

Donut Chart

Gapped arc segments that sweep in, a centered total, a percentage legend and hover that expands a segment.

↗
Skills reviewQ3 2026
DesignCodeSpeedDocsReviewComms

Radar Chart

A multi-axis radar chart with up to three translucent series, grid rings, point tooltips and a legend that hides or shows each series.

↗
385commitslast 22 weeks
JunJulAugSepOctMonWedFri
LessMore

Heatmap Calendar

A GitHub-style activity grid with month and weekday labels, an intensity legend and a hover tooltip with date and count. Ships a deterministic sampleActivity helper.

↗
Checkout funnel3.6% CVR
Visits86,400100%Product views41,20048%-52%Add to cart12,90015%-69%Checkout6,4807.5%-50%Purchased3,1203.6%-52%

Funnel Chart

A conversion funnel of centered trapezoid stages with absolute values, share of the first stage and the drop-off between stages.

↗
CPU loadnode-04 / eu-west
0%Busy0100

Gauge Meter

A semicircular gauge with colored zones, tick marks, an animated needle and a large readout that counts to the value.

↗
API latency
0ms200ms400ms600msOct 3Oct 11Oct 19Oct 27

Multi-line Chart

Smooth lines on shared axes with an interactive legend, a crosshair that snaps to the nearest point and a tooltip listing every series.

↗
TodaySat, Oct 31
81%
  • Move81%486 / 600 kcal
  • Exercise80%24 / 30 min
  • Stand75%9 / 12 h

Progress Rings

Concentric activity rings with rounded gradient strokes, an animated sweep, a center slot and a legend with value and goal.

↗
Top countries48.2k visitors
  1. 1United States6.2%18.4K45.4%
  2. 2Germany3.4%9,81024.2%
  3. 3United Kingdom11.8%7,24017.8%
  4. 4Brazil24.5%5,12012.6%

Ranked Bars

Horizontal ranking bars with rank, label, value and share of total, plus optional delta badges and an animated show more toggle.

↗
ETH / USD
$3,850.47+13.92%
3,200.003,400.003,600.003,800.004,000.00Mon 00Tue 06Wed 12Thu 18Sat 00Sun 06

Candlestick Chart

OHLC candlesticks with wicks, a price axis, a volume strip, a crosshair with a price tag and an OHLC tooltip. Ships a deterministic sampleCandles helper.

↗
Monthly revenue$37.8k
+10.5%
$15k$20k$25k$30k$35k$40kJanMarMayJulSepNov

Chart Line Graph

A responsive line graph that draws its path when it scrolls into view, with gradient area fill, gridlines, a pulsing end point and a crosshair tooltip you can drive with the pointer or the arrow keys.

↗
Sessions by channelLast 14 weeks
Sessions by channelStacked stream of 6 series over 14 periods, from Aug 4 to Nov 3. Latest total 202k.
Aug 4Aug 18Sep 1Sep 15Sep 29Oct 13Oct 27

StreamgraphNew

Stacked series flow around a centre line as smooth organic streams that grow out of the axis on mount. A crosshair reads every period, hovering a stream isolates it, and legend chips hide series while the remaining streams reflow.

↗
Trial journeys10,300 signups
Trial journeys, Q3Flow diagram across 3 stages. 10,300 entries from Search, Referral, Partners, Direct. Paid annual 1,760, Paid monthly 1,740, Evaluating 2,010, Churned 4,790.
Search4,820
Referral2,140
Partners1,360
Direct1,980
Self-serve trial7,620 · 74%
Sales demo2,680 · 26%
Paid annual1,760 · 17%
Paid monthly1,740 · 17%
Evaluating2,010 · 20%
Churned4,790 · 47%

Sankey FlowNew

A multi-stage flow diagram laid out from plain nodes and links: gradient ribbons draw left to right stage by stage. Hovering or focusing a node lights its whole upstream and downstream path, and each ribbon shows its share in a tooltip.

↗
-25%+25%
Cloud spend by service, OctoberTreemap of $89k across 5 groups: Compute $42k, Data $20k, Storage $11k, Network $9.0k, Observability $6.5k.
Showing All services

Zoomable TreemapNew

A squarified treemap of groups and leaves, colored on a diverging scale by month-over-month change. Clicking a group zooms it to fill the frame as the other tiles fly out, with a breadcrumb and Escape to zoom back.

↗
Q4 scorecardDay 58 of 92
  • Revenue
    Revenue $1.84M of $2.20M target
    $1.84Mof $2.20M+$220k
    At risk
  • New customers
    New customers 412 of 500 target
    412of 500+44
    At risk
  • First response
    First response 3.2h of 2.0h target
    3.2hof 2.0h-0.9h
    Behind
ActualTargetLast quarterProjected

Bullet Chart ScorecardNew

A stack of bullet charts for quarterly goals: qualitative bands, the actual bar, a target tick and last quarter's marker, with status pills that update. An Actual and Projected switch reveals hatched end-of-quarter forecasts, and lower-is-better metrics invert the scale.

↗
Previous sectionWebsite elementsNext sectionLists & tables