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

ASCII Object
Any GLB/glTF model, SVG, or image floating in a studio scene, redrawn as shape-matched ASCII characters.

Asciify
A soft lens that follows your cursor and redraws the live HTML beneath it as ascii characters.

Frost
A frozen pane of ice over your live HTML that melts under the cursor and refreezes.

Glass
A cursor-following glass lens that refracts your live HTML and zooms in on targets like a crystal ball.

Glass Object
Turns any 3D model, SVG, or image into floating liquid glass with real refraction, dispersion, and frost.

Glyph Rain
Falling glyph streams that light up your live HTML, with drop heads that surge where your cursor cuts through.

Particle Object
Rebuilds any 3D model, SVG, or image as particles that scatter around the cursor and spring back into shape.

Particle Scroll
Dissolves your live HTML below a chosen line into fine sand particles that reassemble on scroll.

Liquid Object
Drags any 3D model, SVG, or image through invisible liquid that swirls under the cursor and splits the light into color.































