液态星球Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请用 React 和 TypeScript 实现一个可交互的液态星球演示，参考 Rare UI 的 Fluid Orb：https://www.rareui.com/components/fluidorb 。用 WebGL shader 绘制球体，保留原作分形噪声、漂移和域扭曲，白色高光自然过渡至彩色底部。提供蓝、紫、橙三种颜色，不要用旋转渐变冒充流体。 以黑色为背景，保留组件的鲜明颜色，适配手机和键盘操作。减少动态偏好下直接显示稳定状态。卸载后清理动画和计时器，离屏暂停。保留原作署名、链接和许可。输出完整组件和可运行示例。
从像素里显影Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请用 React 和 TypeScript 实现一个可交互的从像素里显影演示，参考 Rare UI 的 Grid Reveal：https://www.rareui.com/components/gridreveal 。用 Canvas 将图片按细节自适应分割成180个矩形色块，保留原作从稀疏网格到采样色块再到照片的渐进揭晓。设置可重播的完整时间轴，重播重置画布与进度。 以黑色为背景，保留组件的鲜明颜色，适配手机和键盘操作。减少动态偏好下直接显示稳定状态。卸载后清理动画和计时器，离屏暂停。保留原作署名、链接和许可。输出完整组件和可运行示例。
黏在一起的导航Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请用 React 和 TypeScript 实现一个可交互的黏在一起的导航演示，参考 Rare UI 的 Gooey Nav：https://www.rareui.com/components/gooeynav 。保留原作SVG贝塞尔颈部和弹簧间距动画，选中项两侧分离、圆角变化，连接部先收缩再断开，不要只做普通标签位移。橙紫绿三种主题。 以黑色为背景，保留组件的鲜明颜色，适配手机和键盘操作。减少动态偏好下直接显示稳定状态。卸载后清理动画和计时器，离屏暂停。保留原作署名、链接和许可。输出完整组件和可运行示例。
表情喷泉Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请用 React 和 TypeScript 实现一个可交互的表情喷泉演示，参考 Rare UI 的 Emoji Reaction：https://www.rareui.com/components/emojireaction 。保留原作气泡菜单、表情错峰喷射、上升漂移缩放和模糊消散，长按连续生成且限制粒子数量。使用原生Unicode表情，避免依赖外部图片。手机点按与键盘菜单均可操作。 以黑色为背景，保留组件的鲜明颜色，适配手机和键盘操作。减少动态偏好下直接显示稳定状态。卸载后清理动画和计时器，离屏暂停。保留原作署名、链接和许可。输出完整组件和可运行示例。
拆开的时间胶囊Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请用 React 和 TypeScript 实现一个可交互的拆开的时间胶囊演示，参考 Rare UI 的 Duration Picker：https://www.rareui.com/components/durationpicker 。保留原作超椭圆裁切、弹簧分段间距、文字惯性轻摆及铅笔到勾的SVG形变。小时分钟可编辑且限制有效范围，有明确输入标签。 以黑色为背景，保留组件的鲜明颜色，适配手机和键盘操作。减少动态偏好下直接显示稳定状态。卸载后清理动画和计时器，离屏暂停。保留原作署名、链接和许可。输出完整组件和可运行示例。
垃圾桶的小机关Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请用 React 和 TypeScript 实现一个可交互的垃圾桶的小机关演示，参考 Rare UI 的 Delete Button：https://www.rareui.com/components/deletebutton 。保留原作桶盖铰链旋转、桶身宽度形变、确认取消按钮错峰出现以及确认后的图标反馈。仅演示不删除任何真实数据，反馈结束自动恢复并可再次播放。 以黑色为背景，保留组件的鲜明颜色，适配手机和键盘操作。减少动态偏好下直接显示稳定状态。卸载后清理动画和计时器，离屏暂停。保留原作署名、链接和许可。输出完整组件和可运行示例。
点阵信号Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请实现一个可交互的点阵球组件，参考 Rare UI 的 Matrix Orb：https://www.rareui.com/components/matrixorb 。使用 React、TypeScript 和 Canvas 2D，在规则网格上用圆点组成圆形轮廓，中心的点更大，边缘自然衰减。提供 idle、listening、thinking 三种状态：缓慢呼吸、由内向外的涟漪、多个亮区绕中心游走。状态切换平滑插值，避免闪跳。暴露颜色、尺寸、点数和状态参数。使用 requestAnimationFrame，卸载及离开可见区域后停止绘制；适配高分屏与 prefers-reduced-motion。附三个可操作的状态按钮，支持键盘和手机。只做视觉模拟，不请求麦克风权限。保留原作署名、来源链接和许可。输出完整组件与使用示例。
会展开的档案夹Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请实现一个立体文件夹组件，参考 Rare UI 的 Folder：https://www.rareui.com/components/foldercomponent 。使用 React、TypeScript 和 Motion。结构由背板、三张纸卡和前翻盖组成。悬停时纸卡按不同角度扇形散开，点击后向上升起，前翻盖沿底边向前倾斜；再次点击收起。使用有阻尼的弹簧运动，三张纸错开少量时间。暴露配色和尺寸，允许给纸卡放自定义内容。点击控制用原生 button，支持键盘、手机和 prefers-reduced-motion；手机不依赖 hover 才能打开。样式限定在组件内，不改全局 body。保留原作署名、链接和许可。输出完整组件及演示。
滚动数字Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请实现一个滚动数字组件，参考 Rare UI 的 Animated Counter：https://www.rareui.com/components/animatedcounter 。使用 React、TypeScript 和 Motion。每位数字独立放在纵向数字轮上，通过裁切窗口只露出当前数字，变化时沿增加或减少方向滚动。数字从 9 到 0 要连续，进位、退位和位数变化也要平滑。顶部和底部做柔和遮罩，静止的数字保持清晰。支持 value、千分位、小数位、前后缀、动画时长。用等宽数字，避免左右跳动。给屏幕阅读器提供一次完整数值，隐藏装饰数字轮；减少动态偏好下直接显示结果。添加加减和重置演示按钮。保留原作署名、来源和许可。输出可运行组件。
落字游乐场Rare UI 原作 ↗复制提示词 ↗查看提示词提示词 · 本站整理请实现一个可交互的字符重力容器，参考 Rare UI 的 Gravity Letters：https://www.rareui.com/components/gravityletters 。使用 React 和 TypeScript。点击位置生成随机字母或数字，字符受重力下落，在容器底部堆积，着地有轻微弹跳和倾斜；长按连续落字。字符大小在小范围内变化，设置数量上限并清理最老字符，提供重置按钮。支持鼠标、触摸和键盘触发，不请求设备方向权限，不拦截整个页面滚动。用 requestAnimationFrame 驱动，停止运动时停止循环，卸载清理所有计时器。减少动态偏好下直接摆放字符。颜色、尺寸、重力、字符集可配置。保留原作署名、链接和许可，输出完整组件和使用示例。