组件
将这些创意组件直接用在你的项目中。浏览组件库,按自己的需要调整,更多效果正在加入。
组件环游 404
把组件预览排成环形轨道的 404 页面。悬停或聚焦卡片时暂停转动,选中卡片即可打开对应组件。
立体按压按钮
纯 CSS 立体按钮,悬停时下沉,按住时表面内缩。
多光标页面搭建
12个彩色光标随滚动打字、画框、搬入图片并排版,选框实时跟随,上滚可撤回搭建。
专辑封面隧道
真实专辑封面组成三维隧道,悬停吸起,点击沿弧线飞入中央,滚动或拖动不断穿行。
标签叠放展开
优先级、日期和负责人标签相互叠放,为任务标题留出空间;悬停或聚焦时向左展开。
转账光雾确认
转账详情在粉金色光雾与上浮粒子后逐渐虚化,经过两段处理提示,再恢复为清晰的成功状态。
液体注入卡片
实时液体纹理从鼠标进入的位置铺满卡片,再向离开的位置收拢。每张卡片拥有独立的三色色板。
字符鲨鱼与鱼群
字符鲨鱼在细网格上摆尾游动、追逐鱼群,支持指针避让与点击惊散,并可叠加半透明本地输入框。
墨水扩散图片轮播
新图从点击位置沿不规则墨水边缘向外晕开,边界带有轻微透镜折射,白色卡片后的柔焦色影同步换色。
粒子纹理三联
三个固定点阵轮廓,分别呈现蓝绿粒子流、黑白空心圆弧与橙红纹理。
包装撕开粒子消散
从右上角拖开立体金属包装,可停在半途并继续拉动弯折封条,完全撕开后释放抹茶粉末。
AI 品牌封面三联卡片
Claude、Codex、Cursor 三张竖版封面,保留选定配图、真实 SVG 标志与独立中文介绍。
折边滚动表情选择器
表情网格滚入上下边缘时向内弯折、压缩,搜索栏保持固定,支持搜索与选择。
渐变卡片环形轮播
五张渐变卡片沿立体圆环旋转,背面镜像显示,搭配精细粒子图形和边缘弯曲色散拖影。
流体提示气泡
黑色胶囊随六个导航入口移动、变宽,通过裁切切换文字;头像使用 LeiBox Logo。
蜘蛛牵引切歌
八足蜘蛛结网牵引专辑封面,在队列与播放区之间连续搬运,搭配真实专辑图片和可操作的本地播放控件。
列表卡片堆叠切换
Claude、Codex、Grok 三张 SVG 在列表、并排卡片与叠放之间连续移动、缩放和重排。
品牌海报三联卡片
三张人像海报统一搭配左上角标、中央品牌字标与底部介绍,图片轻缓缩放,标志和文字保持固定。
点阵波纹与旋涡
三张点阵卡片同步呈现双色扩散波纹、旋转旋涡与圆形扩张,保留印刷排版和渐变背景。
文字选区开花
拖选真实文字,每个字符周围长出随机配色的描边花朵;松手后花瓣、叶片和茎依次反向收回。
内联词组变形
点击三处内联胶囊,相同字母连续重排,句子随宽度变化居中,贴纸图标弹性切换。
脑形滑块粒子增强
脑形褶皱随六档思考强度逐层增加,进入 Galaxy 后点亮闪动点阵、放射粒子与光晕,并伴随短促震动。
文字选区调色器
选择笔记文字,唤出磨砂九色调色器;跨行选区随颜色变化,并可跳回最近上色的段落。
选框拖拽缩放
八个方形控制点连续变成方向箭头,拖动时显示实时尺寸胶囊和辅助线,支持直接输入宽高。
柔光环形菜单展开
黑色图标随短暂顺时针错峰收拢成环,保留细灰边、白色高光与柔和阴影,关闭时六项一起向外散开。
环形菜单交错展开
六个彩色按钮从外围顺时针依次收拢成环,弹性停稳;关闭时逆序向外散开并模糊淡出。
弹性面板缩放
把手靠近时显现,拖动时同向弯曲;超过面板宽度边界后弹性拉伸,松手回弹。
蓝色棱纹流动背景
蓝色流体缓慢折叠流动,经竖向毛玻璃棱纹折射,中央白色 LeiBox 标志保持固定。
模型思考强度滑块
三档模型思考强度滑块,保留流动星空填充、随拖速变化的果冻形变与柔和吸附。
Agent 对话输入框
直接迁入 Deep Agent 原版对话输入框,包含权限菜单、上下文容量、附件、模型选择和思考强度滑块。
字符鲨鱼追踪价格路径
字符锤头鲨沿三条预测价格路径游动,依次标记概率、波动率与 dealer gamma;指针在预测区时鲨鱼追向最近的路径,移到左侧K线区时鲨鱼跟着指针自由游动。
玻璃标签栏展开菜单
四项磨砂标签栏连续展开为六宫格菜单,选中块通透滑动,加号旋转为关闭按钮。
揉皱纸张展开
三张纸团随悬停展开为手写信、蓝色山景照片和印刷便笺,纸面沿真实折叠网格连续变形。
帆船滚动目录
帆船随当前章节沿弯曲虚线移动,支持滚动跟随与点击目录平滑跳转。
思考步骤粒子变形
粒子随五个思考步骤连续变形,完成后收起并逐字显示回答,支持暂停、重播和复制。
玻璃文件夹展开
磨砂文件夹展开为扇形文件,支持生成纹理、添加落入动效和键盘菜单。
轨道与点阵动效
轨道加载、流动半色调星云和悬浮服务器组成三联宇宙视觉。
渐变卡片跟随
六张颗粒渐变封面,搭配细线纹样、缓慢漂移的色团和弹簧柔光交互。
验证码输入验证
胶囊展开为六位验证码输入框,收拢验证后呈现错误摇动或绿色成功反馈。
鼠标感应线条
竖线重构 Apple、Google 与 Tesla 标志,结合弹簧回弹及随鼠标变化的检测框连线。
分享邀请面板
可展开收拢的分享面板,支持邮箱邀请、成员权限和真实链接复制。
访问申请展开
权限申请胶囊弹性展开,堆叠头像与成员列表交错切换。
日历惯性拖拽
日程卡片随拖拽速度拉伸、跟随,并在浮动状态中切换聚焦内容。
点阵加载
20 × 20 点阵围绕两个移动焦点呼吸,呈现图片生成中的等待反馈。

ASCII 物体
让 GLB/glTF 模型、SVG 或图片悬浮在灯光场景中,并用与轮廓匹配的 ASCII 字符重绘。

字符透镜
透镜随指针移动,将下方的网页内容重绘为 ASCII 字符。

冰霜
在网页上覆盖冰层。指针经过时冰面融化,移开后重新凝结。

玻璃透镜
玻璃透镜跟随指针,折射并放大下方的网页内容。

玻璃物体
将三维模型、SVG 或图片变为悬浮的液态玻璃,呈现折射、色散和磨砂效果。

字符雨
下落的字符流照亮网页,指针扫过时会激起字符涌动。

粒子物体
将三维模型、SVG 或图片重建为粒子。粒子随指针散开,再弹回原形。

粒子滚动
把指定位置下方的网页内容化为细沙,滚动时粒子逐渐拼回原状。

流体物体
将三维模型、SVG 或图片浸入隐形液体。指针带起的水流拖动形体,并将光线分解为颜色。











































