SkillGitHub
全部组件
shader-hero

着色器主视觉

以低功耗 WebGL 场域让指针在主视觉周围塑造氛围。

  • 键盘可用
  • 支持减弱动效
  • TypeScript
场景
spatial · dark
运行成本
较高
动效引擎
motion + webgl
安装npx shadcn@latest add https://motion-lexicon.pages.dev/r/shader-hero.json

组件行为

指针在发光场域中改变波纹焦点 以低功耗 WebGL 场域让指针在主视觉周围塑造氛围。

适用事件

适合产品介绍、滚动叙事与主视觉场景。

运行信息

动效引擎
motion, webgl
运行成本
较高
依赖
motion
打开公开 Registry JSON