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/Lists & tables

Lists & tables

16 copy-paste items in this section.

Recent orders
Ava ThompsonPaid$249.00
Noah GarciaPending$89.50
Mia ChenPaid$1,240.00

Data Table

Sortable table with sticky header, zebra rows, status pills, an empty state and optional pagination.

↗
3
3 people
  • MJMaya Johnson, Onlinemaya@northwind.ioOwner
  • DODaniel Okafor, Awaydaniel@northwind.ioAdmin
  • PRPriya Raman, Onlinepriya@northwind.ioMember

People List

A team directory with initials avatars, presence dots, role badges, a keyboard-friendly row menu and a search field with an animated empty state.

↗
Documents3 items
1 selected
1 selected
  • Brand assets24 itemsOct 30
  • Q3 report.pdf2.4 MBOct 28
  • Forecast.xlsx612 KBOct 26

File List

Files and folders with a list and grid view, type-colored icons, multi-select checkboxes and a selection toolbar that slides in.

↗
Weekly XPresets in 2d
  1. Rank 1SMSofia Marchetti12,840xp–
  2. Your rank
  3. Rank 5YYou9,215xp4

Leaderboard

A ranked list with medals for the top three, proportional score bars that grow in, rank change arrows and a pinned row for the current user.

↗

Today+$3,221.51

  • ReferenceTXN-84F2-19C7AccountVisa 4821
  • ReferencePO-5521-A0E3AccountChecking 0917
  • ReferenceTXN-71B0-44D8AccountVisa 4821

Yesterday−$84.37

  • ReferenceTXN-62A9-0B15AccountVisa 4821

Transaction List

Transactions grouped under sticky day headings, with merchant tiles, status chips, tabular amounts and an expandable detail row with a copy button.

↗
Inbox2 unread
  • Priya Raman, unread9:41 AM
    Roadmap review moved — The Q4 review now starts at 2pm so Daniel can join.
  • Stripe, unread8:15 AM
    Your payout is on the way — Funds should arrive within two business days.

Inbox List

Email-style rows with unread dots, star toggles, checkboxes, hover quick actions that replace the time and j/k keyboard navigation.

↗
2 results
  • Arc Floor LampLighting$1894.8
  • Tidal ChairSeating$4204.9

Product Grid

A shop listing with an animated category chip row, sort select, result count and a container-responsive grid that reflows with a FLIP animation.

↗
Today’s focusDrag to reorder
Focus an item and press Space to pick it up. Use the arrow keys to move it, Space to drop, Escape to cancel.
  • 01Design reviewHigh
  • 02Ship onboarding flowMedium
  • 03Write release notesLow

Sortable List

A drag-to-reorder list with pointer dragging, siblings that slide out of the way, and full keyboard reordering with live announcements.

↗
  1. Order placed3 days ago
  2. Packed in RenoYesterday
  3. Marcus is 6 stops away, due by 4:30 PM.
  4. DeliveredExpected today

List Timeline Vertical

A vertical timeline of events with icon nodes, a connecting line that draws in, relative timestamps and expandable details.

↗

Notifications

2

Today

Yesterday

List Notifications Grouped

Notifications grouped by day with unread dots, a mark all as read button and hover actions to toggle read or dismiss a row.

↗
  • Northwind redesign12 tasks
  • Q4 planningDue Fri
  • Customer interviews5 notes
  • Pricing experimentDraft
  • Brand refreshOn hold

List Pinned Reorder

A list where items pin to the top and move up or down with buttons or Alt and arrow keys, animated with a FLIP transition.

↗
Due
Nov 12, 2026
Paid with
Visa 4821
Due
Oct 29, 2026
Status
Paid
Due
Oct 17, 2026
Status
Paid

List Expandable Rows

Rows that open in place to reveal details with a smooth height transition, one at a time or several at once.

↗
MCMeridian Civicmeridiancivic.orgEnterprise920$538k71

Weekly active seats, 12 weeks+7%

Owner
Jonah Reyes
Renewal
Aug 1, 2027
Seat price
$49/mo
Plan
Enterprise
LHLarkspur Healthlarkspur.healthEnterprise640$412k92

Weekly active seats, 12 weeks+29%

Owner
Maya Chen
Renewal
Mar 14, 2027
Seat price
$54/mo
Plan
Enterprise
TFTidewater Freighttidewater.coScale210$126k48

Weekly active seats, 12 weeks-33%

Owner
Jonah Reyes
Renewal
Dec 2, 2026
Seat price
$50/mo
Plan
Scale
Champion left in September.

Sortable Accounts TableNew

An accounts table whose rows glide to their new places when a column is sorted. Each row opens in place to a detail panel with a usage sparkline, owner, renewal and risk notes.

↗
Today8 events
Yesterday10 events
Today8 events
Today
Today

Windowed Activity FeedNew

A long activity feed that only renders the rows in view, with a pinned date header pushed away by the next day. A date scrubber on the edge jumps through weeks and shows the current day in a bubble while scrolling.

↗
  • Rate limit the export APIAPI3MC
  • Billing empty statesDesign2LM
  • SSO setup guideDocs1PR
  • Retry webhooks with backoffAPI3KW

Grouped Task List with HandlesNew

A kanban flattened into collapsible status groups: drag a task by its grip within or across groups while the others make room, with work-in-progress limits that turn red when exceeded. Keyboard users lift with Space, move with the arrows and drop or cancel, with every move announced.

↗
  1. Sat 7
  2. Maya Chen deployed api v2.41 to production

    Deploy · 4:12 PM
    Canary 10% for 20 min, then full rollout. No error budget burn.
  3. Jonah Reyes resolved INC-311 checkout latency

    Incident · 11:48 AM
    Root cause: cold cache after the Redis failover. Added a warmup job.
  4. Priya Raman approved #1856 Audit log export

    Review · 10:05 AM
  5. Fri 6
  6. Leo Marsh pushed 6 commits to feat/billing-empty-states

    Commit · 6:31 PM
  7. Priya Raman published SSO setup guide

    Doc · 2:20 PM
    Covers SAML metadata upload, SCIM tokens and test sign-in.
  8. Jonah Reyes opened INC-311 checkout latency

    Incident · 9:02 AM
  9. Thu 5
  10. Maya Chen requested changes on #1851 Dark mode tokens

    Review · 5:44 PM
    Contrast of muted text drops below 4.5:1 on the card surface.
  11. Kenji Watanabe merged #1849 Retry webhooks with backoff

    Commit · 1:15 PM
  12. Wed 4
  13. Kenji Watanabe deployed worker v1.19 to staging

    Deploy · 3:50 PM
  14. Maya Chen pushed 3 commits to fix/export-rate-limit

    Commit · 11:27 AM
  15. Tue 3
  16. Leo Marsh updated Billing FAQ

    Doc · 4:03 PM
  17. Kenji Watanabe approved #1842 Faster search index

    Review · 10:40 AM
  18. Priya Raman merged #1842 Faster search index

    Commit · 12:02 PM
  19. Mon 2
  20. Maya Chen rolled back web v4.17

    Deploy · 7:18 PM
    Hydration error on Safari 17. Fixed in v4.18 the next morning.

Filterable Activity TimelineNew

A team timeline with a stacked weekly histogram on top: click a day bar to narrow to that day, toggle event types with counted chips and filter by people. Counts and bars recompute as filters combine, and entries cascade back in.

↗
Previous sectionChartsNext sectionSidebars