Make things float in air
鼠标悬停，卡片元素按深度分层抬升 —— 纯 CSS transform，性能开销约等于零。
FLOATING
复刻自抖音 @Samaritan 的「vibe coding 必备的三个宝藏网站」—— React Bits 的极光与超空间隧道、Aceternity UI 的 3D 组件、 Uiverse.io 的开源 UI 元素，全部收进这一页，还附赠一颗可拖拽的 Three.js 粒子星球。
这次补上真正的 WebGL —— 1.4 万颗粒子按斐波那契分布排成星球，内嵌线框内核、外绕倾斜星环。 拖拽旋转（带惯性），双击触发脉冲；帧率低于 30 自动降档，CDN 断了回退成静态球。
React Bits 最出圈的演示组件 —— Hyperspeed。在下面的屏幕里按住鼠标（或手指）， 引擎会开始过载：星光拉成光线，色相从电紫烧成冰蓝。松手，一切归于平静。
Aceternity UI 给了几十万个开发者同一种底气：把 3D 卡片、着色器、聚光灯 这些"看起来很贵"的效果做成复制粘贴。下面每一张卡都可以摸 —— hover 时卡片会分层浮起。
鼠标悬停，卡片元素按深度分层抬升 —— 纯 CSS transform，性能开销约等于零。
逐字吐出的打字机循环，适合首屏口号与终端感场景。
SVG feTurbulence 置换滤镜实时扭曲文字边缘，成本一个 filter。
conic-gradient + CSS @property，一根纯 CSS 的"果冻光"。
悬停右下角按钮，tooltip 从下方弹起并带小箭头。
卡片用两个 CSS 变量记录鼠标位置，radial-gradient 跟随，离开即熄灭。
Uiverse 是社区共建的 UI 元素库：按钮、开关、loader 全部开源， 点开即得 HTML + CSS。下面是本页挑出来的四件套。