Skip to content

feat(floating-3d-particles): add canvas-based 3d particle background - #1002

Open
Max-Samson wants to merge 1 commit into
magicuidesign:mainfrom
Max-Samson:feat/floating-3d-particles
Open

feat(floating-3d-particles): add canvas-based 3d particle background#1002
Max-Samson wants to merge 1 commit into
magicuidesign:mainfrom
Max-Samson:feat/floating-3d-particles

Conversation

@Max-Samson

@Max-Samson Max-Samson commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Add a pseudo-3D floating particle background component, rebuilt from the classic GitMind hero effect as a reusable, configurable UI component.

  • Perspective-projected particle field with continuous rotation, vertical floating and depth-based scaling
  • 22 props: particle counts, color, size/opacity ranges, rotation/float speed, perspective (fov, distance, depth), mouse interaction, DPI scaling, pause-when-hidden and reduced-motion support
  • Mouse rotation listens on window so the canvas stays pointer-events-none and never blocks clicks; disable with mouseInteraction={false}
  • Responsive particle count based on the viewport breakpoint
  • Default demo and hero-content demo, docs page and registry artifacts

Description

Changes

Motivation

Breaking Changes

Screenshots

Device / Browser / Viewport:

Before After

Checklist

  • pnpm check passes locally
  • pnpm build passes locally
  • pnpm build:registry was run and the generated files are committed (if you changed registry/ or config/site.ts — CI verifies this on every PR)
  • PR title follows Conventional Commits (e.g., feat(marquee): add reverse prop)

Add a pseudo-3D floating particle background component, rebuilt from the classic GitMind hero effect as a reusable, configurable UI component.

- Perspective-projected particle field with continuous rotation, vertical floating and depth-based scaling
- 22 props: particle counts, color, size/opacity ranges, rotation/float speed, perspective (fov, distance, depth), mouse interaction, DPI scaling, pause-when-hidden and reduced-motion support
- Mouse rotation listens on window so the canvas stays pointer-events-none and never blocks clicks; disable with mouseInteraction={false}
- Responsive particle count based on the viewport breakpoint
- Default demo and hero-content demo, docs page and registry artifacts
@vercel

vercel Bot commented Aug 17, 2026

Copy link
Copy Markdown

@Max-Samson is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant