使用Framer组件
增强你的网站

一个无缝的无限滚动图库，内置适用于图片、视频和GIF的灯箱功能。可在Framer中对布局、动态效果和视觉风格进行全面自定义。

这个组件会产生多米诺骨牌倒下的效果，当用户滚动页面时，元素会以级联顺序进行动画展示。每个实例都会经历三种动画状态（开始、中间和结束），形成流畅的过渡效果，模拟多米诺骨牌一张接一张倒下，然后从屏幕上消失。

GalleryX——时尚动态的画廊网格，带3D视差、流畅拖拽惯性和互动覆盖层——非常适合以深度和动效展示视觉效果。

电影级画廊框架，为视觉效果添加沉浸式动效和曲率。非常适合主背景、作品集展示和互动显示。

互动粒子轨迹光标，为网站添加动态动效和色彩。非常适合作品集、着陆页或任何你想增强视觉参与度的界面。

星云漩涡以动态3D轨道显示图片，响应光标移动并带缩放、深度和旋转，打造高端互动展示。

将任意SVG转换为惊艳的粒子效果，带可定制的点、颜色、间距、混合模式和互动悬停扭曲。

时尚可定制的番茄钟计时器，设计为Framer组件。

每个字母依次淡入，带霓虹发光脉冲效果。

将任何表单或内容区域转换为专业写作工作区。此组件重现用户期望的现代应用富文本编辑体验，带格式化工具。

可定制的进度条，带目标、动画计数和为每个贡献来源标注的彩色分段。

互动字体测试器，编辑文字、预览字体、调整大小、行高和对齐方式，看你的文字在不同样式中栩栩如生。

随滚动在任何标题周围动画圆圈。完全可定制的文字、颜色、大小和速度。

完全可定制的模拟时钟，用于Framer。设置任意时区、调整颜色、指针样式，为项目创建优雅的时间显示。

可定制的邮箱输入组件，用于Framer，实时验证邮箱地址。

智能导航按钮，将用户带回浏览器历史记录中的上一页，带备用选项。

每次页面加载时随机化CMS集合项目顺序的组件，可选择限制项目数量。

自定义图片光标，跟随网页上的鼠标移动。当你移动鼠标时，光标图片会变化，创建闪烁效果。

设置文字缩进以匹配基于网格的列。包含可选的GSAP文字动画。

轻量、角落固定的提示通知，循环显示最近的购买或注册，带头像/首字母、智能计时、进度条、点击链接和可选音效。

最小化、高性能的文件树，带展开/折叠、选择和可选连接器指示器。提供扁平项目列表即可渲染整洁可导航的目录。

精致响应式的动态流，逐个揭示项目并带弹簧动画。非常适合通知、活动流、更新日志和事件亮点。

滚动揭示。每个框架都带有动效和深度的呼吸感。

滚动驱动的速度遇上分层动效和节奏。

催眠的太空场景，带漂移星星、发光地平线和动画文字。

视差马赛克以无限滚动网格显示图片，带视差、倾斜和拖拽——非常适合沉浸式展示和现代着陆页。

创建惊艳的圆形图片展示，带互动轨道布局和翻转卡片。非常适合作品集、产品展示或创意叙事。

此组件创建安全的6位数密码保护屏幕，锁定整个Framer网站直到输入正确代码。

用CineSlider为网站带来电影感，这是为Framer打造的高端图片和内容滑块。专为流畅动效、大胆视觉和完全自定义而设计。

动画点背景，增强主视觉区或创意页面。

专业页面预加载器，带14种进入/退出动画、灵活的可见性模式、自定义内容支持和视口缩放。非常适合精致的网站加载体验。

在热门节日或自定义日期为客户提供独特折扣。

自动以有组织的布局显示CMS集合项目，带内置分页控制的组件。

将CMS集合项目以随机旋转倾斜显示，创建有趣的散落宝丽来风格布局的组件。

可定制的按钮，点击时平滑滚动用户返回页面顶部。可始终可见或仅在滚动后自动出现。

此组件为连接的任何元素添加持续震动动画。创建在震动和暂停间交替的水平振动效果。

此组件直接在Framer项目中显示实时股市数据和精美动态价格图表，无需API密钥、无需认证、无忧。

打字见证组件是一个动态、完全可定制的见证滑块，用于React/Framer项目。通过打字机动画高亮显示用户反馈。

动画渐变和发光文字效果。非常适合标题、主视觉区或任何你想让文字脱颖而出的地方。

流畅互动的图片过渡组件，具有扭曲、涟漪、波浪和缩放效果——非常适合提升作品集和主视觉区的视觉效果。

创建圆形图片画廊，在中心点周围以旋转光环形式显示图片。

创建时尚的3D卡片，带流畅翻转和倾斜效果，非常适合展示产品、价格、团队或任何需要动态3D视觉效果的内容。

精美的价格表，使用JSON秒速更新。自动转换为移动友好卡片。非常适合功能列表和服务层级。

动态3D瓷砖网格，带流畅动画、悬停效果和透视深度。

Figma风格的自定义光标，带跟随移动的流畅芯片。轻量、完全响应式且高度可定制——为任何网站增添即时光泽。

渐进模糊是一个视觉吸引力强的Framer组件，随用户滚动为网站区块添加动态模糊效果，创建精致沉浸式的浏览体验。

无限滚动砖石网格，带可定制的3D透视和流畅动画。

此组件创建随机生成字符的网格，当你悬停时揭示实际文字。

现代化的行动号召按钮，结合简洁设计和互动反馈增强用户参与度。采用柔和圆角和醒目排版设计，创建流畅体验。

超可定制的可展开幻灯片轮播，支持CMS、画廊或静态图片源、动画、自动播放、灯箱、滑动等更多功能。

使用Three.js的动态液体3D背景效果。

流畅的自动框架轮播，循环播放连接的框架，带可定制的模糊、缩放和时间过渡，实现动态视觉叙事。

精美地展示产品，带互动主图片和缩略图画廊。切换箭头、自定义边框并控制悬停行为，呈现简洁灵活的展示。

为任意图片添加高端玻璃全息图效果——带精细控制的动画眩光、倾斜和反射，营造精致的3D感。

可定制的动画列表组件，带动效控制、样式选项和CMS支持，用于创建动态互动列表。

🌠 让网站令人难忘。星系混合深度、互动性、未来视觉效果，立即提升转化率并让受众惊叹。非常适合AI初创公司、代理机构。

可定制的工具提示弹窗，在悬停或点击时揭示丰富内容、媒体或多步骤信息。非常适合入门指导、功能提示或产品亮点。

流畅变形光标，悬停在互动元素上时从点转变为环。完全可定制的颜色、大小和动画。

此组件在Framer网站中激活并显示设备的摄像头画面。

每次页面加载或刷新时自动显示组件的随机变体。

通过跟随光标的迷人聚光灯效果转换设计。

黑胶唱片播放器组件——展示你的音乐品味，点击专辑封面即可播放上传的MP3文件。

动画双logo圆环，带旋转、拉动和爆发效果——完全可定制的内外logo、大小、数量、半径和速度。

选择颜色更改器是一个完全可定制的组件，让你定义整个网站文字选择的外观。

在Framer项目中加载并显示互动3D模型(GLB/GLTF)，带专业动画、光照控制，无需编码。

将音频转换为精美可定制的音乐播放器，带曲目详情、专辑封面和流畅播放。

互动有趣的卡片，带流畅悬停动画和完全自定义。

互动动画六边形网格。每个六边形随鼠标移动动态缩放，具有流畅的颜色过渡，非常适合背景、主视觉区。

强大的滚动监视导航器，带流畅滑动指示器。支持图标、条件可见性，深度自定义任何单页或长篇内容。

实时变形字符的动态文字组件——非常适合未来感标题、悬停效果和互动排版。

通过时尚可定制的闪光渐变文字动画让排版栩栩如生——非常适合标题、主视觉区和现代UI高光。

无限画廊，在2D空间中无限循环，带运动模糊、深度和自动滚动。

创建互动标签过渡，悬停时更改内容��—流畅、现代，非常适合动态网页区块。

为任意图片添加有趣的揭示效果——默认模糊，悬停时清晰。非常适合预告、表情包或产品揭示。

在三维空间中探索色彩的和谐——旋转、混合并揭示RYB光谱的美丽。

带轨道点的动画时钟——React + Framer组件。

互动衰减卡片——动作驱动的图片扭曲效果。

完全可定制的按钮组组件，与Framer原生表单集成，支持单选或多选选项，完全控制样式。

动画3D文件夹，打开时显示文件，带悬停提升、磁性运动、流畅标签阴影淡出，以及可调节的颜色和纸张图片，呈现逼真的UI效果。

动感文字运动是一个Framer组件，通过流体物理启发的运动动画文字，让网站栩栩如生。

磁性框架组件，动态响应用户光标移动。当鼠标指针悬停附近时，框架平滑地被吸引。

时尚可定制的预加载器，让品牌栩栩如生——在页面加载前无缝显示logo、视频或进度条。

通过动效和发光吸引更多注意力——完全可定制的旋转闪光按钮，让CTA在任何Framer项目或着陆页中脱颖而出。

宇宙引力将图片动画化为迷人的拉力效果，视觉效果流动并消失到中心，仿佛被宇宙力量牵引。

创建惊艳的滚动触发视频动画，像素级完美控制。三种强大模式、丝滑流畅的性能和专业级计时控制。

全屏叙事幻灯片，带电影般的过渡。滚动、滑动或自动播放浏览沉浸式文字和图像。

此组件允许你使用方向键控制页面上的任何元素，带逼真的物理效果，包括重力、跳跃和动量。

逼真的WebGL水着色器，带实时控制——深度、扭曲和动态光照。

通过互动3D动效、逼真视差深度和动态光泽效果让视觉效果栩栩如生。非常适合主视觉区和产品展示。

Chrona时钟是一款时尚的数字时钟，融合风格与实用性。适配任何布局，支持世界时区，提供发光或玻璃便当盒样式。

添加沿俏皮手绘路径和分隔线流动的动画文字。

强大优雅的文字组件，随用户向下滚动逐渐用颜色填充文字，创建惊艳的滚动动画。非常适合创建引人入胜的效果。

有趣的滚动画廊，让图片成为焦点。循环动效、分层深度和触控友好的乐趣，适合作品集和展示。可个性化定制。

现代响应式图片查看器，让你检查放大视图的不同细节。

轮播球体3D滚动环为设计带来动效和深度，流畅旋转的图片或视频环，非常适合现代主视觉区和创意展示。

为CMS集合添加多重动态过滤。可选择单选下拉菜单进行独占过滤或带复选框的多选选项。

从格式化字段提取图片，显示为画廊，允许用户通过点击缩略图切换图片。

此组件自动检测访客的浏览位置，并显示自定义横幅提供特定地区的折扣码。

半色调揭示动画——SVG遮罩与JavaScript魔法。

无限可平移网格，用于显示图片、视频和/或文字。以各种布局排列媒体，随心所欲自定义。

生成网页结构的微型可视化地图组件，用可自定义的颜色突出显示不同HTML元素，改善导航体验。

旋转画廊是一个吸引注意力的旋转展示。几秒钟即可设置，可选循环、滚动或自动播放，每张图片都可链接到目标位置。

自定义点阵网格背景，可多方面定制。更改颜色、不透明度，开关效果，改变样式，添加自定义SVG等。

高级全功能音频播放器组件，允许上传mp3、wav等任何音频文件，并完全自定义外观以适配你的网站。

时尚可定制的滚动进度条，提升用户体验。轻松调整颜色、大小和位置，为网站创建流畅的互动导航。

动画渐变背景，可选呼吸动效和涟漪点击效果，非常适合沉浸式主视觉区和着陆页。

互动图片聚光灯，带3D倾斜和鼠标跟随径向显示效果。非常适合作品集、画廊和沉浸式悬停效果。

现代化的图片自定义光标，具有流畅弹簧动画、悬停激活和可选标签，非常适合沉浸式设计导向的Framer体验。

飞行海报通过OGL和流畅物理引擎为画廊带来3D滚动视觉效果——非常适合沉浸式主视觉区和创意作品集。

全屏螺旋粒子动画，带动态轨迹、缓动效果和可选互动按钮，非常适合主背景和启动屏。

动画渐变条，有节奏地脉动，创建时尚动态背景，非常适合着陆页、主视觉区和音频响应式视觉效果。

易用的链接树风格组件，以吸引人的网格形式排列你最重要的链接。

简洁、现代且完全可定制的按钮组件——非常适合着陆页、作品集和产品网站。

将里程碑转化为时刻。互动可定制的时间线组件，让你的项目、事件和故事栩栩如生——只需几分钟。

五款小游戏让访客保持参与而不是跳出。非常适合404页面、维护页面或任何需要保持注意力的地方。

烟雾文字——为标题添加氛围动效。流畅循环的烟雾动画，通过微妙发光和电影般的深度让排版栩栩如生。非常适合创意。

为排版带来微妙优雅的动效。文字漂移为标题和主视觉区添加流畅精致的动画，营造高端现代感。

完全可定制的卡片组件。通过悬停时流畅的倾斜和弹出效果展示图片或文字。活泼的动画和多功能性远超基础卡片UI。

通过互动玻璃态效果立即提升参与度和转化率。

保护你在Framer中的照片——阻止右键、拖拽和保存操作，保持视觉效果的安全和专业。

生产力滑块，以流畅动效和自适应设计展示专业类别。

多波浪文字效果——互动流体排版动画。

支持1-8张动态卡片的Framer组件。提供可展开的详细视图、导航和布局、文字、颜色及视觉效果的完全自定义。

完全可定制的工具提示组件，精确箭头定位、字体、边框和颜色控制。非常适合优雅的UI提示和悬停交互。

用可爱的光标宠物为网站增添魅力！从悠闲的水豚到活泼的狐狸、忠诚的考拉和可爱的河马，每个光标宠物都带来有趣的互动。

沉浸式滚动叙事，带动画章节、流畅过渡和优雅排版。

动画文字组件，通过移动图片揭示文字。非常适合主视觉区、品牌标题、创意作品集和着陆页。

图片轨迹是一个动态Framer组件，通过实时显示跟随用户光标的图片序列创建沉浸式悬停体验。

最多添加五种颜色，显示或隐藏边框颜色。可用于图片或纯色背景。可调节边框宽度、圆角、方向、起始角度或速度。

实时页面浏览量计数器，连接Supabase跟踪并显示访客数量，具有流畅动画和可自定义的格式选项。

3D图层揭示效果，悬停触发透视和深度——非常适合现代着陆页、作品集和产品卡片。在Framer中完全可定制。

姓名和电话字段验证，带自定义电话掩码。

可自定义的3D轮播，随页面滚动而旋转。

可自定义的CSV转表格组件——非常适合展示对比、价格、排名或基准数据。

将任意按键映射到任意链接。例如，可以将K键映射到打开你的Calendly链接。

通过12种独特加载动画为你的界面注入活力。

获取20多种可自定义的社交分享按钮——集于一个组件。

可选择自动、手动或滚动触发滑动。可自定义圆角、方向、标签文字和颜色——全部集成在单一组件中。

前所未有地展示视觉效果——Showra的沉浸式叙事轮播融合图片、文字和动效，打造大胆高端的展示。

轻量可定制的时钟日期组件。可选择任意全球城市，12/24小时格式切换，多种日期样式显示，文字样式完全可定制。

Scrollify组件让你完全自定义浏览器滚动条，可调节颜色、大小和样式，带来流畅的滚动体验。

简洁响应式的柱状图代码组件。非常适合仪表盘、分析和报告。完全可定制且易于集成。

为Framer打造的终极视频滑块。高端视频幻灯片组件，让你的项目充满电影感和活力。

动态可定制组件，允许你使用*符号在文本中无缝集成内联图片。