ThreeUI Community ThreeUI Community 按钮 Button Three.js Three.js 动效 Motion
Shader Buttons Shader Buttons
从星门到等离子的着色器按钮，适合醒目的主操作。 Shader buttons, from a star portal to plasma, for a high-energy action.
详细介绍Details
着色器按钮：Star Portal、Ignition、Plasma、Thinking 等免费 WebGL 变体，适合高能量 CTA。 Shader buttons: free WebGL variants such as Star Portal, Ignition, Plasma, and Thinking. Fits a high-energy CTA.
适合怎么用How to use it
- 按钮 Button
可点的 CTA / 着色器按钮，方便嵌进现有界面。 Clickable CTA / shader buttons you can drop into an existing UI.
- Three.js Three.js
用 Three.js 跑起来的 3D 场景，可改光影与运动。 3D scenes that run on Three.js; lighting and motion can be retuned.
- 动效 Motion
偏运动与粒子的场面，强调节奏而不是表单。 Motion- and particle-led scenes that care more about rhythm than forms.
为什么推荐Why we recommend it 想让 Agent 做出「会呼吸」的按钮时用这组。Skill.md 里改色相就够，别手写 GLSL。 Use this set when you want an Agent to make a button that “breathes.” Changing hue in Skill.md is enough — do not hand-write GLSL.
给 AgentFor the Agent 用 Shader Buttons 的免费 Thinking 变体做「生成中」按钮。换成靛紫色，亮度略降。 Use the free Thinking variant from Shader Buttons as a “generating” button. Switch to indigo and drop the brightness a little.
