资源
学习
灵感
工具
New
订阅更新
寻找灵感
创意机构
Roasted
作品集
Kons
UNVEIL庐
健康
Superpower
AI
Augen
移动应用
Notion
Limitless
Daniel Sun
初创公司
SuperHi
Duties
SavoirFaire
网页应用
Shuttle
电商
KidSuper World
Bigpicture Company
个人
Max Yinger
技术
Tatem
动效
Desktop.fm
reboot
Metalab
Vercel Ship
组件
模板
模块
收藏的组件、模板和内容都在这里
滚动打字
Scroll to Type:随滚动揭示文本的组件;可自定义文本区块样式,如高亮、强调、发光或淡入淡出。
图片散射
交互式双图揭示效果:支持自定义几何形状与顺滑动画。
故障标题
动态故障效果让文字更现代、更出众:适合标题与品牌识别,抓住注意力并强化创新形象。
悬停滑动按钮
时尚交互按钮:悬停时顺滑揭示社交链接。
翻转画廊
用风格展示图片:Flip Gallery 提供顺滑翻转转场,打造现代交互式图片展示。
行内图文
将文字变为引人入胜的动态内容:该组件把动画字体与循环行内图片无缝融合。
口袋 Moog
Pocket Moog:灵感来自经典 Moog 合成器的趣味低音音序模块,放进网站就能增加厚度。
口袋鼓
Pocket Drums:灵感来自经典 Roland 808 的趣味鼓机模块,放进网站就能来点节奏。
页面过渡
页面过渡组件:提供三种效果,内置 Framer 属性控制,确保导航顺滑且易于设置。
动态网格图案
Interactive Grid Pattern:创建响应式方格网格,带顺滑悬停动画与可选径向蒙版。
闪烁网格
Flickering Grid:随机改变方块透明度的动画网格,适合为网页加入细腻且吸引人的背景动效。
MacBook Pro 样机
轻松以完全响应式、开箱即用的组件展示照片与视频。
图片蒙版
交互文本组件:通过替换文本中的自定义字符,在悬停或滚动时以蒙版方式揭示图片;适合创意排版与互动式视觉字体。
交互菜单
悬停展开的动态按钮:显示 Apple Music、Spotify、YouTube 与商店链接;顺滑动画,适合推广专辑。
菜单
定制导航菜单:让你的网站更具独特性并脱颖而出。由 Victoria 制作。
成员列表
成员列表:用于以现代目录形式展示成员的可定制 Framer 组件,包含头像、角色、状态与团队归属。
3D 图钉
一款多用途 Framer 组件,用于创建一个……
可展开画廊
该组件以横向滚动布局展示图片,点击图片会放大;适合作品集、产品画廊或任何视觉内容展示。
浮现卡片
交互式图片卡片:悬停时信息浮现;提供 6 种桌面效果变体及平板/移动端版本;每张卡支持最多 4 个可自定义标签。
专业视频轮播
用动态视频轮播升级网站:展示产品演示、作品集等,转场顺滑、控制可自定义、设计可交互。
高级定价卡片
完全响应式且可定制的定价卡片组件(Framer):SmartPricing 让你零折腾快速搭建动态定价区块。
页面浏览量
该组件追踪并显示每个页面的访问次数:使用 Supabase 数据库自动递增并在所有访客间持久化。
滚动时图标文字
带文字与表情的动画标题:用户向下滚动时逐步揭示。
视频前后对比
适用于 Framer 的前后对比视频滑块:精致响应式,展示惊艳转变,适合展示剪辑、动画或视觉效果。
链接揭示
Reveal Links:交互式链接组件,带精致悬停动画,逐字母翻转,呈现动态文字揭示效果。
006 模态框
多用途模态框:顺滑动画、键盘支持与细致的自定义选项;适合显示文本或图片,可小窗、默认或全屏覆盖。
页面收藏
可用的实时页面收藏组件:可添加到任意页面,让用户收藏该页。
实时光标
该组件创建实时协作光标追踪区域:可同时显示多位用户的光标位置。
3D 交互模型
该组件通过一组序列图片创建交互式 3D 观感图片浏览体验。
堆叠卡片
可交互的卡片堆:支持自定义动画与交互,并可连接到任意图层。
终极图片拖尾
与众不同的图片拖尾动画:多数拖尾只随鼠标移动;这个还支持无限循环、缩放等玩法。
3D 图片视差
Framer 的自定义 3D 视差组件:多种控制项,便于高度定制并契合你的项目风格。
弹性网格
动态滚动动画组件:将网格变为弹性、带滞后的动效;提供 4 种模式,并以 60fps 顺滑运行。
表单长度跟随
俏皮的交互组件:一对动画眼睛会追踪并响应页面中的文本输入。
佣金按钮
为按钮添加顺滑动画:组件完全可编辑且响应式。
邮箱复制到剪贴板
该组件让用户一键复制你的邮箱到剪贴板:只需填入地址即可使用。
像素拖尾效果
为背景添加网格像素拖尾交互:可自定义圆角、颜色、尺寸、持续时间与延迟等 UI。
转盘抽奖
转盘抽奖组件(Framer):用于吸引用户并以趣味方式提供折扣。
专辑堆栈
Album Stack:干净的图片文件夹组件,可堆叠最多五张图片并调整重叠;按压图片会形变弹出并居中适配视口。
曲线集成
沿曲线路径描绘连接,用于指示集成关系。
边界鼠标跟随
交互组件:让对象在定义区域内以可配置的跟随比例与动效参数顺滑跟随鼠标。
实时汇率
实时货币转换器:自动检测用户位置并将基准金额实时换算为本地货币;使用 IP 定位与实时汇率。
3D 图片轮播
3D 无限自动播放轮播:顺滑拖拽与触控控制,可自定义速度、尺寸、角度与布局;适合作品集、产品、画廊与展示。
滚动进度
适用于页面任意区块的顺滑可定制滚动进度条。
半圆图表
用半圆进度图表优雅展示进度:支持动画、可自定义颜色、尺寸、描边宽度与百分比显示。
文件夹弹出
Folder Pop:完全交互的动效文件夹动画(Framer)。触发后封面倾斜打开,照片优雅弧线弹出。
呆萌眼睛
俏皮的眼睛跟随光标,并会循环双眨眼。
聚焦网格
将任意图片集变成响应式马赛克,并在光标跟随的聚光灯下“活起来”:瓷砖从灰度到彩色,随距离顺滑缩放。
恒星按钮
StellarButton:可完全自定义的动画按钮;悬停时会爆出星星、爱心等形状,为设计增添“火花”。
008 文本乱码
乱码文本动画:可自定义随机字符;适合循环标题或一次性出现效果;轻松调整字体、颜色、速度等。
乱码文本
为任意文本添加动态乱码动画:适合首屏标题、加载状态或故障效果;可完全控制速度、时长、渐变与循环。
密码门禁
Password Gate:响应式且可定制的 Framer 组件,用于用精致的密码提示保护案例、私密内容或客户作品。
InfinityGlassGSAP
GSAP 驱动的高级 Framer 组件:将任意图片变成多层“无限玻璃”效果;悬停时分层缩放并跟随光标做顺滑视差。
恒星通量
由光标驱动的星空:中心处向前跃迁;移开以转向(越远越慢);可调整星数量、速度、大小、深度与颜色。
HeadBlaster 404
把无聊的 404 变成小游戏:HeadBlaster 是可自定义的射击游戏,让访客在死路上也能玩得开心。
滚动吸附
轻松为任意布局添加滚动吸附:支持容器或全屏区块,兼容纵向与横向。
灯光:关/开
你可能到处都见过它——已成为 Framer 最热门动画组件之一;现在你也能拿来用。
复制到剪贴板
高度可定制的复制到剪贴板组件:既可做简单按钮,也可做复杂容器(含标签、展示文本与辅助文本),并带顺滑动画/过渡。
双模式视图
简单的仪表盘风格响应式媒体布局:支持双模式视图,用于在桌面、平板与手机展示视频或图片滑块。
交互画布
为设计师打造的缩放画布:无缝展示大型作品集。
真实降雪
带真实重力的雪:会在底部堆积,并按计时器淡出循环;高性能、可配置且响应式。
009 对比滑块
用可交互滑块对比前后两张图片:从方向、交互模式、标签与布局,到颜色、文字样式与转场均可调整。
悬停填充按钮
Hover Fill Button:顺滑的从左到右悬停填充效果,为界面增加现代互动质感。
TOC 岛(CMS)
动态岛风格目录下拉:锚点标题动态更新、滚动进度、分钟阅读估算与顺滑下拉动画,提升沉浸式阅读。
代码块生成器
受 ray.so 启发的精美代码块图片生成器:语法高亮、主题可选、惊艳渐变背景,适合社交媒体与文档。
涟漪/雷达脉冲
可自定义雷达效果组件:带涟漪圆圈动画;可调渐变色、速度、边框宽度、圆圈数量与图层模糊。
多地点图钉
在交互地图上展示多个地点:可自定义图钉,适合企业、旅游网站或作品集,易于配置且完全响应式。
主题切换
即用型暗色模式切换:可选按钮或开关,自由定制样式,无需代码。
3D 角度卡片悬停
交互式 3D 悬停卡片:随光标优雅倾斜,呈现动态纵深。
活动状态
实时用户状态指示:在线(绿)/离线(红),干净响应式且可定制,适合聊天、仪表盘与现代 Web 应用。
银河星空
Galaxy Starfield:动态星空动画,为设计增添宇宙感,营造“活着的星系”错觉。
数据管道
可视化 3 对 3 数据流:用动画与渐变连接呈现,响应式、图标可自定义,适用于任意 Framer 项目。
AnimaType
多用途 Framer 组件:使用动画 GIF 作为文字背景填充,营造迷人视觉效果。
星光闪烁效果
创建星光闪烁夜空效果的代码组件:颜色、密度与速度可调。
悬停放大镜
Hover Lens:为 Framer 图片加入顺滑的光标缩放效果,打造高端交互体验。
Balatro 背景
使用 OGL Balatro 背景组件将高质量图形纹理插入你的网站。
波浪
大胆的地形等高线风背景:随叙事移动,极简现代且充满能量。
005 数字海报
数字海报组件:在拟真相框内展示图片与视频,可尝试明/暗风格与动态反射。
图文混排
可在文本块中直接嵌入图片的多用途 Framer 组件:适合表现力强的编辑风图文混排布局。
故事画廊
以互动故事形式展示图片或视频:可自定义时长、自动循环、悬停暂停与点击导航,适合作品集、落地页与产品展示。
展开卡片
用这款视觉丰富的手风琴卡片组件为设计增加纵深与动感。
音频可视化器
美观响应式的音频播放器:顺滑的动画柱随音乐跳动,适合打造沉浸式音频体验。
彩虹笔刷
渲染跟随鼠标的彩虹色笔触。
CMS 预计阅读时间
连接到任意富文本字段即可获得字数/预计阅读时间。
流体文字
高端排版组件:将静态文字转为动态交互动画,包含字符级物理与流体形变效果。
3D 倾斜组件
可完全自定义的 3D 倾斜阴影效果:适合展示 Logo、文字与图片,带顺滑且对鼠标响应的交互。
悬停揭示卡片
用这款简洁的交互卡片组件时尚地展示视觉内容。
路径文字
Framer 代码组件:让文本沿圆形、椭圆或自定义 SVG 路径无缝动画;适合动态 Logo、首屏区与装饰边框等。
类型飞溅
用于将图片蒙版进文字的 Framer 组件。
形变蒙版
柔和可变形的图片蒙版:带真实投影、滚动轻视差与悬停倾斜;上传图片后可调宽度/对齐/缩放,并可加高光或渐变边框。
FF 竖版视频
适用于 Framer 的响应式竖屏视频轮播:顺滑滑动转场、可自定义控制、自动播放与 CTA 支持,适合产品演示或叙事。
视频
干净且可完全自定义的视频组件:适用于本地或 URL 托管 MP4;注重美观与控制——可选封面图、个性化播放按钮与顺滑播放体验。
文本打字动画
可自定义的打字机风格文字动画(Framer):支持输入、删除、循环与光标效果,适合标题、CTA 与动态叙事。
眼睛跟随光标
俏皮的交互眼睛会跟随光标并自然眨眼,为设计增添个性。
蒙版视频
用这款蒙版视频文字组件让标题更有冲击力。
自定义像素拖尾
Pixel Trail:高级交互像素拖尾组件,跟随鼠标/触控制造惊艳视觉效果。
页面锁
简单可定制的 Framer 密码保护组件:PageLock 可锁定单个页面并以干净友好的界面控制访问。
SplitType
交互式 Framer 组件:悬停时对每个字符应用独特文本效果。
3D 轨道
图标围绕中心图片做椭圆轨道动画:可完全自定义。
飘雪特效
为任意背景添加可完全自定义的飘雪效果:响应式、顺滑,适合冬季主题 Framer 网站。
视差滚动网格
响应式视差图片网格:顺滑滚动效果,样式与间距易于自定义;拖入组件几分钟即可工作。
Mac Dock
把苹果 Dock 带到你的网站:原生手感、真实悬停放大与顺滑动画。
光谱框架
交互式图片网格:悬停颜色揭示、顺滑缩放与自适应布局,在桌面/平板/移动端都很惊艳。
闪耀效果
创意又俏皮的 Framer 组件:可直接在画布中创建闪烁像素效果。
轨道导航
面向现代仪表盘布局的动态侧边栏导航组件(Framer):RailNav 让内部页面结构更清晰且响应式。
文本涂鸦
为文字叠加俏皮的手写注释与涂鸦。
无限画廊
顺滑可滑动的无限画廊:支持自动滑动;点击切换或自动运行;可从设计面板轻松上传图片。
词语切换
展示一组词语并以 3 种不同动画顺滑切换进出。
前后对比滑块
精致可定制的前后对比图片滑块:适合展示产品改进、设计迭代或皮肤变化,并可完全控制。
前后对比
支持两张图片的前后对比:核心 GPU 硬件加速,运行非常顺滑且性能出色。
3D 模型查看器
该组件让你快速在 Framer 上传带动画的 GLB 文件,并可在属性面板自定义行为与交互。
定价控制
Framer 定价工具:适合 SaaS 定价页,三种模式——展示价格、选择功能、更新成本;保持项目内价格同步更新。
3D 翻转卡片
用这款完全可自定义的 3D 翻转卡片组件打造动态交互体验(Framer)。
首字下沉(博客)
该组件可为内容创建首字下沉(Drop-cap)效果。
旋转 3D 轮播
紧凑型 3D 轮播(Framer):突破限制,做出真正独特的效果。
自动重定向
该组件可在延迟后自动将用户重定向。
002 计数器
多用途计数器组件:用独特动画展示数字;可自定义字体、颜色、格式等。
代码块
实时可交互代码块:适合分享可复制代码;内置 VS Code 主题与语法高亮。
图片卡组
动态图片堆叠:支持顺滑拖拽、滚动与自动播放交互,适合动态展示视觉内容;可完全自定义且响应式。
框架光束
选择一个框架并添加沿边缘运行的动画光束边框:可控制方向等。
博客侧边导航(CMS)
动态目录组件:随页面内容无缝更新,并支持 CMS。
弹出横幅
折扣弹窗横幅组件:适合提供优惠并通过动态显示逻辑提升转化。
可变字体
用这款代码组件提升标题与排版:从大量 Google 可变字体中选择,并增强悬停交互。
滚动模糊
Progressive Scroll Blur:根据滚动速度为顶部与底部边缘添加响应式模糊效果。
基于主题的图片
该代码组件可根据用户主题偏好(深色/浅色)切换图片。
形变文本
用形变文本动画强调关键词:提供可自定义 UI。
FF 灯箱画廊
精致灯箱图片画廊:支持箭头与键盘导航、完全响应式,并具备直观的可拖拽操作,提升观赏体验。
磁性播放按钮
用顺滑的磁性悬停效果吸引访客点击打开视频的按钮。
003 浏览器
使用浏览器样机组件轻松在网站中嵌入网页、视频与图片。
打字机文本
用电影感打字、发光效果与像素级控制让文字更有表现力:完全可定制并做了性能优化。
社交分享
可完全自定义的社交分享组件(Framer):轻松调整图标、布局与平台,无需代码。
俏皮光标拖尾
Magnetic Tail Cursor:顺滑的物理拖尾形状(可选辉光),完全可定制、轻量,适合交互现代网站。
错落文本
为多行文本逐字母做动画:从上或下错落进入;可控方向、时序、距离、字体与颜色。
流体动效光标
高度可定制的 Framer 组件:提供交互式实时流体模拟(WebGL 驱动),创建迷人的液体运动背景。
拖拽与吸附
创建顺滑的分区滚动:支持拖拽交互与自动吸附对齐,适合演示、画廊与类移动端导航体验。
Gravi
用交互物理让设计活起来:把图片或文字丢进真实重力游乐场,物体可拖拽并弹跳。
图片转贴纸
将任意图片(PNG 或 SVG)变为逼真的贴纸效果:带动态光照与纵深,适合徽章、Logo、奖项等需要“凸显”的元素。
CMS 悬停图片
展示 CMS 关联图片并在悬停时跟随光标:适合产品预览、作品集或任意来自 CMS 集合的动态内容。
004 加载器
顺滑优雅的加载器组件:可调渐变颜色、宽度与过渡。
甜甜圈/饼图
可定制的交互甜甜圈图:可无缝切换为饼图,支持自定义标签与百分比显示。
轨道画廊
Orbit Gallery:现代动画画廊,以顺滑圆轨道排列内容,适合作品集、品牌 Logo、精选作品或客户展示。
潮流贴纸
潮流贴纸组件:支持拖拽、投放与循环效果,快速为设计增添俏皮动感。
瀑布流画廊
智能响应式瀑布流画廊:Pinterest 风格布局与智能排布,适合作品集与视觉展示。
动画文本标题
带两种语言的三段打字机式头部:可控主文案与轮换词的颜色/字体/循环词/渐变等参数。
视差图片
用顺滑视差让页面更生动。
图片对比滑块
允许用户拖拽分隔线对比两张图片的组件:可自定义分隔线外观,并可选图标以增强视觉反馈。
定价计算器
高级计算器组件:可根据任意数量的滑块与选择器输入展示计算结果。
滚动擦洗视频
滚动擦洗播放视频:随滚动顺滑前进/后退,实现滚动控制播放的交互体验。
平滑计数器
让数字从起始值顺滑滚动到结束值:可自定义字体、颜色、间距,并可在数字前后加标签;支持不同触发方式。
带分区吸附的纵向滚动组件:适合交互式演示与产品展示。
无限滚动网格
无限滚动组件:创建沉浸式网格浏览体验,内容可向任意方向拖拽。
表格可视化器
该组件将 Framer 项目直连 Google Sheets:可实时把表格数据展示为文字、表格、折线图或柱状图。
漂浮字母
文字组件:悬停时字母变成彩色漂浮形状,可自定义渐变、动画与文字属性。
实时 CMS 搜索
按标题与自定义字段搜索一个或多个 CMS 集合。
幻灯片
精致的 Framer 幻灯片组件:顺滑动画、缩略图预览与直观导航,带来更好的观看体验。
条件输入
根据其他输入的条件值,在 Framer 中条件显示/隐藏输入项及任意图层。
渐变球
顺滑的渐变光球:可控速度、颜色与方向;可选择刷新时变化或保持不变。
像素扫描 Pro
PixelScan:WebGL 像素扫描揭示效果,可用于揭示文字与图片;完全可自定义,含 20+ 配色与预设。
点击滑动画廊
通过点击左/右切换图片与视频:无按钮、干净滑动,并提供自定义光标箭头;支持自动播放、CMS 与响应式尺寸。
主题切换开关
适用于 Framer 的精致主题切换开关:顺滑直观地在深色与浅色间切换。
更佳轮播
用于构建无缝滑块与轮播的灵活组件:支持无限滚动、自由拖拽、自动尺寸调整与吸附导航,适合动态与高级布局。
像素图片揭示
让图片加载更有趣:图片像素化后在滚动进入视口时动画揭示像素效果。
图片立方体
交互式 3D 立方体组件:可在六个面添加图片。
001 模拟时钟
用优雅且永恒的方式表达时间:模拟时钟组件,极简默认样式且完全响应式。
极简时钟
简洁灵活的数字时钟,实时日期和时间显示,格式和样式完全可定制。
定价滑块
让用户根据用量、功能或数量交互式调整定价层级或方案,如用户数、页面浏览量或存储空间。
Drams搜索
极简趣味搜索组件,滚动小球揭示输入框,使用简单、完全可定制,适合 Framer 中简洁的交互式 UI 场景。
悬停缩放
用户悬停图片时,以光标位置为变换原点进行放大,打造动态响应的缩放体验。
折线图
折线图和柱状图组件。
圆形进度条
动画环形进度条。
文字发光悬停
Text Glow Hover 组件以交互式多层模糊阴影和光晕效果让大号文字活起来,响应光标或触摸移动。
3D书本
动画 3D 书本组件。
文字乱序器
精致的动画文字乱码效果,以动态故障过渡揭示你的信息。
加密货币
热门加密货币实时价格。
倾斜卡片
悬停时卡片根据光标位置流畅旋转,营造逼真的 3D 视差效果,柔和的动画光晕和反射叠加增强纵深和视觉表现。
赛博朋克文字
赛博朋克 2077 风格的故障效果文字组件。
当前天气
显示任意设定位置的当前天气状况和温度。
时钟
经典模拟时钟组件,实时动画流畅,适合作为装饰元素或 Framer 项目中的功能性时间显示。
计数器
轻松展示从一个数值平滑动画过渡到另一个数值的数字。
螺旋
在 Framer 中创建的动画点阵场,灵感源自生成式螺旋图案。
Logo预加载器
流畅可定制的 Logo 预加载组件,以简洁的入场动画展示品牌 Logo,短暂停留后淡出。
主题切换器
可定制的明暗模式切换按钮和开关样式,支持 Framer 控件和自动主题检测。
声音开关
可定制的声音切换按钮,支持自动播放且跨浏览器流畅运行,轻松为 Framer 项目添加音频控制。
番茄钟计时器
可定制的 Framer 番茄钟,时长、颜色、进度追踪、目标等均可从 Framer 面板控制。
滚动圆角
基于滚动创建流畅渐进的媒体圆角和内边距过渡,适合沉浸式主视觉区、柔和揭示和无代码的滚动驱动过渡。
Spotify播放器
完全可定制的 Spotify 播放器,粘贴歌曲或播客链接即可使用,每个细节都能定制,创建大胆设计、添加动画,控制权在你手中。
超椭圆
Squircle 形状生成器组件,以固定 1:1 比例渲染可定制的超椭圆矢量 SVG 形状。
发光胶囊按钮
未来感胶囊形按钮,带有发光和氛围效果,适合醒目的 CTA 或主视觉区。
价格滚动
动画价格组件,悬停或任意触发时数值滚动切换,前缀、字体、颜色和动画速度完全可定制。
卡片堆叠
交互式图片堆叠,滑动揭示过渡流畅。
3D书本组件
简洁灵活的书籍组件,以精致风格展示封面、书名和作者名,适合作品集、案例研究或创意模型。
日期倒计时
精致的日期计数器,用户从日历中选择日期即可设置倒计时,适合产品发布、活动或截止日期。
闪烁文字
用 Flicker Text 组件让标题活起来,光晕效果、速度控制和霓虹灯/LED 等动画样式完全可定制。
双色调
为图片添加双色调效果。
声音面板
精致的触感控制模块,带有 EQ 旋钮和交互式 FX/MIC 按钮,逼真的光影和反馈模拟复古录音室设备。
Luma按钮
发光动画行动号召按钮,带有浮动粒子和流畅旋转光边框,完全可定制,视觉冲击力强,适合现代科技风设计。
光标光环
CursorHalo 让你添加带边框和弧线的图片跟随光标移动,设置轻松可调。
文字时间
轻量时间显示组件,格式、样式和可见性完全可控,还能显示上月或下月,根据时区自动更新。
渐变倒计时
现代动画渐变倒计时组件,兼顾性能、定制性和视觉冲击力,适合主视觉区、产品发布、促销计时或任何重要时刻。
系统下载按钮
智能下载按钮,自动检测用户操作系统并为 Windows、macOS 和 Linux 用户显示定制的文字和图标。
计时器
动画倒计时器,数字以翻转、滑动或缩放的交错过渡效果切换。
水平滚动器
HorizontalScroller 让你为任意自定义框架应用水平滚动,将纵向滚动转化为横向导航。
渐变标题
Gradient Headline 是多功能组件,轻松为标题或文字中的选定词语添加渐变效果。
上滑按钮
简洁流畅的图标悬停交互,完全可定制且易于集成。
倒计时器
完全响应式的 Framer 倒计时器,每个细节均可定制,创建大胆设计并添加动画,以完整的创意控制倒数计时。
基于地区的值
该组件允许为全球不同地区设置不同值,可按国家设置不同语言或按货币区设置不同定价。
图片对比
图片对比组件,通过可调节的分隔条以交互式方式直观对比两张图片。
文字压力
动态文字组件,通过可变字体压力响应光标移动,适合交互式标题和醒目视觉。
打字机效果
流畅可定制的打字机动画,带有闪烁光标循环切换词语。
垂直拨盘导航
快速易配置的竖向刻度盘导航,链接到页面内的滚动区块。
FAQ手风琴
简洁响应式的 Framer FAQ 组件,适合产品页、作品集和 SaaS 网站,易于编辑、完全可定制且无需编码。
立即拨打按钮
Framer 一键拨号按钮——让用户单击即可拨打你的号码,完全可定制、移动端适配,适合联系或客服 CTA。
自动高度图片
该组件让 CMS 图片自动根据各自的比例调整高度,无论宽高比如何。
波浪网格背景
可定制的网格背景,提供多种控制选项调整为你想要的风格。
星辰按钮
精致的动画按钮,灵感源自 Stellaris 的视觉风格。
图案生成器
用这款组件通过 5 种独特样式生成图案。
模拟时钟
用经典模拟时钟为网站增添格调,数字时钟已经太常见了,不如用经典造型来点不一样的。
浮动粒子
Floating Particles 为布局添加可定制的轻柔动画粒子,适合氛围效果、交互元素或微妙的视觉纵深。
营业时间
智能营业/休息指示器,实时状态、时区支持和实时脉冲圆点,可设置每周时间表或在线/离线状态。
悬停文字高亮
悬停触发的文字组件,提供两种动画擦除效果——全背景高亮或流畅下划线揭示。
文字发光
灵感源自 iPhone 16 Pro 落地页,这款光晕效果可应用于任意文字并以你偏好的字体定制。
涟漪
为 Framer 中的任意图片添加逼真的水波纹效果,完全可定制、支持交互且兼容 CMS,打造沉浸式动态视觉体验。
真实聚焦
TrueFocus 以模糊和光晕效果逐词高亮文字,支持自动或悬停模式、自定义字体、颜色和对齐,打造吸睛的文字聚焦效果。
图片遮罩文字
创建带有图片遮罩效果的文字,字体、图片适配方式(cover/contain/百分比)和备用文字颜色均可定制,打造醒目排版。
Lenis平滑滚动
为网站添加丝滑流畅且可定制的滚动体验。
股票
Stocks 组件通过 Finnhub API 显示实时股票价格,以美元计价。
3D轮播
用旋转 3D 轮播让画廊活起来,适合作品集、产品展示或动态视觉叙事。
新粗野主义按钮
新粗野主义按钮——粗犷边框、鲜艳纯色、锐利边缘和厚重阴影,毫不掩饰的高冲击力视觉。
图片像素化
流畅的像素化效果组件,悬停时变换图片,动画速度可定制,适合打造引人入胜的交互画廊和作品集展示。
数字递增
精准的向上计数器,竖向滚动数字、前后缀样式、小数、千分位和智能视口内自动播放。
爱心按钮
趣味十足的「I Love Framer」按钮,粉色背景点击后变为鲜红配白字,悬停时绽放魅力。
液态金属Logo
用这款自定义 WebGL 组件将任意 Logo 转化为液态金属表面,品牌标识化身流动的色彩动画,带有逼真的金属反射。
Wii按钮
外观和手感完全还原 Nintendo Wii 的按钮组件。
专业文字打字效果
可定制的打字机文字动画组件,颜色、光标样式、字体和循环控制一应俱全,满足大量定制需求。
放大镜组件
Framer 图片放大镜组件,悬停时放大图片,复制到项目中即可自定义图片、缩放倍率和放大镜大小。
揭示文字滚动
用流畅的滚动触发文字揭示效果让排版活起来。
滑动字母按钮
精致的药丸形 CTA,悬停时每个字母从顶部或底部滑入,移开时滑出。
页面揭示效果
流畅的页面揭示组件,等宽列依次向上动画,营造优雅的幕布过渡效果,适合页面加载状态。
水波纹效果
为任意图片添加惊艳的交互式水波纹效果,响应鼠标点击和悬停,物理效果逼真可定制,打造深度沉浸的用户体验。
动画数字
动画数字计数器,过渡流畅可定制,适合统计数据、里程碑和指标展示。
呼叫按钮展开
Framer 组件,初始仅显示电话图标,悬停时按钮展开并显示「Book A Call」文字。
文字模糊
WordBlur 让你淡化和模糊文字中的指定短语,悬停或点击时揭示,为 Framer 项目打造交互式强调效果。
iPhone模型
响应式超逼真 iPhone 模型。
锥形动画
旋转锥形渐变边框,带有可定制的视觉效果,支持模糊叠加层、内置文字控制和外部子元素内容。
悬停播放
悬停时自动播放竖版视频,带有静音切换,支持上传自定义视频、封面、标题和说明。
玻璃按钮
毛玻璃风格按钮,带有悬停和按压状态,颜色和描边宽度可编辑。
3D弹出悬停
用这款精致的 3D 悬停卡片组件为网站增添纵深和交互性,适合展示产品卡片、团队成员、功能特性或作品集项目。
加载器计数器
计数器组件,带有自然节奏的微停顿、智能自动时长、区域感知格式、双色过渡和完整排版控制。
最佳数字计数器
高度可定制的计数器,字体样式、字重、大小、颜色、起止数值、小数点、分隔符、时长、前后缀和动画循环标志均可调节。
图标滑入按钮
精致引人的动画按钮,提升网站交互性,悬停时以鲜艳色彩填充,带来令人满足的点击效果。
渐变文字波浪
流体渐变文字沿柔和波浪路径流动,自适应排版、无缝色彩过渡、逐设备尺寸调节和减弱动效支持,适用于主视觉区、标题等任何位置。
音速文字
把音量调大——悬停响应的声音排版,14 种音效可选,字体、颜色、间距可调,即插即用。
重力粒子
完全交互式、可定制的 Framer 粒子背景,响应鼠标移动,带有发光粒子和动态重力效果。
进度化
固定的滚动进度条,直观显示用户在页面中的滚动位置。
智能日期组件
可定制的 Framer 日期时间组件,支持多种格式、实时时钟、自定义样式和实时更新,全部通过原生 Framer 控件操作。
像素过渡
惊艳的像素化过渡效果揭示文字,用可定制的复古风格网格动画为标题和 CTA 添加悬停或点击触发的动画。
悬停播放视频
悬停时显示视频预览的文字组件。
程序坞
macOS Dock 组件——精致可定制的 macOS 风格 Dock,轻松调整变体、Dock 颜色、头像和背景模糊,每个应用图标均可配置。
常见问题
FAQ 组件让常见问题的整理和展示变得简单,简洁的可折叠格式,完全可定制且响应式,提升用户理解。
图片悬停故障
HoverGlitchImage 为任意图片添加可定制的悬停故障效果,强度、速度和圆角可调,在 Framer 中打造前卫的交互视觉。
图片涟漪效果
用这款 Framer 组件为图片添加惊艳的触摸友好涟漪悬停效果,流畅、现代、移动端适配且易于使用。
交互式扭曲
为 Framer 项目中的图片或视频添加交互式扭曲效果,完全可定制、响应光标,基于原生 WebGL 着色器驱动,无需编码和配置。
图片幻灯片
ImageSlideshow 是高度可配置的 Framer 代码组件,以流畅可定制的过渡循环播放任意数量的上传图片。
倒计时
精致可定制的倒计时器,适合活动、产品发布或落地页。
实时位置
即时检测并显示访客所在城市、国家或两者,带有实时脉冲指示器,完全可定制、无障碍且即用。
日历
日历组件,显示当前日期并自动更新。
唱片播放器
极简动画 MP3 播放器,黑胶唱片风格设计,点击播放或暂停,精致可定制,为 Framer 项目添加交互式音频。
滚动文字
用 Rolling Text 组件创建动态标题——逐字母流畅运动,速度、模糊和动画模式可定制。
添加到日历
响应式、完全可定制的按钮,让用户单击即可将事件添加到日历,自动处理 Google Calendar 链接和 .ics 文件下载。
玻璃
Glass+ 为设计带来条纹玻璃效果,支持滚动变换和变体动画,丰富的控制选项将网页设计提升到新高度。
故事查看器
为 Framer 项目添加交互式故事查看器,以社交媒体风格展示图片或视频。
旋转轮盘
交互式转盘组件,动画流畅,可定制的随机结果输出,适合游戏、抽奖或赠品活动。
返回触发器
为任意按钮、组件或框架添加无缝的返回触发,保留原始设计和悬停效果,无需代码或链接,始终返回上一页。
复古像素按钮
RetroPixelButton 是大胆的像素风 CTA 按钮,图标与文字分栏布局,带有悬停效果且完全响应式,适合复古网站或开发者作品集。
面包屑
简洁的面包屑组件,支持 1-6 个或更多链接,响应式且易于使用。
贴纸掉落
为项目添加有趣的交互式贴纸掉落效果,图片、大小和时间均可定制,打造趣味体验。
进度条
轻松展示从上到下平滑填充的进度效果,竖向布局。
版权声明
自动更新的版权声明,符号、年份范围、公司名称和可选链接均可定制,适合现代 Framer 页脚。
密码猜词游戏
Wordle 风格组件,用户猜对 5 个字母的单词即可解锁跳转,可定制、带动画且引人入胜,适合原型或游戏化访问控制。
截断文字
将段落和标题截断到项目所需的长度,自动适应组件宽度,省略号(…)样式截断,支持变量。
故障背景
为网站任意区块添加可定制的故障动画背景,适合科技、创意或未来感布局。
涟漪效果
用交互式涟漪效果为 Framer 创建引人入胜的动态背景。
按钮
极简按钮组件,具备简洁的悬停动画。
级联缩进
级联段落缩进组件,以可定制的间距逐行渐进偏移文字,支持可选的流畅动画效果。
像素悬停拖尾
Pixel Trail Effect 添加交互式像素化悬停动画,大小、颜色、淡出速度和延迟完全可定制,打造创意现代视觉。
弹性定价滑块
简洁响应式的 Framer 方案选择器,月付/年付切换带有「节省 %」提示,支持货币和区域格式、桌面布局模式和带方案参数的 CTA,即插即用。
视差媒体
让在 Framer 中为图片和视频添加视差效果变得简单直观的组件。
渐进模糊
用滚动触发的渐进模糊效果为设计增添动感,打造优雅的过渡效果。
文字预加载器
Text Preloader 是可定制的加载页面,在页面加载时显示你选择的文字。
星空
在 Framer 中创建实时「星际穿越」背景,购买后获取组件 URL 链接,复制并粘贴到区块即可使用。
网格悬停效果
易于编辑的组件,悬停光标时颜色变得更加丰富有趣。
磁铁
磁性悬停效果,将任意元素拉向光标,框架内和释放过渡可调,强度可微调,将任何内容吸附到鼠标上。
GIF图片动画器
模拟 GIF 的自动循环图片画廊,上传图片序列、自定义过渡速度和样式,即刻创建动态视觉元素。
光标阴影文字
带有跟随光标的交互式阴影文字,打造动态吸睛的效果。
预约通话按钮
独特交互的按钮,模拟两人连接的动作,直观传达其为预约会议或在线聊天而设计。
Slack消息卡片
在 Framer 项目中模拟逼真的 Slack 风格消息,名称、时间、文字和头像均可定制。
Framer 覆盖效果,让瞳孔始终居中于眼睛内,同时在设定半径内平滑跟随鼠标光标,打造趣味交互体验。
地球标记点
3D WebGL 地球仪,带有交互式位置标签,购买后获取组件 URL 链接,复制粘贴到区块后在资产面板中更新组件即可。
移动方块背景
Squares 组件是完全可定制的 Framer 动画背景,方块在屏幕上平滑移动,营造微妙而专业的视觉效果。
简易二维码
在 Framer 中即时创建和定制二维码。
日程展示
Schedule Display——实时显示营业/休息状态,支持时区、24 小时/AM-PM 格式、自定义消息、下次营业预览和完整样式控制。
波浪按钮
惊艳的动画波浪效果按钮组件,颜色、文字和链接完全可定制。
保险丝按钮
精彩的动画保险丝按钮,悬停时与图标融合,颜色、文字、图标和链接完全可定制。
海啸
Tsunami+ 为设计带来高品质扭曲美学,支持基于滚动的变换和变体动画,提供丰富的可定制属性。
噪点
用微妙可定制的噪点效果为图片、背景和图形元素注入活力,适合营造有机质感和增添纵深。
淡入切换
主视觉效果,四张图片在学校动画播放时交替淡入淡出。
悬停边框效果
添加交互式悬停线条高亮你的文字。
翻转卡片组件
Framer 交互式翻转卡片组件,拖拽翻转堆叠卡片,过渡吸附流畅,阴影、旋转、拖拽距离等均可定制。
现代毛玻璃风格按钮,悬停/按压状态流畅,色调、模糊度、文字、圆角和边框宽度均可调节。
粒子波浪
平静的粒子波浪效果,适合主视觉/页脚背景和 CTA 区块,复制组件 URL 粘贴到 Framer 区块即可使用。
导入3D
Framer 即插即用 3D 查看器,加载 OBJ/FBX 文件,拖拽时环绕旋转,空闲时自动旋转,限时免费!
滚动进度条
Framer ScrollProgressBar——可视化页面滚动进度的轻量代码组件,创建与用户滚动位置关联的可定制进度指示器。
失焦
Unfocused+ 为设计带来精致的模糊美学,支持滚动变换和变体动画,丰富的控制选项将网页设计提升到新高度。
国家代码选择
完全可定制的 Framer 国际电话输入组件,配有国旗、国家前缀和 CSV 上传,样式简单设置,轻松集成到任何表单。
井字棋
与 AI 驱动的井字棋高手对战!基于 Framer Workshop 构建。
视口展示
动态获取视口宽度和高度的资源组件,提供完整的定制选项修改文字、样式和图标。
全息故障
为任意上传图片赋予独特的变色悬停效果。
点击爆发
交互式动画效果组件,用户点击界面任意位置即生成可定制的爆发粒子。
瀑布流标题网格
无缝无间隙图片网格,保持每张图片的原始宽高比,打造简洁的响应式马赛克布局,自适应任何屏幕尺寸。
鼠标波浪文字
跟随鼠标的交互式波浪文字,字体、颜色、倾斜、旋转和模糊均可定制,带来动态的动画体验。
圆点
像素级精准的动画圆点组件,圆点数量、半径、间距、缓动、延迟、循环和颜色完全可控,适用于区块、按钮或主视觉占位。
字符分隔符
分隔符组件,以任意字符重复填满容器宽度,排版完全可定制。
筛选器X
用模糊、亮度、色调、黑白滤镜等效果变换图片,按钮、切换或分屏视图模式完全可定制。
边框光束
可定制的交互式卡片,发光边框跟随光标移动,光晕颜色、大小、边框宽度和背景轻松调节。
一次性Logo加载器
智能启动画面,Logo 仅在首次访问或新标签页时出现,刷新时不再显示,图片、时长和动画均可定制。
混合文字
Blend Text 是多层文字组件,为排版增添纵深、动效和渐变混合效果。
运动图层
用于创建带透视点的 3D 图层构图组件,在滚动时实现动态纵深和视觉特效。
宇宙星空
流畅的银河风格星空背景:柔和闪烁、缓慢漂移、基于景深的视差,以及微妙的鼠标「排斥」效果(星星在光标周围轻微散开)。
文字起始缩进
TextIndenter 允许在段落开头设置指定数量的缩进,无需多次按空格键。
实时时钟
简洁免费的真实世界时钟,支持所有时区。
表情雨
用动画表情雨为网站增添趣味,专为 Framer 打造,拖放即用、轻松定制,适合落地页、404 页面或任何需要乐趣的地方。
星级评分系统
为设计师打造的星级评分系统,强大且易用,图标、大小和星星数量完全可控。
基于时间的文字
根据当前时段显示不同文字,适合动态 CTA、营业时间或情境化消息。
新拟态按钮
精致的新拟态风格按钮,柔和阴影、可定制文字和现代极简外观。
可爱角色
Framer 眨眼角色头像,由 Victoria 创作,悬停时眨眼的可爱矢量面孔为网站增添个性,适合团队区块和作品集。
更好的画廊
3D 环形轮播组件,以旋转环形排列展示项目,动画流畅且支持交互控制。
波浪导航链接
为导航栏赋予微妙而有品味的交互体验,适合极简交互式网站。
磁吸形状
创建响应光标、自动旋转或粒子动画的交互式磁性形状网格,颜色、渐变、悬停和表情完全可定制。
FAQ聊天机器人
可定制的 FAQ 聊天机器人,直接在网站上回答常见问题,设置简单,使用方便。
动画倒计时
Framer 动画倒计时,精确显示到目标事件的剩余时间,提供现代、数字、极简和经典四种风格。
渐变文字专业版
创建高品质渐变文字,支持静态、悬停或无限循环动画,2-3 种颜色、速度、方向、字体和无障碍性均可定制。
双范围滑块
Dual Range Slider 提供交互式范围选择,支持触觉反馈、声音、标签和全面定制,适合现代友好的界面。
可折叠文字
可折叠文字将静态内容转化为可展开的交互区块,过渡流畅、提升用户体验,打造响应式现代界面。
环境光视频
AmbiLight Video Player 在视频周围添加柔和动态的光晕效果,如同电视流光溢彩,支持上传文件、视频直链和 YouTube 视频。
3D翻转卡片
可定制的 Framer 3D 翻转卡片,悬停时翻转,正面显示图片、背面播放视频,支持文字显示和完整属性控制。
返回手势
简洁可定制的返回按钮,单击即可回到上一页,融合手势图标和自定义标签,为流畅导航而设计。
旋转立方体
可定制的 3D 立方体,支持基于滚动的交互、旋转和样式控制,打造动态引人入胜的 UI 设计。
无尽画廊
Framer 无限视差画廊,构建流畅的无尽滚动图片网格,充满动感,适合作品集或大量视觉内容的无缝展示。
半色调图片模糊
用 Blur Halftone Pattern 添加交互魔法——图片默认清晰,悬停时呈现精美的模糊半色调效果。
Bluesky个人资料
嵌入式 Bluesky 个人资料,带有实时帖子和个人主页、关注及粉丝链接。
快捷键操作
为 Framer 内任意元素分配自定义键盘快捷键以触发操作。
鼠标拖尾
轻量可定制的 Framer 鼠标拖尾,提供线条、圆点、粒子和像素四种样式,颜色、大小和效果完全可控。
分享按钮
完全可定制的分享按钮,在移动端和桌面端打开原生分享面板,支持分享当前页面、自定义文字/URL 或图片。
音乐小部件
Music Player 组件是精致可定制的音频播放器,为现代网页项目设计,融合风格与功能,带来沉浸式音乐体验。
太空射击
完全可玩的复古太空射击游戏,适合保持访客参与度、添加到 404 页面或打造难忘的交互体验。
黑洞效果
模拟黑洞效果的组件,将所有粒子吸入其中。
短视频轮播
Reel Carousel 是交互式滑块,用于展示短视频内容、案例研究、用户评价或视觉故事。
图片灯箱
简洁可定制的 Framer 图片灯箱,调整卡片和灯箱样式,使用预设或自定义图标,打造无缝预览体验。
精致的 Framer FAQ 手风琴,流畅的单项展开动画、内置 SEO Schema 和完整样式控制。
来聊聊卡片
Let's Talk Card:现代 Framer 联系或协作邀请组件,醒目标题、副标题、行动号召文字和流畅悬停效果,激发互动意愿。
简约项目卡片
精致的项目卡片,展示项目图片、标题、分类和日期,悬停时简洁地变换颜色。
动量卡片
交互式卡片组件,流畅响应鼠标移动,光标经过时卡片带有惯性偏移和反应,营造动态感。
复制按钮
单击复制文字或当前页面 URL,轻量且完全可定制的按钮,具备空闲、悬停和已复制三种状态。
工具/开关
精美简洁的切换按钮。
社交媒体图标
动画交互式 Framer 社交媒体图标,Mail、Twitter/X 和 Instagram 图标完全可定制,悬停动画流畅,颜色、大小、间距和链接均可编辑。
拍立得画廊
动态组件,以浮动动画布局展示拍立得风格照片,排列方式可定制、过渡流畅,打造引人入胜的照片画廊。
发布日期
PublishedDate 组件以「5 小时前」或「3 个月前」的形式显示日期,轻量自动更新,适合博客、视频、新闻和社交应用。
文字缩进
强大的 Framer 文字缩进组件,让你完全掌控排版和布局。
月亮按钮
月亮灵感按钮,散发柔和的发光光环,模糊光效增添情绪化的氛围感,适合深色主题网站。
故障特效JT
悬停激活的高斯故障效果标题。
滑块Logo文字加载器
用精致的 Logo 和文字滑块加载动画打造动态品牌互动,在加载期间持续吸引用户视觉注意。
节拍制作器
专业鼓机与步进音序器,5 种乐器、实时音频合成、BPM 控制、模式录制和 WAV 导出功能,在 Framer 中创作节拍。
动画加载
用 AnimatedLoading 让加载页面焕发生机——精致且完全可定制的动画组件,为任何 Framer 项目增添专业质感。
眼睛开关
有趣的交互式切换开关,亮点是一只跟随光标的动画眼睛!为 UI 增添个性,融入任何项目。
二维码生成器
便捷的二维码生成器,适合各类网站和落地页,输入或粘贴文字即可自动生成清晰、可缩放的二维码。
文字悬停图标
用流畅的文字到图标过渡添加趣味悬停效果,适合交互按钮、CTA 或节日微交互。
点击火花
用这款轻量 Framer 组件单击即可添加趣味火花效果,适合交互反馈、微交互和增强网站吸引力。
仿生阅读效果
加粗每个词的开头以引导视线、提升阅读流畅度,字体、大小、字间距/行间距、加粗比例、颜色和对齐均可调节,适合长文阅读。
高亮揭示
为任意文字图层添加滚动触发的手绘高亮效果,以趣味标记动画引导读者注意力,无需编码。
图片揭示光标
基于光标遮罩效果的图片揭示组件。
自定义圆形光标
用精致的动画圆点 + 圆环设计替代默认光标,颜色、大小、悬停效果和动画完全可定制,适合现代高品质网站。
烟花光标
为光标添加烟花/粒子效果,条纹、大小和颜色随时可调。
RGB鼠标拖尾
你的光标,但更出众——RGB 或纯色模式,调节拖尾长度、光晕、粗细和速度,一条用来炫耀的鼠标拖尾。
深度卡片流
交互式卡片堆叠,以流畅的多层 3D 视差倾斜效果让内容活起来。
果冻开关
趣味现代的切换开关,果冻般的弹跳动画为交互增添愉悦感,流畅、响应式且视觉引人入胜。
玻璃日历
极简日历药丸,显示当前日期和月份,颜色、字体和圆角可定制,支持多时区全球使用。
进度胶囊
Progress Card 是精致的药丸形小部件,以可定制的环形进度和动态标签可视化进度,适合仪表盘、数据分析或任务追踪。
多选下拉框
轻松为原生 Framer 表单添加多选字段功能,数据汇入单个字段传递,支持添加「其他」选项接收自定义输入。
新拟态开关
精致柔和阴影的现代界面切换开关。
玻璃卡片洗牌
用 Glass Card Shuffle 提升社会证明效果,让用户评价脱颖而出。
磁吸图案
高度可定制的交互式图案组件。
平滑标签页
SmoothTabs 是响应式、带动画的 Framer 标签/导航组件。
发光拖尾光标
Cursor Glow Trail 添加可定制的霓虹光标拖尾,光晕、柔和度和触摸支持均可调节,超轻量、响应式且无障碍。
机械键盘
在 Framer 中让机械键盘活起来,自定义按键、切换文字、切换布局、添加链接和移动端版本,适合模型展示和交互演示。
动态版权声明
Framer 动态版权页脚,自动更新年份、公司名称、链接和样式,无需手动编辑。
社交分享链接
可定制的分享按钮,支持 X、LinkedIn、Facebook、WhatsApp、Gmail 和复制链接,设置图标样式、添加 URL 和消息,让访客一键分享。
复制邮箱
Clicky Mail 是有趣的可定制 CTA,变身为一键复制邮箱按钮,适合作品集和联系区块。
性感滚动
基于弹簧物理的 Framer 平滑滚动,即插即用每页一个,提供 Portfolio 预设或自定义模式(调节平滑时间和最大速度)。
3D数字时钟
数字手表组件,以逼真的 3D 界面显示实时时间,颜色和时间格式完全可定制,基于 Framer Workshop 构建。
圆形图表
完全可定制的环形图表。
返回顶部按钮
精致可定制的返回顶部按钮,支持图标、形状、悬停效果和平滑滚动。
光谱噪点
动态扭曲与噪点效果,为视觉内容增添电影感的纵深和神秘氛围。
现代按钮
现代极简的行动号召按钮,文字与图标组合设计,黑色版大胆专业,白橙配色增添活力。
Telegram聊天按钮
Framer Telegram 聊天按钮——让访客通过你的 Telegram 用户名即时发送消息。
WhatsApp聊天按钮
Framer 智能 WhatsApp 按钮——让网站访客即时开始带有预填信息的聊天。
图片画廊
交互式图片画廊组件,适合电商、作品集、博客等各类项目使用。
代码块复制
为项目或 CMS 中的任何代码块轻松添加一键复制功能。
动画曼陀罗
灵感源自传统曼陀罗艺术,融合几何图形与流畅动画,呈现催眠般的有机视觉效果。
闪避主视觉
会躲避鼠标的主视觉区块。
3D按钮
现代凸起按钮,3D 外观搭配逼真阴影,适合交互式界面。
超级交互导航
用 SuperInteractive Nav 让网站活起来——浮动导航融合风格、易用性和愉悦感,复制粘贴稍作定制即可上线 :)
黑胶唱片封面
用逼真的黑胶唱片封面动画让音乐项目更出彩,即刻吸引注意力,赋予作品永恒的视觉质感。
团队成员网格
响应式、完全可定制的团队成员卡片网格,支持悬停提示框、视频预览和全屏简介弹窗,适合团队展示。
瓷砖漩涡
由动画瓦片组成的动态色彩旋涡。
数据表格
功能丰富的 Framer React DataTable 组件,支持搜索、排序、筛选、分页、行选择和响应式设计。
图片路径效果
Image Path 让图片沿自定义路径平滑移动,打造动态叙事和交互式视觉旅程。
3D视差卡片
交互式卡片网格,带有流畅的 3D 倾斜、光泽高亮和揭示动画,响应式可定制,为高品质产品展示或个人资料等场景打造。
现代按钮设计
精致的黑色按钮组件,带有悬停状态。
滚动同步Lottie
将 Lottie 动画绑定到区块滚动,随用户滚动流畅播放,通过灵活的过渡设置微调效果,实现响应式丝滑动效。
网格网格组件
基于 Workshop 构建的组件,通过鼠标移动产生交互式波浪效果位移点粒子,粒子大小、波浪强度等完全可定制。
3D地球
在流畅的交互式 3D 球体上呈现任意纹理,Globe3D 支持图案、网格或行星贴图,适合主视觉区、SaaS 仪表盘和落地页等场景。
光环效果
用三种颜色创建动态光环效果,点亮和提升网站背景。
去模糊文字揭示
流畅的滚动触发文字动画组件,词语从模糊到清晰过渡的同时变换颜色。
动态信息
交互式可编辑 UI 组件,显示用户姓名、角色、头像和实时数据,简洁现代的设计搭配动态可定制字段。
动画背景
为 Framer 项目添加精美的动画渐变形状,完全可定制。
对角线
轻量级对角线背景组件,适合用作纹理、叠加层或为项目增添微妙纵深。
流体发光
FluidGlow 是动画 WebGL 效果,在任意框架内生成液态般的发光斑点,速度和强度可调,为设计注入纵深、动感和能量。
公告栏
精致可定制的粘性顶栏,支持促销、倒计时和更新等变体,可关闭、无障碍,为现代电商和落地页设计。
倾斜卡片网格
响应式 3 卡片网格 Framer 组件,悬停时标题产生交互式倾斜效果,适合展示页、作品集和现代落地页。
弹跳加载图标
动画加载旋转器,带有弹跳径向条和实时百分比计数,每根辐条按顺序亮起并弹跳,进度从 0% 到 100%。
磁力线
Magnetic Lines 为 Framer 项目提供交互式动画线条或形状网格,随光标移动或自动旋转,适合大胆动感的背景。
切割垫壁纸
极简切割垫壁纸,复古美学风格,创意网站的理想背景。
基础盒子
Base Box 是灵活可定制的容器组件,为布局搭建坚实基础,样式完全可控。
光环夜空
可配置的动画背景,对角条纹搭配彩虹光晕,速度、条纹宽度和边缘淡出均可控制,响应式适配任何 Framer 框架。
自定义模拟时钟
可定制的时区感知 Framer 模拟时钟,将经典美学与现代灵活性融合,适合个人网站、仪表盘和创意项目。
AI键盘
用未来感键盘接入 AI,点击、动画并适配你的平台。
边框渐变
在 Framer 中轻松为任意元素添加精美渐变边框,颜色、角度和粗细均可自定义。
翻转卡片
翻转卡片根据光标进入方向在悬停时翻转,圆角、翻转时长和缓动曲线均可定制。
运动瓷砖
交互式 3D 运动瓦片 Framer 组件,以流畅的纵深、动效和风格展示服务、作品集或产品。
表情思考气泡
Emoji Thought Bubble 是带有 15 种表情变体的趣味组件,适合为作品集、团队访谈或休闲项目增添俏皮感。
头像动画
Avatar Animations 是完全可编辑的组件,支持自定义图片、名称、大小、间距等,提供多种悬停效果和交互动效。
超级交互卡片
超级交互式指标组件,内置热门自定义交互,即插即用提升项目表现力。
立方体旋转器
Cube Spinner 组件呈现动态 3D 旋转立方体,带来精致现代的旋转动画效果。
通知铃铛
通知铃铛组件,带有角标计数和下拉消息流,显示可点击的带图标条目,动画流畅,简洁响应式且可定制。
智能底部横幅
响应式粘性底部横幅,滚动时显现,适合行动号召、促销或公告,动画流畅且可定制。
弹性开关
趣味切换按钮,带有弹跳动画且完全可定制,无缝融入任何界面,交互清晰、无障碍且令人愉悦。
图片复制器
将任意图片复制为网格、行列或图案,布局、旋转、缩放和透明度完全可控,适合打造动态、富有表现力的视觉效果。
快门过渡
模拟百叶窗开合的页面过渡效果,完全可定制且响应式,适合页面切换、内容揭示和预加载动画。
浮动导航
现代浮动导航,毛玻璃效果,创作者易于定制,用户易于使用。
复古图片轮播
Macintosh 风格的复古图片轮播,支持淡入/滑动过渡、自定义颜色和可拖拽窗口功能。
定时显示内容
仅在你指定的时间段内显示内容,完全掌控元素的出现时机,让内容精准按需可见。
滚动时钟
实时旋转数字时钟。
3D网格图案
Animated 3D Grid Pattern 是完全可编辑的 Framer 组件,调整大小、颜色、速度和透视即可轻松创建动态吸睛的背景。
视差滑块专业版
高性能 Framer 水平视频滑块,融合无限滚动、流畅拖拽惯性和实时视差运动,以电影感、流畅且沉浸的方式跨屏展示视频内容。
POST模拟器
快速灵活的 Framer 社交帖子卡片,支持可滑动媒体、生动的点赞动画和一键主题切换,适合原型、营销素材和 UI 组件库。
悬停切片
Hover Slices 以分层切片方式揭示图片,为画廊、产品卡片和导航菜单增添动感和纵深。
点阵SVG
将任意 SVG 转化为交互式点阵网格,带有方向性颜色波浪效果。
悬停图片画廊
Interactive Gallery 组件帮助你以高度互动的方式展示图片、项目或作品集内容。
图片复制到剪贴板
Copy Image to Clipboard 让用户单击即可复制图片,按钮、反馈文字和样式均可自定义。
动态X头像
动态显示从用户名直接获取的 X 平台头像,始终反映最新照片,适合真实的社会证明、用户评价和客户 Logo 展示。
时尚按钮
时尚按钮组件,属性全面可定制。
对角线滚动淡出
对角滚动淡出组件,根据滚动位置施加渐进的对角渐变淡出效果。
电视故障与噪点
Framer 电视故障与噪点组件——添加静态噪点、色带和闪烁、位移、扫描线、颜色分离等故障效果,营造模拟信号的混乱美感。
复古按钮
Retro Button 以怀旧视觉、有力音效和交互式按压动画将经典游戏机氛围带入你的界面。
太空侵略者
交互式太空侵略者游戏——完整的复古街机体验!鼠标控制飞船射击像素风标题字母,击中后变红,按空格键开火。
键盘按键
可定制的键盘按键组件,带有 3D 效果、多种布局(交错排列、行排列)、空格键控制、悬停/点击动画和 4 种视觉风格。
彩纸图标
即插即用的悬停效果,在按钮、徽章和 CTA 上爆发表情或自定义 SVG 图标,方向、扩散和时间完全可配置。
飞机切换
精美动画切换开关,为项目增添交互性。
滚动揭示按钮
交互式揭示按钮,带有滚动图标动画和动态文字切换效果。
卡片流扫描器
将卡片画廊变成未来感的扫描流——卡片穿过发光光束,揭示 ASCII 字符与粒子效果,适合作品集、仪表盘和科技网站。
交互式圆点
Interactive Dots 以物理驱动的响应式网格为 Framer 布局注入趣味动感,支持圆点或动画连接线切换,动态颜色营造纵深、交互和视觉活力。
动量3D卡片
用交互式 3D 卡片让内容活起来,具备深度透视效果、流畅动画和完整的键盘及鼠标滚轮导航支持。
烟花
Framer 交互式烟花组件,颜色、样式、速度和发射模式可定制,支持自动运行或点击触发,性能流畅且无障碍友好。
表情反应栏
Reaction Bar 是精致现代的组件,让用户单击即可用基础表情快速表达感受。
六边形网格
Interactive Particle and Hexagon Grid 是高品质动画背景,融合流动粒子与未来感六边形网格,通过光标响应、点击散射和流畅缓动为沉浸式现代布局增添纵深与交互。
团队堆叠
TeamStack 是交互式堆叠卡片组件,带有流畅动画、滑动手势和可定制的弹出详情面板,优雅展示团队成员或内容。
发光计数器卡片
响应式未来感卡片网格,带有滚动数字计数器、动画边框和可定制样式,打造惊艳的数据展示。
表情拖尾
有趣多彩的鼠标拖尾组件,光标移动时留下闪闪发光的表情路径。
现代倒计时器
精致响应式的 Framer 倒计时器,颜色、排版和标签完全可定制。
预约按钮
高度可定制的交互式行动号召按钮,让预约体验更具个性化和吸引力。
滚动文字特效
滚动时揭示旋转、模糊的文字动画,适合沉浸式叙事、主视觉区和现代网站。
预加载
流畅的动画预加载组件,依次向上动画揭示底层内容,营造优雅的幕布式过渡效果。
苹果Hello效果
将标志性的 Apple「Hello」效果带入你的 Framer 项目,重现 Apple 经典开场的流畅优雅线条绘制动画。
涟漪呼叫弹窗
现代交互式来电弹窗组件,带有动画涟漪效果,适合移动应用的来电通知场景。
点击悬停音效
为元素添加自定义点击和悬停音效的组件,从 Framer 画布连接到目标元素并添加声音即可,基于 Workshop 构建。
现代FAQ
现代交互式 FAQ 组件,带有搜索功能、明暗模式切换和流畅动画,适合帮助中心、产品文档和支持页面。
未来感甜甜圈图表
可定制的动画甜甜圈图表,带有未来感皮肤、渐变和字体,适合进度追踪、仪表盘和现代界面。
CD音乐播放器
交互式黑胶唱片播放器组件:点击放下唱针、旋转唱片播放音乐,再次点击抬起唱针停止播放。
动画涟漪网格
优雅的动画网格背景,带有涟漪、光晕和暗角效果,完全可定制,适合现代 Framer 项目。
文字视频遮罩
在 Framer 中用完全可编辑的文字遮罩自定义视频,文字定制与原生 Framer UI 无缝衔接,完全基于 Workshop 构建。
3D轮播滚动
基于 Framer Workshop 构建的 3D 卡片轮播组件,旋转、倾斜和翻转交互内置其中,创建惊艳画廊,完全可定制。
循环圆环
Framer 动画循环环组件,为项目添加动态循环的环形视觉效果,适合预加载器、主视觉区或氛围背景,完全可定制。
堆叠拍立得
交互式画廊,极简悬停效果时尚地揭示堆叠图片,适合作品集、博客和旅行展示。
磁化线条
完全交互式的磁性线条网格,在光标附近旋转和缩小,适合故障科技风、加载动画或主视觉背景。
纸张背景
Framer 纸张背景组件,以逼真的纸张样式和纹理让布局更生动,附带钉板、便签和切割垫等创意示例。
单选按钮组
Radio Group 组件让你以简洁的设计快速添加单选按钮,开箱即用。
线条加载
从左到右的流畅下划线悬停动画,为文字或导航元素增添动感和层次。
圣诞拖尾
让你的光标叮当作响!温馨的圣诞主题指针,为节日浏览增添欢乐氛围。
便当画廊
用自定义网格组件创建动态 Bento 布局,样式、跨列、灯箱等全面可定制,适合图像、摄影和视觉内容展示。
悬停图片弹出
用惊艳的悬停交互让落地页活起来,展示主视觉大图的同时在背景中动态揭示辅助视觉元素。
Reel Carousel 为视频展示注入电影感动效,支持流畅过渡、自动播放和字幕,适合短视频、产品预告或创意叙事。
圆形画廊特效
环形图片画廊,支持流畅拖拽、滚动和无限循环,具备弧形布局、标签和柔和的波浪动效。
SVG伙伴
小巧实用的工具组件,让你完全掌控 SVG 文件的响应式行为,Fill 或 Fr 随你选择。
着色器玩具
用这款易用组件在 Framer 中直接使用你喜欢的 Shadertoy 着色器,基于 ThreeJS / WebGL 构建。
明暗切换
现代主题切换组件,明暗过渡流畅、图标带动画、响应式设计,可轻松放入任何 Framer 站点。
气泡菜单
把导航变成一种体验——Bubble Menu 以流体气泡动画、流畅过渡、时尚悬停效果和完整的设计控制重新定义菜单。
移动粒子
可定制的粒子动画组件,为你的 Framer 项目打造精美的闪光效果,限时免费!
线条绘制SVG
完全可定制的线条 SVG 动画,支持滚动触发和简单动画,满足 SVG 路径动画的一切需求。
高级按钮
现代交互式按钮,融合流畅的脉冲与滑动动画,打造优雅的悬停效果,为追求流畅而非花哨动效的创作者而生。
网格叠加
可定制的 Framer 8 点网格,大小、颜色、样式和偏移均可调节,帮助设计师在任何布局中保持像素级精准间距。
胶囊滑块
堆叠卡片式 Snappy Slider 组件,卡片如胶囊般进出切换,基于 Framer Workshop 构建,布局和动画全面可定制。
图片阴影
创建带有动态模糊阴影的精美图片卡片,模糊强度、透明度、偏移和圆角等细节均可自定义。
项目符号列表专业版
灵活的项目符号列表组件,支持圆点、数字、短横线或自定义 SVG 符号,兼容富文本,间距精确可控。
条形码生成器
快速条形码生成器,方向和颜色可定制,输入实际值即可生成可扫描条码,也可留空用模块和随机器自由探索。
照片画廊倾斜
动态 3 列照片滚动条,随页面滚动产生倾斜效果,倾斜角度、速度、间距和圆角均可调,支持无限添加图片。
iOS视频播放器
融合视频与 iOS 设计美学的组件,打造类 iOS 风格的视频播放器模型,完全可定制,基于 Framer Workshop 构建。
照片画廊
简洁极简的画廊组件,以经典优雅的布局展示摄影作品。
光标揭示文字
交互式光标揭示文字组件,指针所到之处聚焦显示隐藏文案,排版、颜色、动效和响应式行为均可简单控制。
九宫格图片揭示
动态 9 宫格图片揭示动画,通过顺序翻开的瓦片流畅展现视觉内容,适合主视觉区、作品集开场或项目展示。
发光线条
前卫的动画发光线条,为网站页面注入未来感。
CMS 3D立方体轮播
3D 旋转立方体轮播,可连接 CMS 集合、画廊或静态图片,动画、灯箱、滑动控制和悬停效果超级可定制。
谷歌自动补全
通过全新的 Google Places Autocomplete Widget 提供地址/地点自动补全功能。
粒子变形器
动态粒子背景,在几何形状之间平滑变形并支持交互式运动,完全可定制,适合落地页和创意视觉设计。
粒子通量
动态粒子动画,支持形状变形、鼠标排斥交互和自定义调色板,适合用作背景和视觉特效。
波浪网格
Interactive Wave Grid 是触摸响应的动画背景,在几何网格上生成彩色涟漪波浪,每次交互都带来流畅动效、光晕和纵深感,让布局充满活力。
玻璃倾斜卡片
精致的毛玻璃交互卡片,带有 3D 倾斜效果,适合以现代纵深感和动效展示照片、产品或精选内容。
旋转画廊
简洁的响应式画廊,单击即可查看下一张图片,从产品卡片到照片画廊都能无缝嵌入。
圆形排斥
交互式圆形网格,响应光标移动,以流畅的脉冲、淡入和混合效果揭示图片,适合动态主视觉区或现代交互背景。
图片叠加效果
用噪点、图案或纹理混合两张图片,打造时尚的叠加效果,适合主视觉图、产品照和编辑类视觉。
高亮文字
Highlight Text 用动画颜色高亮强调特定词语或短语,适合在设计中突出关键信息、用户评价或行动号召。
3D磁吸元素
将任何元素或组件转化为与光标交互的 3D 磁性元素,通过调整参数即可轻松修改效果。
智能工具提示
专业级提示框组件,智能定位与交互触发,悬停时可固定显示,所有细节均可自定义,支持在编辑器中实时预览。
动态瓷砖
轻松创建重复图案或瓦片布局的简便方式。
时间变换器
完全可定制的数字时钟组件,内置时区偏移控制,配有前缀和后缀设置,满足各种使用场景。
悬停揭示
双状态卡片,悬停时在两组图文之间切换,为交互式预览或前后对比展示营造流畅的揭示效果。
盒子阴影
动画 3D 等距方块网格,带有动态光照和纹理,营造未来感的纵深效果,流畅响应光标移动。
终端演示
Terminal Demo 为 Framer 项目带来逼真的命令行动画,支持打字效果、系统日志或安装流程展示,主题、颜色和延迟均可定制。
抽象绘画
动态 WebGL 流体艺术,旋转的蓝色渐变、分形噪点和动画波浪,在 Framer 中完全可定制,适合背景、主视觉区或叠加层。
吐司通知
可定制的 Toast 通知组件,支持图标、操作按钮和自动消失,可堆叠显示,动画流畅、样式精致。
爱心组件
用这款轻量且动画精美的组件为项目添加微交互。
Aave导航栏
基于 Aave 落地页创建的导航栏和下拉菜单组件,帮助你理解多个组件实例在 Framer 中的协作方式。
3D悬停卡片倾斜
TiltCard 为图片添加流畅的 3D 倾斜、光晕和阴影效果,边框、模糊和倾斜角度完全可定制,适合交互式展示。
进度卡片
为创意或数字代理商打造的 3 步进度卡片区块,每张卡片配有自动循环的进度条,支持展开和收起。
动画终端
精致的 macOS 风格 Framer 终端,支持逐字符打字、顺序行显示和视口内触发,适合产品发布、CLI 演示和技术揭秘区块。
反应气泡
为网站添加趣味点击反应,用户点击任意位置即可发射表情气泡,右键还能从自定义表情集中选择。
分屏滑块
现代分屏媒体滑块:左侧文字,右侧图片,过渡流畅、布局响应式且完全可定制。
玻璃拟态播放器
精致可定制的音频播放器,磨砂玻璃美学风格,支持背景模糊、自定义颜色和字体,完美匹配你的网站设计,基于 Framer Workshop 构建。
数字模拟时钟
独特的数字-模拟时钟墙,由迷你时钟组合成数字显示,时区、日期、颜色和样式均可定制。
数字上升
动画数字计数器,字体、颜色、行高、间距、前缀、后缀、小数位和动画时长均可定制,适合统计数据和里程碑展示。
3D新拟态开关
流畅的新拟态 3D 切换开关,自然缓动效果,现代 UI 质感。
音乐胶囊
精致极简的音乐播放器小部件,现代药丸造型,融合圆形专辑封面、动态进度环、曲目信息和直观的播放控制。
交互式3D卡片
用悬停时动态倾斜、旋转和动画的 3D 悬浮卡片让设计活起来,为 Framer 界面增添纵深和交互性的绝佳方式。
大胆且鲜艳的新粗野主义美学按钮——具备强烈轮廓、高对比度和趣味阴影效果。
智能链接卡片
从任何 URL 获取并显示丰富的网站预览——为你的 Framer 项目提供简单、自动的 Open Graph 卡片。
光标跟随专业版
高性能鼠标跟随器,带有基于速度的运动、动态倾斜和可定制的悬停文字——为 Framer 中流畅、响应式的交互而构建。
3D图片深度图
使用深度图为任何静态图片添加运动和真实感。通过鼠标移动控制透视偏移,微调灵敏度和阈值,打造类 3D 视差效果。
气泡预加载器
用流畅、有机的预加载器为你的项目注入活力。现代、响应式且易于定制。让每次过渡都优雅且引人入胜。
液态标题
吸睛的动画排版,带有流畅的液态扭曲效果。具备持续波浪动画、交互式悬停状态和跨字母扩散的涟漪效果。
闪光倾斜卡片
Tilt Card with Border Shine 允许连接 Framer 画布中的任何图层,并微调 12 个属性——包括倾斜、透视、过渡和光晕。
光标拖尾
精美极简的光标拖尾,在跟随用户鼠标时吸附到隐形网格上。
社交动画
用流畅的循环动画展示社会证明——非常适合展示 Logo、统计数据或客户亮点,建立信任。
悬停团队卡片
用时尚的个人资料卡片展示你的团队,具备图片、角色和悬停效果——非常适合现代商业网站。
漩涡
将你的文字旋转成令人着迷的 3D 运动和光的漩涡。
将任何切换设计转化为完全功能的主题切换器。你的设计,我们强大的逻辑。包含点击、悬停、键盘快捷键、声音反馈和系统同步。
现代便当网格
现代 Bento 网格组件,具备流畅悬停动画和精致、当代的卡片。
磁吸图片
交互式磁性图片,悬停时远离光标。移动强度、速度、平滑度和 3D 倾斜效果可调。流畅的弹簧物理。
像素化图片
图片组件,悬停时带有像素化效果。调整像素化强度(0-100%)、反转效果模式、亮度、缩放和过渡速度。
弹窗通知
提供强大的、吸引注意力的弹窗通知,捕获访客焦点、高亮关键消息并提升互动和转化。
聚光灯导航
高品质导航栏,带有电影感聚光灯效果、流畅动画、触觉反馈、提示框和完整定制——非常适合现代网站。
返回顶部滚动
高级返回顶部按钮,带有流畅动画、进度追踪和可定制样式。非常适合长页面、博客和重视简洁现代用户体验的落地页。
角度画廊
AngleGallery 将静态卡片转化为动态的、有角度的画廊,带有流畅的悬停展开和景深驱动的运动。为 Framer 设计,为产品展示、作品集和主视觉区域增添高品质、现代感,同时保持简洁和响应式。
动画404
Animated 404 是一款简洁、现代的 Framer 错误页面组件,将'死胡同'变成令人愉悦的时刻。
定时图片揭示
像素化计时器图片揭示使用 UTC(协调世界时)进行倒计时。设置目标日期和时间时,请确保将你的本地时间转换为 UTC(00:00)。
光标幽灵
为你的网站添加诡异触感!Cursor Ghost 以流畅运动和诡异光晕跟随你的鼠标,创造有趣的、交互式的万圣节风格效果。
轮播控制器
Carousel Controls 让为 Framer 中的任何轮播添加导航按钮变得轻而易举。
按钮发光
悬停时动画化增长光晕的按钮。
圣诞运动菜单
趣味十足的动画菜单,具备圣诞老人、飞行礼物和欢快的运动效果。非常适合圣诞落地页、季节性营销活动或节日产品促销。响应式。
悬停按钮边框
精致的按钮,悬停时动画化边框和箭头图标——为你的行动号召增添运动和精致感。
并排滑动
交互式滑块组件,让用户通过可拖拽的分隔线并排比较两张图片,揭示前后变化。
现代新拟态按钮
流畅的毛玻璃按钮,带有纵深、光照和响应式悬停效果,适用于现代 UI 设计。
图标展开
这款按钮展示流畅、吸睛的动画,提升你网站的交互性。悬停时以白色填充,带来视觉上令人满足的效果。
3D流体轮播
Fluid Stack Carousel 是一款高品质 3D 轮播,以分层景深、流畅透视运动和电影感过渡展示图片和视频。为 Framer 设计,结合性能、视觉丰富度和完整的创意控制。
3D轴轮播
3DAxis Carousel 是一款沉浸式 3D 轮播,将图片和视频融入动态的基于轴的布局。为 Framer 设计,提供流畅的景深运动、直观导航和跨所有屏幕尺寸的响应式性能。
光辉网格
添加动态点阵网格背景,带有闪烁圆点和流畅的悬停聚光灯效果。非常适合交互式主视觉区域和背景。
汉堡菜单图标
简洁的可点击菜单图标。
打字机按钮
交互式行动号召按钮,悬停时带有打字机风格的文字揭示动画。
粒子编织
ParticleWeave 为你的设计添加动态、交互式的粒子网络。自定义颜色、速度和密度,打造响应悬停和点击的令人惊艳的动画背景。
视差滑块
Parallax Slider 是一款 CMS 就绪的 Framer 无限媒体滑块,结合流畅的拖拽、滑动和滚动控制与实时视差运动。为流体性能和灵活内容设计,提供精致的、运动优先的浏览体验。
弹出按钮
用单次点击触发令人惊艳的弹窗,Popup Button 让你附加任何组件并以流畅动画和完整设计控制揭示它。
轨道运动
OrbitMotion 创建动态的、滚动响应的环形布局,带有流畅旋转、3D 视差和可定制框架——非常适合主视觉区域、画廊和交互式展示。
3D回声弧
用 EchoArc 为视觉内容注入活力——3D 弧形视差组件,增添纵深、运动和电影感真实感。非常适合主视觉区域、展示页和沉浸式布局。
点阵时钟
用表情圆点构建的诡异数字时钟——完美的诡异感和无尽的乐趣。
ASCII流动拖尾
用流动的 ASCII 粒子拖尾为你的网站注入活力,跟随鼠标或自行漂移。趣味十足的复古数字触感,非常适合任何主视觉区域。
电话输入
为 Framer 打造的最智能国际电话输入组件,自动识别访客所在国家,边输入边格式化号码,实时验证且易于编辑。
悬停图片模糊
悬停即可揭示图片的可定制模糊效果组件,支持调节模糊程度、遮罩、亮度、缩放、过渡速度与缓动曲线,适合交互式画廊和作品集。
3D图片轮播特效
带有倒影、阴影和流畅动画的 3D 旋转图片轮播。
滑动切换
实现了随幻灯片切换而变化的主视觉效果,底部缩略图也与幻灯片同步联动。
UI抽屉卡片
卡片抽屉组件,自带产品、功能或内容的自定义界面,包含类型选择、遮罩模型、样式设置,兼容 CMS 动态内容,基于 Workshop 构建。
极光按钮
现代极简按钮,悬停时散发柔和的冰蓝色光晕,适合深色界面、落地页和仪表盘,光晕强度、透明度和边框均可自由调节。
文字填充
TextFill 组件可用自定义图片或渐变填充大号标题文字,营造艺术化的视觉效果。
汉堡菜单
用这款动画汉堡菜单组件为导航栏注入流畅的现代动效。
字体切换器
动态字体文字组件,自动在自定义字体列表中循环切换,极具视觉吸引力。
动态推荐语
用流畅动画、全面定制和零配置让平淡的用户评价焕发生机,响应式即插即用,让每段故事都出彩。
色差文字效果
带有色差 RGB 分离效果的交互式文字,鼠标控制颜色通道偏移,内置故障动画、扫描线和复古 VHS 风格。
文件夹揭示
Folder Reveal —— 交互式 Framer 组件,点击后展开为 5 张图片的画廊,动画流畅,适合打造惊艳的视觉展示。
动画SVG下划线
动画下划线组件:悬停时随机呈现六种手绘 SVG 样式并循环切换,鼠标移开后自动擦除,为文字增添趣味交互。
邻近文字特效
交互式可变字体文字,实时响应光标距离,每个字母的字重或大小随之变化,营造流动、灵活的视觉感受。
现代新拟态头像
现代毛玻璃风格轮播,带有微妙的动效和纵深感,适合展示人物、产品或媒体内容。
倾斜个人卡片
精致的交互式 3D 个人资料卡片,带有流畅的倾斜和翻转动画、微妙的复古感和完全响应式设计——非常适合作品集、团队页面等!
交互式卡片堆叠
3D 堆叠悬停卡片,赛博角色展示。
专业对比表
响应式定价和对比表,支持手动或 JSON 数据输入。具备 6 种样式预设、分类筛选和完整的字体/颜色控制。
3D产品查看器
以令人惊艳的 3D 展示你的电商产品。上传你自己的 3D 模型,让用户旋转、缩放和探索——让你的产品感觉更可触摸、真实且沉浸。
趣味运动按钮
有趣的动画按钮,响应你的光标——眼睛跟随移动,悬停时面部微笑。完全可定制,适用于任何项目。
无限Logo
Infinity Logos Carousel 以流畅的、基于列的循环为你的 Logo 添加动画——非常适合以动态、极简的方式展示客户 Logo、赞助商或技术合作伙伴。
粘性滚动
完全响应式的粘性滚动画廊,以动态 3 列布局展示图片,带有粘性中心区块。
复古立体镜
经典 Viewmaster 效果,以经典且怀旧的方式展示 5 张图片。
媒体揭示
为你的视觉内容添加流畅的揭示、缩放和叠加效果。让作品集、博客和落地页感觉动态且现代。
智能活动卡片
时尚、可定制的活动卡片,带有标题、日期、地点和功能性的'添加到日历'按钮——非常适合在任何 Framer 项目中推广即将到来的活动。
扭曲图片
沉浸式 Three.js 驱动的扭曲效果,以流畅、动态的图片变形响应你的鼠标移动。
代码波浪
代码之波——排版中的光辉运动。
聚光灯文字
SpotlightText 添加交互式悬停效果,环形聚光灯跟随光标,揭示新的文字颜色,打造精致、电影感的视觉高亮。
切片文字效果
动态文字揭示,带有动画水平切片和交错运动。
果冻文字效果
弹性、可拖拽的文字动画,带有趣味十足的可变字体动态。
径向按钮
时尚的环形按钮,带有动画径向效果——非常适合交互式菜单、操作或创意网站设计。
智能图表
精美、响应式的数据可视化组件。创建令人惊艳的柱状图、饼图和折线图,支持自定义数据、颜色、字体和导出选项。
多项目卡片
独特的、完全可定制的展示台,在单张卡片内展示多个项目。充满 3D 效果、动画、展开视图和自动旋转。
光标工具提示
流畅的、跟随光标的提示框,带有智能自动定位和模糊效果。基于 Tippy.js 构建,打造现代、优雅的交互。
瀑布流专业版
开箱即用创建瀑布流画廊和布局的组件。灵感来自 Pinterest、Lummi 和 AI 视觉展示,完全可定制和筛选。基于 Workshop 制作。
最终倒计时
完全可定制的翻页时钟倒计时,带有 3D 动画。简洁极简的计时器,支持天、时、分、秒。非常适合产品发布、活动、促销或等待列表页面。
磨砂图片
交互式磨砂玻璃图片效果。悬停时通过自动再生的魔法冰层揭示隐藏区域。非常适合创造神秘、引人入胜的视觉效果。
交互式按钮
让每个订单感觉真实——俯视角度的卡车动画,按下'完成订单'后装载包裹并驶离。
过度滚动阻止器
用这款 Overscroll Preventer 组件阻止过度滚动,有效防止网站上不必要的弹跳和滚动链接。通过简单的开关轻松配置。
波浪线程
Wave_Thread——由 Perlin 噪点驱动的动态波形线条动画。
列表卡片
精致的卡牌组展示多张用户可交互的卡片,提供动态、现代的方式在 Framer 网站中展示内容或功能。
弹跳文字
创建趣味十足的、基于物理的文字,弹跳、碰撞并响应悬停或拖拽。非常适合交互式主视觉区域、标题和运动丰富的网站体验。
滑动按钮
用精致的动画滑动按钮改造 CTA,为每次交互增添运动、意图和愉悦——非常适合支付、确认或关键操作。
运动文字滚动
创建流畅的 3D 字母翻滚动画,支持逐字母时间控制、持续循环和可定制的字体、颜色和缓动过渡。
Logo动画
灵活且动态的 Framer 组件,以流畅的批次为多个 Logo 添加动画,支持可定制的布局、间距、大小和动画控制。
多选器
Multi Select 是终极多选组件。精美动画、完全可定制,兼容 Framer 原生表单构建器。
时间与天气专业版
完全可定制的 Framer 天气和时间小部件,支持实时 WeatherAPI。从单个面板控制所有文字字体、颜色、主题、布局和显示选项。
CAA视频播放器
Framer 通用视频播放器,支持 MP4、WEBM、Mux、YouTube、Vimeo、Spotify、TikTok 等——自动播放、循环、静音和样式控制完全可定制。
日间计时器
交互式、现代的 Framer 倒计时器,带有 3D 翻转、毛玻璃、光晕效果、动态字体和可选进度条。
计数器动画
流畅的滚动触发计数器动画。非常适合以引人入胜的运动效果展示统计数据和指标。完全可定制。
发光徽章
简洁的徽章组件,标签左侧带有一个发光的绿色小圆点。非常适合状态指示器、活动信号或在 UI 中高亮关键标签。
时间管理
Timely 是一款动态时钟,根据用户的时区显示当前时间、日期和位置,支持自动检测和可定制的格式选项。
街机进度条
一条从 1980 年代街机柜中逃出的进度条。看着它像素完美的段落像合成波之梦一样亮起——流畅、不羁且毫不掩饰的怀旧。
文字揭示专业版
用滚动驱动的电影感文字揭示为你的标题注入活力。即刻添加淡入、缩放、打字机、光晕等动画。
光标文字揭示
Cursor Text Reveal 是一款沉浸式、交互式的 Framer 组件,将普通文字转化为电影感的悬停体验。
3D Framer轮播
交互式 3D 图片轮播 Framer 组件,响应式、悬停响应的轮播,为你的图片画廊带来纵深和运动。每张图片在 3D 空间中倾斜和弹出。
滚动区域
无缝全屏滚动区块,带有视差背景、动画标题和交互式导航,打造沉浸式网页体验。
可拖拽图片
流畅的交互式水平图片轮播,带有拖拽、滑动、自动播放和动态倾斜/缩放/旋转效果。
文字故障回弹
动画故障效果,不断变换的字母和颜色,在 Canvas 上动态渲染。
粒子爆发
看着每个字母以趣味运动和鲜艳的粒子爆炸弹跳而生。
高级谷歌地图
将完全可定制的 Google 地图嵌入你的 Framer 项目。手动添加位置或直接从 CMS 拉取,调整缩放级别,自定义标记,通过简洁、响应式的界面管理一切。
复古屏幕效果
美学复古终端显示,带有发光文字、扫描线和闪烁。创建打字机、代码和 CRT 风格动画。
液态按钮
交互式按钮组件,具备流畅的液态动画,动态响应鼠标移动。
图片保护器
ImageProtector 通过阻止右键、拖拽和下载操作保护你的图片安全——同时保持网站的性能和设计流畅。
闪光文字
流畅的文字光泽动画,带有渐变高亮和运动效果——非常适合标题、主视觉区域和大胆声明。
磁吸乱序
磁性打乱文字组件,融合磁性光标跟随效果和动态打乱动画,创造趣味十足的交互式文字悬停体验。
滚动流动文字特效
ScrollFlow Text 创建响应滚动速度和方向的动态水平运动,产生流畅的循环跑马灯式动画。
点击爆裂特效
在你点击的任何地方创建彩色火花爆发,带有流畅的动画粒子辐射和渐隐,打造趣味十足的交互效果。
堆叠滑块
Stacking Rollover Slider 是一款流畅的循环图片滑块,基于分层翻转技术构建。每张图片被单独包裹并堆叠在单个框架内。
粒子文字专业版
由响应粒子构建的文字,散射/吸引到光标,支持可选连接线和点击爆炸。调整大小、速度、力度——非常适合科技主视觉标题。
控制台打字
动画控制台风格打字机,带有颜色循环文字和可定制的闪烁光标。非常适合主视觉区域、开发者作品集或动态标题。
发光价格切换
这款发光价格切换介绍你的付费方案——免费版、月付或年付。用户可以快速查看所有三个选项并选择最适合的。
加密文字
加密文字动画以赛博朋克、矩阵或故障效果实时解密文字。速度、样式、颜色和主题可定制,打造动态、未来感的文字揭示。
服务计算器
让你的客户计算服务套餐费用,如保险。这款可定制的计算器完全响应式,可根据任何税率估算任何服务。
360°产品查看器
用流畅的 360° 旋转展示你的产品。上传不同角度的产品图片,打造无缝的交互体验。
定时可见性
基于时间自动显示或隐藏任何元素。非常适合促销、活动和发布。你的网站自动更新,无需编码或提醒。
密码文字乱序
未来感文字动画,以 Matrix 灵感风格打乱字符揭示短语。非常适合主视觉区域、开场和科技主题网站。
文字轮换器
逐字母以翻转、淡入、缩放或旋转效果为词语添加动画。非常适合主视觉文字、标题和标语,为你的排版增添运动、颜色和个性。
无障碍
为你的网站即刻添加无障碍功能。访客可以切换高对比度、大文字和光标、阅读障碍字体、减少运动等——只需一个组件。
宇宙可视化器
自定义组件,创建带有拖拽、旋转和逼真物理的宇宙体验,模拟真实世界。
目录专业版
Table of Contents Pro 在你的格式化文字字段中查找 H1-H4 标题,并构建可点击的目录,自动滚动到每个区块——无需额外设置。
魔法星级评分
交互式星级评分组件——趣味十足的评分条,让用户通过沿进度轨道拖拽星星来留下反馈。为令人愉悦的用户交互而设计。
文字阴影
可编辑的 3D 阴影文字,带有渐变背景的 Framer 组件。
特效画廊图片
Reflected Reality,带有景深和运动模糊的动态图片特效画廊。
项目悬停揭示
精致的交互式项目卡片,默认显示项目名称,悬停时揭示项目预览图片。非常适合作品集、案例研究和落地页。
HLS视频播放器
轻量且完全响应式的 Framer HLS 视频播放器。自动适应你的流媒体质量,支持原生 Safari 播放。
呼叫变形按钮
快速通话预约按钮。
标签页滑动
Tabs Slider——简洁现代的标签组件,带有流畅过渡,轻松切换区块。
井字棋验证码
提升你的联系表单。趣味十足且安全的 Framer 井字棋验证码。用交互式趣味游戏保护你的表单免受垃圾邮件,而非无聊的复选框。享受吧 :)
宇宙发光背景
Cosmic Glow Background 是一款精致的暗色主题背景,带有微妙的白色渐变,营造极简且优雅的氛围。非常适合现代网站、作品集和创作者。
文字磁铁
Word Magnet 组件让单个词语动态地从光标排斥并平滑返回原位,创造引人入胜的、基于物理的磁性文字效果。
像素代码瀑布
Pixel Code Cascade Background 为任何布局添加流畅的未来感代码雨效果。完全响应式、可定制,非常适合科技风格主视觉区域和现代网站。
旋转宇宙
将任何堆叠、框架、图片或视频转化为令人惊艳的无限 3D 旋转画廊。完全交互式、可定制且视觉迷人。
macOS窗口
可定制的 macOS 风格窗口组件,支持可编辑文字、自由调整大小和可选的拖拽移动——非常适合精致的作品集和内容展示。
视频步骤
Video Steps 组件让你创建交互式视频时间线,带有标记步骤跳转到特定时间戳。
信号圆点
轻量级脉冲/状态指示器,带有流畅动画、减少运动支持和简单的 Framer 颜色、大小、环数和间隔控制。
龟甲旋涡
用 TerrapinWhirl 为你的项目带来鲜艳、动态的能量——Framer 的生成式背景和粒子效果组件。
光速
令人着迷的光粒子动画,模拟光速移动的感觉。流畅、GPU 加速且完全可定制。
文字效果
Text Effects 是一款多功能 Framer 组件,让你在单个组件中展示多种动画文字效果。
弹跳卡片
堆叠图片卡片以流畅的弹簧运动弹入视野——非常适合画廊开场、主视觉和功能揭示。
交互式翻转卡片
完全可定制的 3D 翻转卡片,带有悬停倾斜。轻松替换图片、文字、字体和动画。非常适合作品集、产品或功能亮点。
音频波形
可定制的音频播放器组件,以动态波形可视化为你的音频内容注入活力。
里程表数字
OdometerNumber 是一款精致的动画计数器,像经典里程表一样平滑滚动数字。非常适合收入统计、定价和里程碑。
无限滚动
创建流畅、无缝的滚动画廊,垂直或水平循环——非常适合展示产品、作品集或动态视觉信息流。
摄像头效果
为你的网站添加交互式视图,直接显示实时摄像头画面,让用户享受各种效果和调整。
CMS展示卡片
CMS Showcase Card 是一款多功能 Framer 组件,让你直接从 CMS 展示动态项目内容。
社交媒体卡片按钮
现代、柔和阴影的社交图标栏,具备流畅悬停动画和简洁的新拟态设计。非常适合作品集、落地页或页脚。
恐怖悬停
扭曲的电影滤镜,带有闪烁、扫描线和故障运动——非常适合恐怖视觉、预告片和诡异效果。
黑洞背景
动画宇宙背景,带有星星和旋转黑洞——非常适合科幻、科技或沉浸式主视觉区域。
激光文字揭示
未来感文字揭示打乱,带有激光和故障效果——非常适合主视觉标题、开场和赛博风格动画。
禁止右键
在你发布的网站上阻止右键、检查快捷键和查看源代码访问,同时显示精致的画布内徽章确认你的内容受到保护。
分类FAQ
简洁、现代的 Framer 网站 FAQ 区块,顶部带有分类标签,下方是可展开的问题。非常适合 SaaS、初创公司、作品集和服务网站。
悬停文字链接
动画文字,带有流畅悬停效果和链接支持。非常适合标题、菜单或交互式行动号召。
拍立得滚动条
动态拍立得风格照片滚动条,水平滚动穿过屏幕,向下滚动时加速。完全响应式,适配任何页面宽度!
图标飞走按钮
用运动和风格让你的按钮活起来。Animated Icon Fly Away Button 添加动态悬停效果,任何 PNG 图片——从爱心到信封——飞起并渐隐。
粒子揭示专业版
将任何 Logo 或图片转化为迷人的高性能粒子动画。对动画、布局和粒子样式进行精细控制。
Smart Toast Popup 是一款可定制的 Framer 组件,用于微妙的屏幕提醒。可在按钮点击或区块进入视图时触发。
平滑光标
Physics Cursor 是一款可定制的 Framer 组件,使用实时物理实现流畅、方向性的光标运动。大小、颜色和速度完全可调。
Orab轮播
可拖拽、自动旋转的 3D 轮播,带有景深、倾斜和流畅的透视运动。
图片遮罩
有机 12 点 SVG 遮罩,以 Simplex 噪点流畅涟漪——非常适合梦幻、现代的视觉效果。
填充按钮
Framer 动画按钮切换:悬停/点击时实心和描边之间变形,支持图标、圆角、描边和主题感知样式。
CMS便当视频/图片
动态 Bento 网格,支持 CMS 集成、跨列布局、灯箱查看器、视频控制和悬停效果。连接多个 CMS 集合、画廊或静态内容。
字母变形器
用流畅的液态运动为你的文字注入活力。每个字母变形并响应光标移动,打造富有表现力的交互式排版效果。
十字准星
用流畅的动画十字准星替代默认指针,跟随用户移动并以可定制的样式和运动效果动态响应。
自定义滚动条专业版
在 Framer 中轻松自定义滚动条,完全掌控颜色、大小、圆角、自动隐藏和延迟。简洁、响应式、无代码设置。
动画像素网格
动画像素网格,动态闪烁的 Canvas 效果。
智能图标栏
该组件是一款在 Framer 中设计的交互式图标选择栏。具备一排极简、圆角按钮,每个包含代表类别或操作的图标。
符号网格
Interactive Symbol Grid 创建一个生动的符号场,响应光标移动。非常适合主视觉背景、创意布局和为现代页面添加微妙运动。
矩阵雨效果
动画矩阵雨组件,支持多种字符集、颜色循环、流畅拖尾和对速度和排版的完整控制。非常适合赛博、科技或科幻设计。
灵活的版权标签,带有自动年份更新、自定义符号、日期范围、品牌颜色和可选链接。非常适合简洁的页脚和法律文字,完整样式控制。
点阵显示器
复古 LED 滚动文字或现代极简点阵显示,由你掌控。单元格、圆角、间距、颜色、速度等可定制。
音乐专辑
Music Album 将静态视觉转化为 Framer 中沉浸式、交互式的聆听体验。完全掌控布局、颜色、排版和滤镜。
复古简历
时尚、交互式的复古风格简历组件,适用于开发者和科技创意人士。
可点击汉堡菜单
极简可点击菜单按钮。
菜单点击组件
轻量、响应式的菜单按钮,在汉堡图标和关闭图标之间流畅切换。
雷达图
用精美动画的雷达图可视化性能或技能。标签、颜色和数据点完全可定制,全在 Framer 内完成。
自动面包屑
智能面包屑导航,自动检测并显示你当前的 Framer 页面层级。
魔方
魔方灵感组件,点击时在分割盒布局中跨每个面洗牌图片,创造动态、交互式的视觉效果。
蜘蛛动画
趣味十足的蜘蛛跟随你的光标,带有流畅、逼真的腿部运动——点击让它跳起来!
FAQ模块
简洁且可定制的 Framer FAQ 手风琴组件,带有流畅动画、响应式布局和灵活的设计控制。非常适合帮助区块和产品页面。
玻璃图标
现代毛玻璃图标网格,具备纵深、模糊和运动——非常适合仪表盘、分类菜单或主视觉区域。每个图标浮在磨砂玻璃瓦片上,带有 3D 悬停效果。
3D照片轮播
电影感旋转照片画廊,以流畅拖拽旋转、视差景深和全屏图片预览让你的视觉内容栩栩如生。
着色器线条
动态的基于着色器的线条,以光和颜色流动——由 Three.js 驱动,创造令人着迷的未来感运动背景。
太阳能加载器
3D 太阳系灵感加载器,带有轨道行星、发光太阳和自适应明暗主题——非常适合未来感应用和加载页面。
缩放图片
动态的、运动驱动的图片缩放,基于 Framer Motion 构建。提供流畅的悬停或点击放大,支持可定制的模糊、灰度、叠加和旋转效果。
裁剪图片
图片遮罩/裁剪:触发时开始,经过时结束,流畅的从下到上裁剪,加上可选的加载时消失和缩回效果。
轨道图片画廊
动态 3D 图片环,带有滚动和吸附,完全掌控倾斜、半径和透视——非常适合作品集、发布和创意画廊。
离开标签消息
简单的方式添加标题消息,当访客离开你的网站切换到另一个标签时显示在标签名称上。
滚动视频播放器
流畅的交互式视频组件,随用户滚动播放、暂停或倒带。非常适合叙事、产品展示和沉浸式页面体验。
轨道文字加载器
Orbit Text Loader 是一款轻量级 Framer 动画,文字被三条旋转轨道线环绕。非常适合优雅的加载或开场动画。
3D渐变卡片
3D Gradient Card 是一款带有基于悬停的 3D 效果的 Framer 组件。渐变只能从组件内部编辑。在移动端/平板端,使用'Phone'变体!
Instagram故事
Instagram Story Popup——为你的 Framer 网站添加逼真的 Instagram 风格故事弹窗,完全可定制,带有流畅过渡和交互操作。
磁力卡片
物理驱动的卡片网格,响应运动和磁性。MagnaCards 结合磁性物理、可定制渐变和流体运动,打造触感十足、吸睛的体验。
交互式视频
创建交互式、选择驱动的视频体验,捕获潜在客户、提升互动并促成交易。完全可定制。为代理商、企业和品牌打造。
路径文字揭示
滚动时文字揭示,将文字拆分为真实行并以裁剪路径为每行添加动画。选择方向、持续时间和交错。适用于任何字体和对齐方式。
舞动阴影文字
动画文字组件,带有移动的多色阴影,创造纵深和运动。非常适合主视觉标题、创意标题、霓虹风格设计或未来感品牌。
活力圆点
Living Dots,彩色运动的动态 Canvas。
Pinterest风格网格
Pinterest 风格图片网格组件,带有预览轮播和每张图片的独立高度控制。
星空画布
3D 星场动画,展示星星在太空中移动。你可以改变速度、大小和星星数量。流畅、交互式且全屏。
磁吸图片遮罩
动态图片画廊,以流畅的遮罩过渡循环切换视觉内容,带有磁性光标跟随箭头,打造交互感。
独特团队卡片
用时尚的交互式卡片展示你的团队——配有角色、社交链接和流畅的悬停动画,让个性栩栩如生。
CMS分类胶囊
从 CMS 集合中的逗号分隔纯文字字段轻松将分类项目显示为标签。摆脱专门为多引用创建的第二个 CMS 集合。
脉冲圆点
动画颜色脉冲圆点,Framer 可定制加载器。
3D书本按钮
精致的 3D 书本风格按钮,为你的设计增添纵深和真实感。颜色和文字完全可定制,打造现代、创意的触感。
价格计算器卡片
Pricing Calculator 是在 Framer 内直接创建精美、完全可定制定价计算器的最简单方式。无代码。无头痛。只有强大的设计灵活性。
光影短视频
多视频主视觉播放器,带有智能过渡、缩略图和交互式播放控制——为电影感叙事、产品揭示和创意作品集打造。
活跃图片画廊
交互式图片画廊,带有主视觉预览和缩略图导航——Framer 完全可定制。
流体媒体揭示
图片/视频的交互式流体揭示——指针运动通过动态 Alpha 揭开内容。GPU 加速、透明叠加层,非常适合令人惊艳的主视觉开场。
图片轨道
流畅的交互式水平图片轮播,带有基于拖拽的视差运动和电影感景深。
动画线条
美学线条动画,作为内容的背景。
CMS社交分享
极简的社交分享按钮组,适用于你的 CMS 页面。有了这个组件,你的读者可以轻松分享你的博客页面。
密码保护
免费、可定制的 Framer 密码保护页面。非常适合锁定案例研究、客户作品或私密项目。
文字滑动揭示
逐字母为你的文字添加交错淡入和滑动效果的动画。在 Framer 中完全可定制且响应式。
坠落光点
创建令人惊艳的动画下落条纹背景,为你的主视觉区域、叠加层和过渡增添运动、纵深和氛围。
揭示透镜
Reveal Lens 添加交互式的从模糊到清晰的聚光灯,跟随光标或触摸,按压时展开以流畅探索细节。非常适合图片、主视觉和叙事布局,邀请用户参与、聚焦和视觉发现内容。
均衡器滚动条
图形均衡器风格滚动条。可定制以适配任何网站。
点击效果
为你的按钮添加交互式动画和音效,或重新利用和适配卡片。
模糊导航
精致、现代的 Framer 导航组件,展开时揭示菜单并优雅地模糊背后的背景。非常适合简洁的 UI 设计。
网格照片
Photo Grid——紧凑的 4 格画廊,点击时展开为响应式动画照片网格,带有流畅的交错揭示和触摸支持。
文字波浪
动态 3D 波浪文字动画,将排版切割为动画层,带有流畅的缩放、旋转和颜色过渡。为大胆的视觉冲击而设计,提供对字体、时间和运动的完整控制,创造流体、现代的标题动画。
光波
用 LumiWave 为你的设计注入活力——流动的霓虹波浪动画,为任何 Framer 布局增添运动、纵深和优雅。
弹性果冻按钮
用这些弹性果冻按钮为你的 UI 带来个性、愉悦和全新的视觉语言。一款以痴迷般的细节和趣味弹跳精心制作的高品质 Framer 组件。
文字倒影
时尚的文字倒影组件,在文字下方以柔和透明度和模糊镜像你的文字。非常适合主视觉区域、奢侈品牌和创意排版展示。
文字故障悬停
动态模糊文字动画,适用于标题和横幅,带有智能字体大小、悬停效果和自定义样式控制。
动画箭头按钮
现代交互式按钮,带有流畅的箭头动画,为你的设计带来运动和个性。完全可定制!
安全门
用 Secure Gate 为任何 Framer 页面添加密码保护——精致、可定制的门禁,带有会话记忆、图标和完整设计控制。
手风琴玻璃特效
现代手风琴组件,具备液态玻璃效果、可编辑的打开/关闭和悬停变体。
雪花运动
SnowMotion 为降雪带来真实物理效果。粒子、重力、风和景深完全可定制——创造逼真、动态的运动,感觉生动且沉浸。
滚动图片揭示
流畅的图片揭示效果,在你滚动时动画化瓦片网格。
视差画廊
流畅的水平视差画廊,带有交错运动、可拖拽滚动和自动滚动。非常适合作品集、造型册和高品质图片展示。完全可定制。
ASCII艺术效果
将任何图片即刻转化为 ASCII 艺术。创意 Framer 组件,将视觉内容转换为基于文字的艺术——可定制、动态且充满实验乐趣。
按钮悬停偏移
动画按钮,带有流畅悬停运动——文字向左滑动,图标向右滑动,打造动态的行动号召。
跟随与悬停
精致的运动追踪组件,创建跟随用户光标的浮动模糊按钮,打造精致的交互效果。
窗帘揭示
Curtains Reveal 让你以流畅的幕布效果揭开内容。用 12 个控制项自定义数量、布局、方向和动画——为你的内容增添创意触感。
抖动特效
用动画抖动、颜色色调和运动漂移为你的图片或视频添加复古半色调魔法。悬停、滚动和动态混合效果完全可定制。
字母变形
该组件在悬停单个字母时循环切换不同的字体和颜色。
堆叠轮播
交互式垂直轮播,图片在你滚动或拖拽时以景深动画展现。
无限2D网格
看起来昂贵,运行便宜。带有惯性和景深的无限 2D 墙。虚拟化处理让你的页面保持快速。
仪表盘价格小部件
在现代仪表盘卡片中展示价格、利润或性能指标,带有动画数值、可定制排版和优雅的图表视觉。非常适合分析仪表盘。
视频抖动器
将任何视频转化为令人惊艳的复古抖动效果,支持可定制的颜色滤镜、图案和播放控制。
高级布局网格
将类似 Figma 的、完全可定制的网格系统直接带入你的 Framer 项目。该组件具有非交互式叠加层(包含列和行)。
可拖拽滚动条
完全可定制的可拖拽滚动条,为流畅、轻松的交互而设计。
倾斜轮播
动态 3D 倾斜轮播,以景深、流畅运动和完整定制展示图片——非常适合现代、沉浸式的网页体验。
自动颜色展示
该组件不是关于一个预构建卡片:单独使用每种模式或将它们组合成你的自定义色板。一个颜色输入 = 自动名称、HEX 和 RGB 显示。轻松复制值。
3D卡片轮播
3D Card Carousel 组件以简洁的 3D 旋转效果为你的设计增添纵深和运动。
闪光滑动特效
光泽扫光特效层,可放置在任何元素上方。使用绝对定位为按钮、卡片或图片添加纵深、运动和真实感。
交互式粒子
动态、悬停响应的粒子背景。自定义颜色、数量、扩散、速度和大小,为任何区块创造独特的纵深和运动感。
发光光束按钮
令人惊艳的发光按钮,带有旋转彩虹光束、可定制粒子和沉浸式光晕效果。Glowing Beam Button 将任何行动号召变成高冲击力的动画 CTA,吸引注意力并提升现代 UI 设计。
蓬松贴纸眼睛
交互式蓬松贴纸眼睛跟随光标。自定义各个眼睛组件的大小和颜色。非常适合引导注意力到 CTA 和关键元素。
粒子几何
认识 Particle Geometry——一款趣味十足、交互式且发光的 Framer 几何组件。从多种形状和主题预设中选择——只需选择、放置并发布。
新拟态底座栏
NeoDock 是一款精致的交互式 Framer 组件,灵感来自 macOS。自定义动画、玻璃效果和图标样式,为任何网站创建动态、现代的 Dock。
发现呼叫按钮
可定制的按钮,悬停时变形——揭示头像和友好消息。为任何作品集、代理商或商业网站 CTA 增添个性。
网格动画器
动画化并遮罩你的自定义图片的组件,根据鼠标在视口中的位置动画化网格单元格。无代码完全可定制。
可用性时钟
显示任何城市或时区的本地时间和在线状态——非常适合展示你何时可用。
文字与图片揭示
在滚动时逐词改变文字颜色,添加内联视觉元素,保持用户参与。完全灵活的叙事组件。
反应式圆点
响应式点阵网格,以流畅物理响应光标移动。自定义形状、间距和完整运动控制。非常适合主视觉区域或环境背景。
复古LED板
Retro LED Board 将经典像素跑马灯标牌带入现代 Framer 布局,具备发光点阵 LED、微闪烁和流畅滚动运动。非常适合公告、主视觉和复古风格界面。
滚动计数器
滚动数字组件,带有自然的上下动画、可定制数字数组、自动节奏过渡和完整的内联样式控制。
交错堆叠卡片
交互式堆叠卡片组件,带有悬停展开、流畅旋转和可点击导航。非常适合展示画廊、作品集或产品卡片。
网格线
免费使用的响应式组件,为你的网页创建动画、可定制的网格线。调整线条数量、动画速度、粗细、颜色等。
极简头像
Minimal Avatars 是一款极简且现代的组件,通过头像展示用户信任。
聚光灯光标
现代聚光灯效果 Framer 组件,以流畅的径向光标光晕揭示图片,支持可定制渐变、混合模式和属性控制进行调整。
交互式地图
Framer 交互式 GeoJSON 地图,以颜色缩放、悬停高亮和提示框可视化区域。非常适合分析、仪表盘、数据地图和全球覆盖的视觉叙事。
照片卡片
时尚的 3D 照片卡片堆叠,带有流畅旋转、悬停动画和动画网格背景——非常适合作品集、画廊和主视觉布局。
点阵图片
即刻将任何图片转化为点阵网格,支持可定制属性。调整颜色、网格和圆点大小、间距和阈值以适配你的需求。
AI生成按钮
AI 灵感按钮组件,让你的'生成'操作感觉智能且动态。
3D圆形加载器
3D Circle Loader 是一款 Framer 动画,具备多条带有移动 3D 球体的线条,创造旋转环的错觉。非常适合流畅、未来感的加载动画。
粒子轨道
Orbit Cursor Effect 是一款可定制的 Framer 组件,多个动画轨道跟随鼠标。颜色、大小、速度和粒子数量可调!
视差跑马灯
创建令人惊艳的 3D 视差图片轮播,带有景深、旋转和自然运动。非常适合展示、作品集和动态展示。
随机淡入揭示
以微妙的随机淡入效果揭示文字。为标题、介绍和主视觉区域增添情感和存在感。
3D太空
用一个易用的组件为你的 Framer 网站带来 3D 效果。上传模型、选择环境并可视化地定制场景。
浏览器标签通知
用吸睛的浏览器标签通知提升转化率。当访客切换标签时轮播自定义消息和图标,重新吸引注意力并即刻驱动行动。
文字悬停揭示
交互式链接组件,悬停时揭示跟随光标的图片,支持可定制的文字、颜色、形状和流畅动画,打造引人入胜的用户体验。
光轴加载器
Shaft Loader 为你的 Framer 网站提供戏剧性且专业的入场效果,使用流畅的分屏面板动画在内容加载时吸引观众。
涂鸦光标
GraffitiCursor 为你的 Framer 项目带来趣味运动和创意能量。自定义光标的圆点颜色、喷漆颜色和粒子行为,创造动态涂鸦效果。
RGB分裂
你的 Framer RGB 分离组件,瞬间将任何图片变成大胆的复古未来感视觉效果。只需拖入,即可添加鲜艳的 RGB 偏移,让你的图片充满冲击力!
半色调海报
将照片转化为手工制作的半色调印刷品,带有丰富的纹理和氛围。以完整的颜色和细节控制创建独特的丝网印刷风格视觉效果。
动态ASCII揭示
完全可定制的 ASCII 组件,兼容悬停和滚动交互。基于 WebGL 构建,这款 ASCII 生成器允许超越黑白的完整颜色定制。
预约日历表单
为你的 Framer 项目添加简洁的交互式预约日历。完全可定制、响应式,无需编码。
抖动波浪
令人着迷的 WebGL 波浪动画,带有复古抖动效果,每次加载时生成随机图案。完全可定制,打造时尚、动态的背景。
可编辑文字层
让你的标题和文字在实时网站中可编辑,增添趣味交互。
融化模糊文字
该组件为文字带来融化模糊交互,由 WebGL 着色器驱动,实现超越典型模糊的高品质网页图形。
可拖拽卡片
可拖拽卡片——一款 3D、类物理的卡片,随拖拽输入旋转。可配置大小、圆角、透视、阴影、弹性和可选图片。
主视觉背景
动态、可定制的背景,旨在提升你的主视觉区域。以流畅动画增添纵深、运动和视觉吸引力——非常适合打造你的主视觉背景。
卡牌展开
Framer 动态卡牌组画廊。图片起初像一副牌堆叠,然后平滑地展开到屏幕上,创造引人入胜的有序布局。
超级视差
终极 3D 交互式卡片,统一的视差、惯性和磁性悬停效果。
文字流动
将文字转化为响应鼠标移动的粒子动画的组件。创建基于物理的动态交互,完全可定制。基于 Workshop 制作。
3D旋转立方体
令人惊艳的交互式 3D 立方体堆叠,带有流畅拖拽旋转、大胆渐变和高品质运动,即刻提升主视觉区域、展示页和现代创意布局。
ESC关闭叠加层
通过让用户按 Esc 键关闭叠加层,为你的 Framer 叠加层增添无障碍性和功能。易于使用、免费且开源。
动画LED板
完全可定制的 LED 面板组件,带有发光动画、动态图案和滚动文字效果。非常适合添加复古数字标牌或鲜艳的运动装饰。
3D模型查看器专业版
解锁 Framer 最强大且可定制的 3D 模型查看器!以交互式 3D 展示你的产品、设计或艺术作品。
智能表单字段
将简单的 Framer 表单变成动态、智能的表单体验,带有条件逻辑、计算和完整样式控制。
垂直CMS画廊
Framer 竖屏(9:16、2:3、3:4、自定义)画廊,带有磨砂叠加层、自动播放和可定制的条/点。从 CMS 逐一连接图片或使用 URL 链接。
图片揭示遮罩
动画遮罩,在滚动、悬停或点击时平滑揭示图片。支持渐变、自定义缓动和多种方向。
禅意交互背景
交互式、可定制的 Canvas 背景,带有流体粒子运动,响应鼠标移动和点击,实时创建优雅的拖尾和涟漪效果。
3D扭曲画廊
Distorted Gallery 为 Framer 提供电影感 3D 滑块,图片在空间中弯曲,带有流畅运动、悬停景深和精确控制。非常适合需要大胆视觉和沉浸式叙事的主视觉、作品集和产品展示。
3D杂志
交互式 3D Framer 组件,具备可定制的正面/背面封面、页面图片和逼真的翻页动画。
火焰按钮
发光的动画火焰按钮,悬停时迸发火花——非常适合为你的 Framer 项目添加大胆、充满活力的微交互。
渐变波浪按钮
运动中的渐变。这款按钮在悬停时闪烁着流动的色彩波浪。一个感觉充满活力的简洁 CTA——为 Framer 打造 ⚡️
用带有流畅内部滚动动画和内置确认的交互式按钮让你的行动号召充满活力。
极光渐变标签
完全可定制的动画渐变标签,用于在任何 Framer 项目中高亮内容、标题、状态或提示等。
悬停模糊卡片
完全可定制的 3 卡片图片组件,带有优雅的悬停效果——高亮聚焦卡片并模糊其他两张。非常适合展示项目或产品。
3D图片画廊
ImageGallery3D——令人惊艳的立方体风格图片画廊,带有流畅的 3D 动画和可定制的自动播放。
会呼吸的动态文字——平滑地变换字重和字宽。
图片网格揭示
动态网格揭示动画,将图片拆分为 3D 瓦片,然后无缝组成完整图片。
按钮3D翻转
交互式 3D 翻转按钮 Framer 组件。非常适合导航和行动号召链接。
俄罗斯方块游戏
可在 Framer 中游玩的俄罗斯方块风格游戏,桌面端(键盘)和移动端(触摸)操作简便,基于 Workshop 构建。
太阳能计算器
能源网站太阳能计算器,输入屋顶面积、用电量和日照时数,即刻获得系统规模、发电量和成本节省的结果。
粒子光标
Particules Cursor 是一款使用 ThreeJS/WebGL 制作的交互式粒子拖尾效果。
磁吸按钮
想被点击的按钮!磁性运动 + 柔和光晕 + 基于物理的悬停 = 纯粹的 UI 满足感。插入任何 Framer 项目,看你的 CTA 活起来 ⚡️
单位转换器
强大的双向单位转换器,样式、类别和单位完全可定制。非常适合仪表盘、教育工具和交互式应用。
发光图片
这款性能优化的组件为图片添加鲜艳的光晕效果。设计轻量,在不拖慢网站的情况下增添视觉吸引力。
等距网格流
用动态等距方块网格为你的布局注入活力。颜色、动画和脉冲效果完全可定制——非常适合现代 Framer 项目。
视差星空
流畅的视差像素星场,以动画层创造深空感。密度、大小、颜色和运动完全可定制。非常适合主视觉区域和科幻主题。
定时轮播
用自运行轮播组件为你的页面带来运动和清晰度。
组件展示
简洁优雅的弹窗组件,点击时揭示你的服务或产品。非常适合展示多个产品,保持设计简洁且可交互。
剪纸文字
创建大胆的镂空风格文字,带有动画阴影和分层渐变——非常适合主视觉区域、品牌和需要纵深感及简洁手工感的现代布局。
主视觉预加载器
简洁、现代的主视觉预加载器,为你的页面添加流畅的加载动画。完全可定制、响应式,非常适合创造精致、高品质的第一印象。
魔法悬停图片
动态图片跟随光标,7 种可定制视觉效果——流畅、响应式,非常适合现代网页交互。
在逼真的 iPhone 模型中展示你的应用或壁纸设计。反射、微光、旋转和视频支持完全可定制——无需编码。
交互式棱镜
动态、可定制的光线,提升你的主视觉/CTA 区域。购买后,你将收到组件 URL 链接,粘贴到 Framer 中即可。
生成式动画
生成艺术波形动画。
计数器预加载器
同步计数器预加载器 Framer 组件,带有动态数字递进和流畅的展开叠加条。非常适合现代产品网站、作品集和代理商网站。
删除按钮
智能动画删除按钮,带有内置倒计时和取消选项——文字、颜色和时间可定制,打造流畅、人性化的确认体验。
3D球体作品集
用 3D 交互性展示你的作品——沉浸式旋转球体,以动态、可缩放的画廊展示你的图片,带有流畅的实时运动、景深和风格。
粘液文字
用 Gooey Text Morph 为你的文字注入活力——Framer 流畅的液态文字过渡效果。
揭示文字
RevealText 将普通排版转化为电影感的视觉序列——每个字母以流畅运动、发光叠加和沉浸式图片纹理动画进入视野。
时间问候
动态的基于时间的问候,带有表情和自适应背景——以友好的实时触感即刻个性化你的落地页或仪表盘。
图片画廊专业版
用 Image Gallery Pro 组件以风格展示你的视觉内容——精致的动画画廊组件,让你的图片栩栩如生。
长悬停滚动
用动态悬停滚动器像专业人士一样展示长图片。
闪烁方块
Sparkling Boxes 是一款使用 ThreeJS/WebGPU/WebGL 制作的交互效果。具备被鼠标指针吸引的闪光方块。
特效滑块
创建沉浸式多列滑块,带有音效、视差过渡和动态内容。非常适合展示、作品集和故事。基于 Workshop 制作。
项目聚光灯
用简洁、现代、交互式的卡片展示你的项目。流畅悬停效果、响应式设计和简单内容编辑完全可定制——非常适合作品集。
排版时钟精简版
精美制作的 Framer 排版时钟,带有完整时区控制、12/24 小时格式、自定义颜色、混合模式和详细排版选项。
3D轮播画廊
3D 旋转轮播(画廊),展示环形旋转卡片。需要复制 URL 并粘贴到区块中。
带眼睛按钮
该按钮组件是一款完全可定制的交互式 Framer 行动号召元素。
剧透文字
将纯文字变成交互式谜题。动态的模糊和粒子揭示效果,邀请用户通过点击或悬停揭开隐藏内容。
无限银河滚动
无限滚动画廊,感觉像在太空中漂浮。基于 Three.js 构建,具备真正的空间景深。
光标流体拖尾
流畅的拖尾光标,以流体运动和渐隐颜色跟随你的鼠标。非常适合为你的 Framer 项目增添交互性和精致感。
按压按钮
3D 拟物按钮,带有逼真阴影、流畅悬停效果和可定制渐变。具备按压动画和可选链接支持,打造交互体验。
侧边菜单
流畅的遮罩揭示侧边菜单,基于 Framer Motion 构建——非常适合作品集、代理商或需要优雅、交互式导航的创意网站。
视频球体
交互式旋转 3D 球体,图片和视频围绕中心元素轨道运行。
重定向器
实用代码组件,在延迟后自动重定向到 URL。
漩涡轮播
沉浸式 3D 图片轮播,带有拖拽、自动旋转和透视控制——非常适合交互式画廊或创意展示。
门店定位器
简洁的商店/位置查找地图,使用 Mapbox API 和 Google Sheet 作为数据库。
扫描
霓虹扫描效果,支持滚动和变体动画。
裂纹
朴素的错位偏移效果,支持滚动和变体动画。
大理石揭示效果
Framer 大理石揭示效果组件,支持滚动和悬停交互。使用 WebGL 着色器渲染丰富的油画纹理视觉,打造高端艺术感。
错误
破坏性数字效果,支持滚动和变体动画。
燃烧
物理镜头扭曲效果,支持滚动和变体动画。
复古
怀旧像素化效果,支持滚动和变体动画。
方块
压倒性网格效果,支持滚动和变体动画。
画笔
灵活的笔刷效果,支持滚动和变体动画。
模块短视频
Framer 模块化电影感故事卷轴。
光环滑块
极简轨道滑块,带有微妙的 3D 运动和光环般的景深过渡。
虚空通知发光版
为任何网站带来 iOS 风格但发光的通知——带有逼真阴影和动画。
瀑布流画廊专业版
灵活的瀑布流画廊,支持图片和视频、智能筛选、流畅悬停效果和全屏灯箱。非常适合作品集、产品展示和媒体丰富的布局。
文字图片光标
完全可定制的 Framer Vimeo 视频播放器组件,带有高级控制、自定义光标选项和移动端优化的全屏体验。
霓虹按钮
按钮组件,带有霓虹边框和流畅悬停动画发光。非常适合现代落地页、作品集网站、游戏主题和赛博朋克风格界面。
ASCII水波纹
动态涟漪运动,大小、颜色和节奏可调——非常适合现代 UI 时刻。
文字绘制
TextDrawing 将鼠标、触摸或手写笔手势转化为富有表现力的排版艺术。用文字而非线条绘画,通过运动和压力塑造字母。非常适合交互式主视觉区域、趣味 UI 和创意 Framer 实验。
3D翻页书
简洁的 3D 翻书,适用于菜单、目录等。添加封面和页面,设置纸张和运动样式,然后发布。访客通过点击、滑动或键盘翻页。基于 Workshop 制作。
简易祷告时间
现代祈祷时间显示,带有自动位置更新、实时高亮和 iOS 风格设计,适用于清真寺网站。
百叶窗预加载器
柔和动画的项目预加载器组件,作为网站和页面预览的窗口打开效果。
放大镜
液态扭曲效果,支持滚动和变体动画。
灯箱画廊
现代瀑布流照片画廊,带有交互式灯箱和滑块导航,为移动端、平板和桌面端打造无缝图片查看体验。
现代、可定制的 Framer 项目主题切换按钮。
高级网格
可定制的网格,可用作资产背后的背景。密度和角度可调。
光标爆米花
Cursor Pop 为你的设计带来五彩纸屑炮的乐趣——但使用你选择的任何图片!只需在任何地方点击并按住,图片就会从光标处以趣味十足的旋转方式爆发。
滚动高亮器
文字组件,在滚动时创建引人入胜的高亮效果。
CMS书签
该组件创建交互式书签系统,让用户从你的 CMS 集合中保存喜爱的项目。它将书签状态存储在浏览器存储中。
文字描边悬停
悬停光标经过时以边框揭示高亮文字的文字效果。
动态交错文字
以 3D 旋转变换、交错序列和对动画动态的精细控制为文字添加动画。
360°全景查看器
基于 THREE.js 构建的 360° 全景查看器组件,可用于查看任何全景图片和视频。
现代点阵网格
简洁、现代的点阵网格组件,感觉充满活力。网格完全响应式——自动适应任何框架大小,在各断点保持完美间距和平衡。
轨道原子核加载器
Orbit Nucleus Loader 具备中央核心和两个轨道 3D 环。大小、速度、颜色和运动完全可定制——非常适合 Framer 中的未来感加载动画。
动态模糊画廊
六种丝滑文字动画。十二种火热图片滤镜。工程师级别的控制。每个模糊、颜色和运动都听从你的意志。将简单的画廊变成纯粹的视觉剧场。
真实iPod
将传奇的 01 年 iPod 带到网页。逼真的点击轮、LCD 效果、YouTube 集成。白色、黑色和 U2 主题。无需应用。伟大的设计永不过时。
CMS短视频和故事
逼真且动态的社交媒体体验!该组件复制 Instagram Stories 和 Reels 行为,通过连接 CMS、画廊和静态内容提供无与伦比的灵活性。
颤抖文字按钮
交互式滚动文字按钮。高保真按钮,带有精致的文字滚动和字符动画。完全可定制以适配你的品牌。
超级聚光灯滑块
以大胆视觉、淡入文字背景、缩略图和详情悬停点展示产品。
折线图专业版
专业动画折线图,带有流畅动画和无尽定制。为设计师打造。
聚光灯滑块
精致、极简的滑块,以大胆排版和流畅现代过渡聚焦展示你的顶级作品和产品。
短视频跑马灯
Reel Marquee 是一款流畅循环的视频卷轴,带有景深、视差和旋转,营造电影感。非常适合主视觉区域、卷轴、作品集和运动聚焦的布局。
点阵发光背景
微妙的动画点阵网格背景,带有流畅的光晕脉冲。非常适合现代主视觉区域、仪表盘和极简高品质布局。
流体渐变
流畅的动画渐变背景 Framer 组件,三种可定制颜色和流体运动效果。非常适合创建吸睛的主视觉区域。
滑动故障按钮
Framer 滑动故障悬停效果:对角线滑动揭示带有故障效果。文字、颜色、角度、速度和缓动完全可定制。
双重旋转线条
悬停时流畅旋转,适用于按钮、卡片和图片——轻量、GPU 加速且无障碍。
图片悬挂拖尾
简洁、极简的图片展示系统。图片通过简单的垂直连接器悬挂在水平线上。完全可定制且可交互。
标题卡片堆叠
留下强大的第一印象:电影感主视觉卡片以流畅的堆叠方式动画展现,响应式设计在任何设备上都完美适配。
平滑主题切换
动画暗色模式切换,14 种令人惊艳的过渡效果。与系统偏好同步、持久化选择并提供完整定制。易于集成。
抖动图片揭示
从抖动图片开始,悬停时揭示原图。使用静态揭示或可选 3D 倾斜。包含反转悬停开关以增加灵活性。
智能文字截断
智能文字截断,带有展开/收起按钮。按行或字符定制。完全响应式。生产就绪。
图片旋转器
交互式环形图片轮播,带有逼真的惯性、倾斜效果和流畅旋转。非常适合动态画廊和展示。
TikTok信息流
TikTok 风格垂直视频信息流,带有可编辑统计数据、滑动滚动、自动滚动选项和无限循环。非常适合作品集、创作者和视频展示。
动态文字展示
基于链接到 URL 的预定义参数显示或 A/B 测试自定义文字。
滚动同步视频
滚动驱动的视频播放器,无缝响应用户移动,使用智能寻址、缓动和跳帧提供电影感、无卡顿的运动。
破碎图片
点击即碎。WebGL 逼真的玻璃裂纹扭曲效果。
弹跳圆点
流畅且可定制的动画加载器,具备弹跳圆点,非常适合在你的 Framer 项目中指示加载状态。
实时加密货币图表
简洁、响应式的加密货币图表,带有实时定价、24 小时变化、多个时间范围和内置的 60 种加密货币对下拉菜单。无需 API 密钥。快速且易于使用。
实时股票图表
简洁、响应式的股票图表,带有实时定价、每日变化和多个时间范围。无需 API 密钥。非常适合仪表盘、金融网站和现代 UI。
3D卡片滚动
无限滚动 3D 卡片 Framer 组件,基于 Three.js 构建,具备 GSAP 驱动的微交互,打造高度引人入胜的体验。
悬停弹性FAQ
HoverFlex FAQ 区块,带有流畅悬停效果和图片高亮,非常适合现代落地页。
长图查看器
Long Image Viewer 让你在 Framer 网站上轻松展示长篇或详细的视觉内容。
彩虹按钮
完全可定制的动画渐变按钮,带有彩虹边框和光晕效果。非常适合 CTA、产品页面和现代落地页。
七边形网格
动画 Canvas 网格,带有流畅运动和悬停高亮——非常适合主视觉区域和科技布局。
简洁的玻璃风格按钮,带有透明外观。你可以更改文字以匹配你的设计。
动画文件夹
动画文件夹组件,3 种独特样式。图片在悬停时优雅弹出,创造引人入胜的作品集或画廊效果。零代码——只需定制并发布。
视频堆叠
交互式视频卡片堆叠,带有流体拖拽和滑动手势。
分屏视频滑块
交互式视频对比滑块,带有可拖拽分隔线和自定义手柄。
幸运饼干
点击打开幸运饼干,带有闪光、动画和幸运数字。
网格背景
交互式 3D 网格效果,基于 ThreeJS/WebGL 制作。
环境漩涡画布
用发光的旋转粒子和动态运动为你的页面注入活力。完全可定制的环境背景,打造令人惊艳的主视觉设计。
色彩弯曲
动态着色器背景,带有动画颜色弯曲。支持彩虹模式或完全可定制的纯色。鼠标响应、流畅且完全可调。
智能定价
实时预览如下 ↓
画廊堆叠
循环、交互式照片堆叠,每次点击旋转。流畅、电影感且易于定制。
图片揭示卡片
悬停时以流畅的遮罩动画揭示隐藏的视觉内容。非常适合前后对比展示、产品预览或为你的 Framer 设计添加交互运动。
交互式复古背景
为你的设计添加逼真的复古抖动效果。动画图案、交互式涟漪、4 种形状样式。颜色和像素完全可定制。
国际象棋游戏
可在 Framer 中对战 AI 的国际象棋游戏,带有走棋高亮、难度级别和响应式棋盘——基于 Workshop 构建。
音频播放器背景
锁屏就绪的 Framer 音频播放器。手机锁定时保持音频播放,带有完整元数据、原生控制和完整 UI 定制。
特殊悬停图片
流畅、现代的图片悬停效果,当光标移过图片时添加运动、景深和视觉焦点——专为图片悬停交互设计。
图片轮播专业版
交互式、响应式图片轮播,带有缩略图、滑动导航、自动播放和流畅运动:可定制大小、样式和显示选项,适用于任何画廊。
倒计时数值
可定制的 Framer 倒计时器组件,让你以可调样式和行为展示剩余值。
闪亮按钮
令人惊艳的动画按钮,带有渐变边框和微光效果,让你的 CTA 栩栩如生。
视频网格画廊
模块化玻璃网格布局,带有流体缩放和运动效果。
视差视频网格
多层 3D 视差场景,带有交互式景深和视频支持。
线框加载
专业线框加载器 Framer 组件,7 种可定制变体。以动画微光效果创建优雅的加载状态。
PDF翻页书
用逼真的 3D 翻页效果、可定制控制和自动播放为你的 PDF 注入活力——非常适合杂志、作品集和数字书籍。
价格选择器
交互式总价选择器,带有可配置选项、活跃状态和可定制项目。
迷幻螺旋
令人着迷的彩色旋转点螺旋,创造催眠般的彩虹运动效果。
本地实时时钟
实时时钟组件,自动检测并显示访客的本地时间及其国家信息。支持可定制的格式选项。
GSAP波浪文字
强大的 Framer GSAP 文字动画组件,在悬停或图层进入视图时创建波浪效果。
太空领地
将'注册'变成令人愉悦的用户名选择器。显示旋转的演示名称,组合 https://{domain}/{username},让你完全设置输入框和按钮的样式。小屏幕自动堆叠。
涂鸦文字
为文字添加动画或静态的手绘涂鸦——圆圈、下划线、高亮和删除线。自定义颜色、粗细和动画。
液态铬3D
电影感、交互式 WebGL 组件,以有机物理响应鼠标移动。非常适合 AI、SaaS 和科技作品集。
协作按钮
易于定制的网站协作按钮。更改字体、背景、边框、Logo 等。非常适合在任何网站或项目中快速、符合品牌的集成。
内容门控
提交表单解锁独家内容。即时访问图片、视频和 PDF 等高级资源——仅限注册用户。
铅笔橡皮加载器
完全可定制的 Framer 动画铅笔加载器。拖拽、调整大小、重新着色和精确定位。响应式且生产就绪!✏️✨
摇摆按钮
响应式动画按钮,带有光晕、渐变边框、摇摆悬停、自动缩放文字、自定义颜色、字体、圆角和链接支持——完全可定制。
路径集成
该组件沿自定义 SVG 路径为元素添加动画,在设计的不同部分之间创建流动的连接。
可编辑头像组
用可编辑头像、智能状态环、渐变、提示框和 +N 弹窗在简洁的水平堆叠中展示你的团队。非常适合现代团队或社区区块。
网站音频开关
强大的音频控制组件,为你的 Framer 网站提供全站静音/取消静音功能。只需设计你自己的按钮变体,该组件处理所有逻辑。
CMS常见问题
该组件自动将格式化字段转换为交互式问答对,带有流畅动画和可定制样式。
聊天漏斗表单
精美的聊天风格多步骤表单,提升转化率,感觉像现代引导流程。
图片流
流畅的渐进揭示图片轮播。
丝绸背景
流畅的动画丝绸波浪图案,WebGL 渲染。自定义颜色、速度、比例、旋转和噪点,打造优雅的流动背景。
棱镜爆裂背景
Prismatic Burst 是一款动态 Framer WebGL 背景,支持可定制颜色、3D 运动、混合模式和交互效果,打造令人惊艳的现代主视觉区域。
拍立得图片轨道
怀旧的无限滚动照片展示组件,模拟挂在横杆上的拍立得即时照片。非常适合记忆画廊和作品集展示。
拍立得图片制作器
用这款简洁、可定制的组件将你的图片转化为逼真的拍立得风格照片。
3D轮播专业版
动态 3D 轮播,支持图片和视频,带有流畅旋转、反射和透视景深——非常适合令人惊艳的视觉展示。
闪电背景
用动态 WebGL 闪电背景为你的设计注入电力——色调、强度、速度和偏移完全可定制,打造令人惊艳的氛围效果。
工具提示脉冲
Tooltip Pulse 是一款简洁的交互式 Framer 组件,点击时显示流畅的动画脉冲和可定制的提示框。非常适合高亮细节。
密码门
输入演示密码:Framer 预览时尚的全屏密码门。动画眼睛、完整颜色控制、仅视觉效果(无真实认证)。
SVG变形
用流体变形动画为 SVG 图标注入活力。
涟漪效果按钮
简洁的涟漪效果按钮,带有流畅悬停过渡、完整样式选项和即时点击反馈。非常适合现代界面。
虹彩发光背景
动画虹彩背景,支持可定制颜色、速度和运动。流畅的 GPU 着色器效果,适用于现代、高端 Framer 网站和主视觉区域。
编织图案
Weave 是一款完全可定制的 Framer 背景图案引擎。你可以生成圆点、网格、波浪等——非常适合主视觉区域、卡片和微妙纹理。
视频卡片轮播
分层卡片轮播,带有景深、导航和流畅的视频过渡。
问候加载器
流畅的多语言问候动画,在网站加载时播放——具备 GSAP 驱动的运动、可定制颜色和对任何欢迎词集的支持。
模糊图片轮播
分层图片轮播,带有景深、运动和流畅的堆叠过渡。
聊天消息
Framer 动画聊天预览,模拟发送者和接收者气泡之间的实时对话。
外汇汇率卡片
实时外汇汇率卡片,带有图表、每日变化、统计数据和交互式时间范围。完全响应式且可定制。由免费 API 驱动,无需密钥。
卡片展开
Card Expand——简洁的交互式卡片,点击时展开显示详细功能,带有流体过渡。
滑动照片画廊
悬停展开图片画廊,带有配对行。精致的滑动动画创造引人入胜的方式展示你的照片和作品集。
客服聊天小部件
完全可定制的 Framer 问答聊天小部件。添加无限问题,以对话格式显示答案,即时切换明暗模式。
Instagram 风格故事滑块,带有自动播放计时器和进度条。
渐变流动
增强的 Framer 动画渐变文字组件,带有流畅颜色过渡和完整排版控制。非常适合创建吸睛的标题和主视觉区域。
图片洗牌网格
Image Shuffle 是一款动态动画画廊,自动重新洗牌图片,打造生动的视觉效果。易于定制,支持多种网格大小和流畅样式选项。
高级导航
高品质全屏导航,带有动画链接效果、滚动感知行为、SVG Logo 处理和可定制悬停交互——为高端 Framer 网站打造。
雪花滚动
Snow Scroll 为任何 Framer 页面添加从轻雪到暴风雪的流畅效果。滚动响应、可定制且可交互。非常适合季节性主视觉区域和冬季主题页面。
金色玻璃按钮
纯金微玻璃质感。
社交菜单
展示你社交媒体的精彩方式。
闪光板
Flash Board™ 是一款 WebGL LED 网格,灯泡以淡入、打乱、雨滴、跑马灯和扫描线方式动画。支持纯色、图片或视频背景,轻松拖入实现简洁设计。
网格涟漪
动画网格涟漪 Canvas——动态波浪式网格扭曲效果。
动画Logo加载器
动画 Logo 加载器,带有可定制的 Framer 涟漪效果。
自定义打字机
Typewritercustom 以速度和光标控制为单/多文字字符串添加动画,具备动态高亮透明度以强调重点。
动画ASCII文字
3D ASCII 艺术文字,WebGL 渲染,交互式鼠标旋转、波浪扭曲、色差和完整字体定制支持。
便签板
逼真的、可拖拽的 Framer 便签板——完全可定制、响应式、动画化,非常适合仪表盘、日记和创意布局。
计数器专业版
高品质动画计数器,带有滑动数字、运动模糊和光晕效果。前缀/后缀、小数和滚动触发动画完全可定制。
交互式按钮组件,带有磁性光标吸引和流畅动画。具备多种样式预设和引人入胜的悬停效果,让按钮跟随光标。
3D视差
创建动态、分层的 3D 倾斜悬停效果,带有令人惊艳的视差层。
悬停爆裂画廊
Hover Burst Gallery 添加动态悬停效果,在主媒体周围揭示一组视觉元素。非常适合现代作品集、产品揭示和交互式主视觉区域。
交错倒计时
流畅的动画计数器,每个数字以交错的方向运动过渡。目标数字、持续时间、字体、颜色、间距、前缀、后缀完全可定制。
像素光标拖尾
该组件创建跟随用户鼠标光标的可定制像素化拖尾。提供像素数量、大小和形状的多种选项。
窥视按钮
Peeko Button 是一款趣味交互按钮,悬停时揭示动画的、追踪光标的眼睛,为你的网站创造趣味十足的微交互。
Logo转轮
动画环形 Logo 轮,带有自动旋转、悬停效果、提示框和中心标题。非常适合合作伙伴展示、品牌信任区域、作品集和技术栈展示。
悬停画廊
分层悬停画廊,每张图片在悬停时跳入聚光灯。非常适合作品集、营销活动和主视觉区域——只需替换图片,无需编码。
下一步按钮
完全动画化的 UIverse 风格按钮,带有涟漪效果、移动箭头、光晕悬停、自定义字体、圆角控制、颜色控制和间距控制。
加载器
完全可定制的动画加载器,带有流畅渐变、可调大小、颜色和位置——非常适合现代、动态的 Framer 网站。
目录v1
动态目录,根据博客内容自适应,样式完全可定制。
WebGL图片滑块
WebGL 驱动的图片滑块/轮播,带有色差、扭曲效果和流畅拖拽。非常适合作品集、代理商和创意展示。移动端优化。
流动堆叠
交互式卡片,悬停时展开而其他卡片缩回。非常适合功能、服务或亮点展示。流畅动画,完全可定制,无需编码。
Instagram帖子
交互式 Instagram 帖子 UI 图片和视频画廊。
拍立得洗牌
可滑动的拍立得照片堆叠,带有逼真的散落定位和可定制样式。
便捷预约小部件
将你的 QZee 预约小部件作为原生 Framer 组件嵌入。粘贴你的预约 URL,选择固定或自动高度,然后发布——无需编码,无需维护。
平滑手风琴FAQ
简洁、精美样式的 FAQ 组件,具备流畅、注重性能的展开/收起动画和完整的设计定制。
加密货币价格图表
为你的网站添加实时加密货币图表。具备实时价格、缩放和平移、折线/蜡烛图视图和自定义主题。无需 API 密钥。
垂直3D纺锤
滚动驱动的垂直 3D 轮播,带有流畅吸附和景深动画。
表单防垃圾保护
用简单的数学验证组件阻止垃圾提交。轻量、可定制的 Framer 表单机器人防护,无需外部服务。
光标GPS追踪
像 GPS 一样追踪光标。轻量级 Framer 组件,显示实时坐标,带有停靠或跟随光标的标签和可选的运动拖尾。
流体模拟
动态流体模拟组件,交互式粒子响应鼠标、触摸和键盘输入——完全可定制,适用于高品质主视觉区域和创意网站。
神经逻辑图
面向 AI、SaaS 和数据驱动产品的可视化节点图组件。非常适合用动画连接、响应式布局解释管道、工作流和系统逻辑。
图片瀑布流
电影感瀑布流画廊,带有流畅的视图内动画、悬停景深和全屏查看器。非常适合作品集、创意展示和视觉丰富的落地页。
图片风铃
简洁、极简的 3 图片展示系统,灵感来自风铃。图片通过简单的垂直连接器悬挂在水平线上。完全可定制且可交互。
水平滑块
流畅的水平滚动画廊,内置视差效果。
智能触发弹窗
设计你的弹窗并通过退出意图、滚动深度(页面 x% 后)和页面停留时间(x 秒后)触发。
链接预览
悬停触发的链接预览,以流畅的 Framer Motion 动画显示精美的图片提示框——非常适合博客、作品集和链接嵌入。
画廊流动
电影感、可拖拽的时尚画廊,带有缩放、分屏视图和沉浸式叙事。
3D笔记本模型
交互式 3D MacBook 模型,支持视频/图片展示、光标跟随动画、滚动效果、自定义品牌和专业级 Three.js 渲染。
浮动底座栏
macOS 风格浮动 Dock 导航栏,带有光标感知的悬停放大、动画提示框、响应式移动端菜单和完整 Framer 控制。
Evervault卡片
交互式加密文字悬停卡片,带有径向揭示、渐变光晕、运动遮罩和完全可定制的 UI 控制。
3D扫描线轮播
3D Scanline Carousel 是一款电影感的、受 Evervault 启发的轮播,结合动画粒子、发光扫描线光束和实时图片揭示效果。卡片持续流动,中央扫描器在多个项目经过时动态揭示。
带声音表单输入
表单输入组件,带有可选的打字机音效。非常适合为你的 Framer 表单增添个性,同时保持完整的设计控制。
手风琴堆叠
现代手风琴,带有重叠标题、流畅运动和完整样式控制。
磁吸文字
交互式文字效果,每个字符被磁性地拉向鼠标光标,根据距离增加移动量和字重。
文字揭示卡片
Text Reveal Card——交互式悬停揭示卡片,带有动画分隔线、运动文字揭示、星场背景和完全可定制的样式。
计算器
现代、柔和 UI 风格的 Framer 计算器组件。结合简洁的触感外观与稳健的、生产就绪的计算器行为和设计师友好的属性。
星级评分
交互式动画星级评分组件,适用于现代界面。提供流畅的填充和环形动画、响应式悬停和点击状态、动态标签和完整样式控制,支持用户输入和静态展示评分。
文字揭示透镜
动态文字揭示动画,响应光标移动。非常适合主视觉区域、沉浸式开场和高冲击力的视觉叙事。
动感文字
动态标题文字,拆分为字母或词语,在滚动或悬停时动画。爆炸、波浪或打乱,然后以丝滑流畅的运动重组。
发光加载器V2
高品质霓虹加载器,带有高级波浪动画、动态调色板、光晕样式和自定义 SVG 支持——通过 Framer 属性完全可控。
聊天界面
完全动画化的聊天界面,带有自动打字、AI 回复模拟、动画渐变和可定制聊天气泡——非常适合 AI 演示和产品页面。
点阵生成器
上传 SVG,获得动画点阵网格。完全可定制的 Framer 点阵 Logo 组件,带有闪烁效果。
发光圆圈专业版
动画环形进度统计,支持百分比或自定义文字、前缀或后缀、可编辑颜色、光晕、字体、描边宽度和时间。
表情门输入
趣味十足的表情解锁输入 Framer 组件。让访客点击秘密表情序列来揭示内容、导航或触发操作。非常适合私密页面和彩蛋。
弧形画廊
3D 可滚动图片画廊,带有弧形透视。
圣诞树
高性能 Canvas 动画,带有轨道粒子、动态光照和逼真降雪——完全交互式且可定制。
线框地球
高性能 3D 地球仪组件。具备极简的点阵和矢量风格,支持拖拽旋转和缩放交互。
视频阶梯轮播
动态、电影感 3D 视频轮播,用于展示城市、产品或营销活动——配有社交链接、Logo 区域和标语。
3D旋转卡片
可定制的 Framer 3D 旋转卡片,带有光晕阴影、弹跳动画和完整属性控制。完美适配任何容器大小。
PDF查看器专业版
PDF Viewer Pro 让你在 Framer 网站上轻松展示长篇或详细文档。适用于任何需要专业查看体验的 PDF 内容。
媒体旋转轮播
高品质 3D 旋转轮播,支持图片和视频,带有惯性拖拽、自动旋转、悬停效果和全屏弹窗查看器。非常适合作品集、画廊和产品展示。
表情浮动专业版
可定制的浮动表情动画 Framer 组件。为背景、主视觉区域和页面添加趣味运动。完全可编辑的组合。无需编码。即时设置。
加密货币行情
Crypto Ticker 让你将实时加密货币价格直接带入 Framer 项目——无需编码。由 Binance API 驱动,自动更新。
电子公告栏
灵活的电商公告栏。以动画、CTA 和完整设计控制高亮优惠、更新和发布信息。
交互式流动线条
Interactive Flow Lines 是一款高度可定制、高性能的 Framer React 组件。它渲染一组动态线条,有机地响应鼠标移动。
视频视差悬停
完全交互式的 3D 倾斜卡片,带有全息视频和运动追踪。
股票图表
认识 Stock Graph,一款实时股票价格图表。
立方体面
交互式 3D 立方体面,响应鼠标移动带有旋转和情绪变化。离开时触发恐慌摇摆。颜色和大小可定制。非常适合主视觉区域和趣味 UI。
星辰
动态背景组件,具备流畅的星场和微妙的流星动画。为任何区块或布局增添纵深、动感和电影感的宇宙氛围。
文字光标特效
点击生成跟随光标的文字,然后爆裂成粒子。多段文字循环。效果可定制。
团队滑动揭示
TeamReveal Card 让你以流畅的滑动动画揭示团队成员详情,将简单的个人资料卡片变成引人入胜的交互式简介预览。
HoverReveal Card 让你在悬停时展示额外的产品详情,将简单的卡片变成交互式、信息丰富的预览。提升产品发现和互动。
签名板
用原生 Framer 表单组件捕获签名。基于 Frames、Stacks、Icons、Text 和 Variants 构建。明暗模式样式。
金属立方体网格
用这款令人惊艳的高性能 3D 组件提升你的 Framer 项目。即刻创建令人着迷的、照片级逼真的金属结构。
碰撞形状
用逼真的物理效果为你的 Framer 项目注入活力!Collision Shapes 带来坠落、弹跳和碰撞的形状,带有流畅动画和交互控制。
展示滑块
简洁、响应式的图片滑块,带有缩略图导航——非常适合电商、画廊和视觉展示。
动画CTA按钮
用这款专业动画的行动号召(CTA)按钮提升你网站的互动率。
图片点击揭示
Image Reveal 组件允许用户点击缩略图或预览图片,在活跃状态区域即时显示完整版本。
随机字母故障
动态、可定制的 Matrix 风格随机字母故障效果 Framer 组件。具备带有流畅颜色过渡和暗角效果的动画字符。
动画瀑布流网格
动画瀑布流布局,带有流畅过渡、响应式行为和交互性。适用于作品集、画廊、产品展示和其他视觉集合。
文件名下载
Custom Filename Download 让你控制文件在 Framer 中的交付方式。上传任何文件并定义用户收到的确切文件名,而非默认的哈希版本。
Animated Line 是一款精致、完全可定制的 Framer 组件,为任何网站带来微妙的运动、视觉精致感和高品质感——零代码。
网格扫描特效
3D 透视网格,带有扫描动画。6 种网格类型。鼠标追踪和点击交互。样式可定制。
编辑表单专业版
高品质多步骤表单向导,带有令人惊艳的图片过渡。5 种主题、流畅动画、Framer Form 集成。非常适合联系表单、引导流程和潜在客户捕获。
29 种滚动揭示文字效果。你唯一需要的组件。
X聊天窗口
X Chat Window 为你的网站添加 X 风格的消息弹窗,将其变成 X 私信的入口,打开你的个人资料。包含角落放置和完整样式控制。
文字滚动效果
用流畅、可定制的滚动触发文字揭示动画为排版注入活力。非常适合标题、叙事区块和现代交互式布局。
文字洗牌
字符级文字动画,将字母打乱到位,呈现充满活力的街机风格揭示——非常适合主视觉区域、标题和强调文案。
服务组件
用这款醒目的标签驱动组件展示你品牌的核心关注领域。为清晰度和冲击力而构建,结合强烈排版和精致布局,即刻传达信息。
无限瀑布流画廊
将你的图片集合转化为沉浸式、无尽的视觉瀑布流墙。
形状网格
响应式动画形状网格,动态响应鼠标移动。
极简预加载器
极简预加载动画。
渐进模糊揭示
Progressive Blur Reveal 组件是一款现代、高性能的 Framer 视觉效果,用分层渐进模糊和动画文字揭示创建优雅的悬停效果。
微光网格
微光像素网格,打造有品味的运动效果。作为主视觉背景、加载器或精致的悬停状态拖入使用。调整圆点大小、间距、圆度、噪点比例和速度以匹配你的风格!
鼓机音序器专业版
完全交互式的 16 步鼓机,原生构建于 Framer。录制节拍、随机模式、动画波形、音量旋钮、键盘触发和完整主题控制。
3D滚动轮播
交互式 3D 轮播,支持滚动或拖拽控制、可翻转卡片和可定制样式。
运动轨迹
Motion Trail Animations 效果的精确 Framer 复刻。
简约按钮
简洁、响应式的交互组件,以干净的运动和直观的行为提升你的 Framer 项目。易于编辑,快速使用。
飞行飞机
Flying Planes Animation 为你的布局添加流畅的分层飞机运动和微妙的视差效果。完全可定制的颜色、渐变和动画行为,让你创造从平静的环境运动到动态天空场景的任何效果,适用于叙事区块。
辐射光束特效
动画光束,3 种鼠标效果。多色渐变。可调旋转和光晕。
液态以太特效
流动液态背景,6 种鼠标效果。极光、涟漪、漩涡等。颜色可定制。
高级时间线
精致现代的基于滚动的组件,旨在提升你 Framer 项目中的叙事体验。随着用户滚动,一条流畅的白色矢量线动画展现。
火山背景
Volcano Background 是一款电影感动画 Canvas 背景,带有熔岩、流星和余烬——非常适合戏剧性的主视觉、404 页面和全页区块。
浮动线条特效
动画发光波浪线,带有鼠标交互。3 层。自定义颜色和位置。非常适合主视觉背景。
图片悬停效果
高品质 WebGL 悬停扭曲图片组件,9 种故障/波浪效果、缩放、RGB 分离、适配模式和滚动动画。完全可定制,无需编码。
链接预览器
LinkPreviewer 将方括号格式的文字转化为交互式链接,带有实时悬停预览。颜色、字体、阴影和弹窗大小完全可定制,打造更丰富的阅读体验。
SVG图片填充
将任何 SVG 形状转化为令人惊艳的图片填充设计。上传自定义 SVG 路径并用你的图片填充,打造独特、创意的布局。
固定打字机
文字动画,带有可选的固定初始部分,打字机风格。分别定制固定和循环部分。更改光标、样式和动画速度。
水滴加载器
流体动画水滴风格加载器,带有弹跳的同心圆。颜色、速度和样式完全可定制——非常适合现代、未来感和创意 UI 加载状态。
3D网格轨迹
发光的 3D 立方体网格,带有穿越空间的动画光迹。完全可定制、可拖拽,非常适合科技主视觉区域和未来感交互视觉。
擦除图片滑块
该组件展示无限数量的图片,并以简洁的方向擦除动画结合微妙的持续缩放效果在图片间过渡。
进度条专业版
用 4 种可定制样式追踪进度:极简、渐变、圆角和分段。控制 11 种属性,包括颜色、高度、动画和百分比显示。非常适合各种场景。
3D图片转轮
用 Three.js 创建的 3D 图片轮展示你的作品集。可选两种类型——滚动或动画。
切片滚动
通过垂直切片图片创建令人惊艳的视差效果。每个切片以不同速度滚动,营造动态景深。
玻璃音乐播放器
现代玻璃风格音频播放器,带有专辑封面、元数据和播放控制。易于定制,适用于任何 Framer 项目。
玻璃拟态Logo
Glassmorphic Icon Slider 是一款动态、视觉丰富的组件,旨在提升现代网站界面。
圆形透镜轮播
CircLens Carousel 是一款 360° 旋转环形图片画廊,带有悬停缩放、光晕效果和弹窗视图——非常适合作品集、产品亮点、团队展示和落地页。
视频文字遮罩
该组件创建令人惊艳的视频效果,视频内容在文字字符内播放,形成遮罩视频文字效果。
路径区域跟随
该组件沿你提供的任何 SVG 路径动画一个彩色区段。动画区段沿你的自定义路径从起点移动到终点。
脉冲按钮
吸引注意力的脉冲 CTA 按钮,带有涟漪、缩放和阴影变体。拖入即用,自定义颜色、圆角、光晕和强度,突出你的主要操作。
社交连接
精致的交互式社交按钮,悬停时展开揭示多个社交图标。完全可定制,支持为每个 Logo 添加你自己的社交链接。
悬停预览滚动条
无限滚动滚动条,悬停时揭示项目图片。非常适合作品集、代理商网站和创意展示。流畅动画,完全可定制。
可变字体动画
动画可变字体——Framer 动态字重和字宽变形文字。
加载旋转器
动画加载旋转器 · 三扇区旋转 + 脉冲文字。
着色器3D背景
Framer WebGL 着色器背景——动态全屏 GLSL 动画组件。
3D视频画廊
创建高冲击力的 3D 画廊,动画视频流朝观众飞来。
无限视频
流畅的肖像画廊,带有可拖拽播放头、循环环绕和动画堆叠。
现代音乐播放器
精致、现代、完全响应式的音频播放器。具备直观控制、流畅动画和简洁设计,非常适合创意网站、作品集和落地页。
文件夹揭示专业版
时尚的交互式文件夹风格图片揭示组件,展示从文件夹中涌出的多张照片。
像素爆破
点击触发的像素爆裂动画,支持可定制形状。用圆形、方形、菱形、三角形、星形和十字形创建令人惊艳的交互式粒子效果。
霓虹灯管
为你的设计添加鲜艳的霓虹灯管——完全可定制、发光,让你的界面脱颖而出。
退出弹窗
Slot Content——将你的弹窗设计为独立框架,然后连接它。这让你完全掌控布局和样式。
手机相册查看
iPhone 风格照片展示,带有滑动和点击导航、涟漪交互效果、自动播放幻灯片、设备定制和阴影深度。非常适合应用预览和产品演示。
主网格
一体化布局叠加层,为你的 Framer 设计添加列、基线间距、黄金比例线和安全区域参考线。
全息按钮
全息玻璃按钮,带有极光、铬、霓虹、玻璃和光晕样式、色调控制、幽灵模式、自定义字体和流畅的 3D 运动效果,适用于现代暗色 UI 布局。
吐司标签页
灵敏的标签页组件,用于展示迷你推荐语和内容。基于 Framer Workshop 构建。灵敏且完全可定制。
表单数学验证码
TurnstileMathCaptcha 提供时尚、可定制的机器人防护。提升转化率、增强安全性,并通过可调颜色、字体和难度级别匹配你的品牌。
粒子场
交互式粒子场组件,带有鼠标/触摸重力、彩虹或单色模式和超流畅性能。非常适合主视觉区域、落地页和作品集。
智能弹窗
ModalTrigger 组件允许你基于三种特定且可配置的用户行为显示自定义弹窗:鼠标离开、滚动百分比和时间延迟。
粘性3D球体
Viscous 3D Orb 是一款基于 Three.js 构建的交互式 3D 液态形状,专为高品质主视觉区域和仪表盘设计。
视差循环画廊
沉浸式 3D 视差画廊,带有无限滚动、景深层、光晕效果和精美弹窗查看器。非常适合作品集、情绪板和视觉叙事。
3D涟漪效果
交互式 3D 波浪点阵网格,基于 Three.js 构建。鼠标响应的波浪动画,支持可定制颜色、强度和网格密度,打造令人惊艳的视觉效果。
Rotating Cards 是一款 3D 滚动和拖拽响应式轮播,每张卡片倾斜、旋转并在景深中动画,为主视觉区域和画廊创造沉浸式视觉效果。
雷达脉冲
用这款精美且易于调整的 ping 组件高亮你的内容。
简易文字转语音
全面的音频组件,带有自动语言检测、播放控制和动画语音指示器,打造无障碍的网页体验。
内联复制提示
Inline Copy Toast 是一款轻量、高度可定制的复制到剪贴板按钮,无缝融入你的文字或 UI 布局。
遮罩主题切换
设计你完美的主题切换,让这款组件处理魔法。58 种令人惊艳的过渡、即时切换——将任何设计变成主题切换器。
全屏切换界面
为任何 Framer 网站添加一键全屏切换。该组件让用户直接从你的 UI 进入和退出原生浏览器全屏,无需依赖键盘快捷键。轻量、可定制,非常适合作品集、摄影和演示。
玻璃底座栏
精致、可定制的玻璃风格 Dock,带有自适应图标和悬停标签。
微光线条按钮
用 Shimmer Button 提升你的 UI——一款迷人的动画按钮,以微妙的流动渐变微光效果吸引注意力,非常适合现代界面中的行动号召。
赛博网格
Cyber Grid 是一款可定制的 3D 动画网格背景,带有多种图案样式、运动控制、渐变淡出和交互式单元格。非常适合科技主视觉区域和现代 UI。
跟随眼睛
极简眼球追踪组件,带有眨眼效果。FollowEyes 让你使用一只或两只眼睛平滑跟随光标,为任何设计增添趣味运动。
表单防垃圾复选框
精致、可定制的 Framer 复选框验证码。具备可调大小、明/暗/自动模式、即时颜色控制和无缝 Turnstile 验证。轻松阻止机器人。
彩虹轮播
无限滚动轮播,带有彩虹拱形。调整大小、速度和曲线以适配你的设计。
电影感滚动
创建电影感全屏滚动区块,带有流畅过渡和视频背景。
渐变形状网格
动画锥形渐变形状网格——完全可定制的 Framer 组件。
视频画廊网格
响应式视频画廊,带有可点击缩略图,在全屏灯箱中打开,支持上一个和下一个控制。
星云球体
交互式、基于物理的 3D 粒子球体生成器。自定义颜色、扭曲效果并下载独立代码。
六边形等距网格
Hexagon Isometric Grid 是一款可定制的 Framer 3D 六边形网格动画,具备涟漪和波浪效果、可拖拽旋转、动态高度和流畅的交互运动。
图片擦除揭示
为 Framer 中的任意图片添加令人满足的擦除揭示效果。上传一张图片,让访客拖拽或悬停来揭开下方的内容。
Curved 3D Scrollable Media Gallery 将图片和视频转化为动态的、景深驱动的体验。媒体沿平滑弧线流动,响应滚动、拖拽和悬停,带有自然的 3D 运动,感觉电影感十足且精致。
图片拖尾专业版
ImageTrail Pro 是一款高级光标交互组件,创建跟随用户移动的流畅图片拖尾。为现代 Framer 项目设计,融合运动、景深和微妙的磁性,将简单的光标移动变成富有表现力的视觉效果。
现代推荐语
简洁现代的推荐语组件,带有自动滑动、手动导航和分屏视觉布局——非常适合展示真实故事和社会证明。
采样器
技术像素化效果,支持滚动和变体动画。
折扣横幅
精致的动画顶部横幅,展示限时折扣和促销码。自动关闭、复制到剪贴板按钮、倒计时就绪且完全可定制。
渐变按钮
易于定制的 Framer 渐变边框按钮,支持创建文字、图标和纯图标按钮,多种圆角样式。即用于你的设计。
底部导航
粘性底部导航概念,帮助鼓励网站用户比以往更快地浏览不同页面。
旋转卡组3D
即插即用的 Framer 3D 轮播组件,以带有景深、倾斜和流畅过渡的动画卡片展示图片。易于定制、响应式,非常适合各种项目。
重力星星
Gravity Stars 是一款交互式动画星场背景组件,带有鼠标驱动的重力效果和粒子拖尾。
液态图片过渡
以流体、故障或波浪般的扭曲效果将一张图片揭示为另一张——非常适合基于悬停的交互。
滚动幻灯片
创建动态的滚动触发画廊,带有交互式导航、响应式布局和灵活的内容样式。
3D翻转链接
现代 3D 悬停 CTA,翻转揭示镜像背面。
排版时钟专业版
精美的编辑风格日期时间时钟,带有丰富的排版控制、灵活格式、分隔符和星期选项。高度可配置,适用于创意布局。
视差遮罩文字
文字带有动态图片或渐变填充,以流畅的视差运动跟随光标。支持自定义字体、颜色和弹簧动画。
预加载主视觉
预加载动画揭示,以流畅动态的图片揭示、动画文字和可定制的叠加阴影引入你的页面——非常适合提升第一印象。
酷炫按钮
酷炫的分层 3D 按钮组件,带有动画按压深度。
文字滚动动画
Text Scroll Animate 是一款 Framer 组件,以优雅的颜色、淡入上移和模糊效果逐词为你的文字添加动画——无需自定义代码。
图片+照片滑块
高品质 Framer 图片对比滑块,支持水平和垂直布局、拖拽或悬停交互,以及开箱即用的精美默认设置。
现代动画 CTA 按钮,具备流畅的脉冲箭头效果,提升互动并引导用户轻松浏览你的网站。
图片缩放弹出
交互式图片缩放组件,悬停时揭示放大的弹出窗口。运动、缩放级别、边框样式和阴影控制完全可定制。
像素化悬停拖尾
像素化拖尾悬停效果,适用于图片/视频。创建跟随光标的动画像素化效果,支持可定制的缓动、大小和持续时间。
滑动分析卡片专业版
完全动画化、可定制的 Framer 分析卡片。非常适合展示 KPI、指标、转化率或性能数据,带有流畅运动和专业级 UI。
可用性徽章
以实时名额减少显示实时可用性,非常适合创造真实的紧迫感并提升转化率。
文字悬停效果
高品质光标响应 SVG 文字揭示,带有渐变遮罩和动画描边效果。
iPhone视频播放器
交互式 iPhone 视频播放器,带有流畅交叉淡入淡出、滑动/箭头导航、点击涟漪、反射和完整设备定制。非常适合应用演示和产品展示。
棱镜定价表
地理感知、完全响应式的定价网格,带有卡片和对比表、PPP 折扣、美国/欧盟/英国覆盖、分类分组、JSON/手动数据和 Framer 原生控制。
27种文字动画
几秒内为你的 Framer 项目添加滚动触发的主视觉文字。该组件包含 27 种手工制作的文字效果,带有完整的字体和颜色控制。
文字流动揭幕
逐词揭示你的文字随滚动展现,带有流畅淡入和完全可定制的时间、样式和动画控制。
reCAPTCHA v2验证
为 Framer 表单添加 Google reCAPTCHA v2。使用站点密钥简单设置,支持明暗模式,验证前阻止表单提交。
知识图谱
创建智能知识图谱,带有自动扩展布局——不再重叠!具备 10 多种高品质主题、完全响应式和零代码。非常适合 AI 和 SaaS 可视化。
多表单向导
几分钟内构建潜在客户生成和引导表单。预设驱动、新手友好的控制、自动保存、审核步骤和 Formspree 就绪。
优惠按钮
趣味十足的'Get Offer'胶囊按钮,带有浮动便签、轨道弧线和丰富的悬停/按压状态。文字、颜色、字体和自动缩放布局完全可定制。
签名工具
SignIt 为你的网站添加专业的数字签名板,即刻提升作品集、发票、引导流程和客户交接的信任感和精致度。
预约表单专业版
灵活的 Framer 多步骤预约表单,带有日历、时间选择、客人数量、营业时间、休息日和可选的邮箱、电话和备注字段。
拱形轮播
动态拱形运动轮播,带有无限循环、流畅拖拽惯性、悬停动画内容揭示和完整定制。非常适合高品质主视觉区域和创意展示。
WebGL粒子文字
WebGL 驱动的 Framer 粒子文字组件,响应鼠标移动交互。
数据表CSV+表格
连接 Google Sheets 或粘贴 CSV 数据创建动态表格。包含搜索、筛选、排序、分页和可定制状态徽章。非常适合仪表盘。
3D循环轮播
流畅的交互式 3D 循环轮播 Framer 组件,以景深、持续旋转和现代运动效果展示图片或内容,适用于任何网站。
交错按钮
流畅的交错悬停按钮,每个字母以滑动动画替换。文字、时间、缓动和样式完全响应式且可定制。
Cookie AI横幅
现代、完全可定制的 Cookie 同意横幅,带有全部接受/拒绝、详细偏好、分类开关、模糊效果、品牌控制和灵活定位。
性能卡片专业版
Performance Metrics Card 是一款高品质分析组件,以交互式轮播格式展示你最重要的 KPI、洞察和性能指标。
乐高按钮
厚实的 3D 乐高风格按钮,带有动画按压状态和令人满足的点击音效。自定义颜色、标签和凸点,打造趣味 CTA 和游戏化 UI。
边框按钮
Framed Button 是一款简洁、极简的悬停按钮,仅在用户悬停时揭示边框,吸引注意力而不杂乱你的设计。
世界网格3D画廊
WorldGrid 是一款交互式 Framer 3D 画廊,让你以拖拽、缩放和灯箱控制展示图片。
飞行按钮
令人愉悦的可定制按钮,点击时变成纸飞机飞走,带有烟雾拖尾。非常适合所有'发送'或'提交'操作。
YouTube信息流网格
在你的 Framer 网站上轻松展示最新 YouTube 视频。该组件自动用频道的新上传更新视频网格,无需手动更新。
火焰背景
CanvasFlame 使用实时粒子引擎渲染完全动画化的火焰、火花和光晕——为主视觉区域、沉浸式背景和运动密集型布局优化。
该组件是一个完全可定制的动画圆形,中心带有可编辑的两行文字、可调描边和填充的主圆形、能够产生动画光迹的效果。
定制每个细节:卡片角度、间距、内边距、倾斜、旋转、阴影、颜色、字体、断点、翻转行为、图片和按钮文字。完全响应式。
故障404页面
醒目的错误页面——完全可定制的故障风格 404 组件,为页面增添个性、动感和现代美学。
滑块专业版
SliderPro 是一款精致、现代的主视觉滑块,为你的 Framer 网站带来高品质的第一印象。
马赛克流
Mosaic Flow 是一款动态、自动动画的网格图片幻灯片,带有随机流动过渡、悬停缩放和全屏查看器。非常适合画廊、作品集和主视觉区域。
快门文字循环
响应式文字循环器,带有分段快门揭示。控制速度、停留、切片数量、交错、闪烁和对齐。随父元素高度缩放;无额外宽度。
麦克风
精致的动画麦克风按钮,具备流畅的循环动画和闪光阴影效果。完全可定制以匹配任何设计,非常适合 AI 工具、仪表盘和语音交互。
CMS驱动时间线
用这款响应式、CMS 驱动的路线图展示你项目的旅程。非常适合 SaaS、应用或 Web3,将你的时间线变成令人惊艳的视觉故事。易于更新。
Card Stack Rotator 是一款基于 Framer Motion 构建的动态推荐语和内容卡片轮播。
文字生成
流畅、电影感的逐词文字揭示动画,适用于叙事、主视觉区域和基于滚动的体验。
视差文字图片
用病毒式的文字在图片后面效果改造你的 Framer 网站,这种效果正在吸引各地的设计师。该组件创建令人惊艳的视差动画,文字在图片后滚动。
分形玻璃着色器
分形或棱纹玻璃,2026 年的新趋势——动态且生动,为你而来。终极基于物理的玻璃着色器。真实折射、体积阴影和交互式物理。
抽屉套件360
为任何 Framer 项目添加抽屉和滑入面板的最简单方式。
CMS胶囊筛选器
该组件创建动态筛选标签,让访客实时缩小你的 CMS 集合内容范围。
简易饼图
简洁、可定制的 Framer 饼图组件。快速编辑标签、数值和颜色,零编码创建精美的数据可视化。
鼠标轨迹方块
流畅、可定制的鼠标拖尾效果,带有动画方块、动态跟随运动和灵活样式,适用于任何交互式布局。
旋转 3D 展示台,以流畅的环形运动展示项目,带有景深、透视和可定制速度——非常适合产品亮点和主视觉区域。
高品质 Framer 3D 模型查看器。上传 GLB/GLTF 模型,选择摄像机预设,启用交互或动画,创建精致、响应式的 3D 体验。
发光开关
用一款泄漏发光、动画渐变光晕的开关提升你的 UI,运动完全如你所愿——每个细节、颜色和效果都由你轻松掌控。
社交悬停
带有悬停效果的社交媒体图标。
无限图片滚动
创建令人着迷的无限嵌套图片序列。滚动缩放深入,每张图片揭示下一张,形成催眠般的动画。为单个区块或整个页面添加效果。
带记忆复选框
持久化复选框,重新加载后记住其状态——非常适合在项目中任何位置追踪进度。
流体条形导航
寻找简洁却交互性强且独特的导航?这款组件帮你实现。
WhatsApp聊天
用 Chat on WhatsApp 组件即时吸引访客。提供实时支持、回答咨询并提升客户互动,移动端友好、完全可定制的聊天体验。
世界地图
可定制的世界地图,带有动画连线和圆点。
隧道效果
Tunnel Effect 是一款用 ThreeJS/WebGL 制作的交互式、令人着迷的效果。
跳跃字母效果
该组件让你文字中的每个字母在悬停时跳起。
弧形3D滚动条
该组件创建持续的 3D 滚动条,你的项目沿 3D 空间中的环形路径旋转。
渐变文字揭示
基于滚动的文字动画,以流畅的颜色过渡揭示每个词语,呈现简洁的渐变风格效果,打造视觉吸引力十足的文字高亮。
动态便当布局
灵活的 Bento 风格网格,让你将图片和视频混合成简洁、现代的布局。可以保持统一或用更大的单元格突出关键项目,添加微妙的悬停运动,并在聚焦弹窗中打开媒体深入探索。
3D卡片动画
3D HoverStack Card Animation 以流畅的分层 3D 卡片揭示为你的布局增添纵深和动感。
轨道星星按钮
将你的按钮变成魔法体验!环绕星星带有粒子拖尾、发光效果和流畅悬停动画。
图片预加载
简洁、极简、响应式的全屏图片查看器组件,专为产品页面、画廊和作品集设计。
3D 旋转立方体图片展示,支持自动旋转和拖拽控制。为六个面添加图片展示项目或产品。非常适合主视觉区域、作品集和创意网站。
团队简介卡片
Team Bio Card 让你以简洁动画和社交展示呈现团队成员详情。将网站标配变成引人入胜的交互式简介预览。
可定制的新粗野主义按钮,带有悬停和点击状态。
PDF密码解锁
在代码输入后限制 PDF 下载,带有完全可定制的解锁和下载流程。
地平线3D轮播
3D 旋转媒体轮播,支持视频和图片,带有流畅运动、景深和完整样式控制。非常适合作品集、产品展示、主视觉区域和现代画廊。
视差网格运动
Parallax Grid Motion 添加动态 4×7 视差网格,随光标/触摸移动。非常适合主视觉区域、画廊和交互式展示——在 Framer 中完全可定制。
ASCII图片
从任意图片创建复古风格 ASCII 艺术效果。非常适合主视觉区域、背景或脱颖而出的独特视觉效果。
散落画廊
交互式散落画廊,卡片感觉松散且趣味十足。访客可以自由拖拽、洗牌和叠放文字或图片卡片,创造拼贴风格的布局,为作品集、情绪板、营销活动和大胆的落地区块增添动感、纵深和个性。
高级标签区域
Premium Tab 是你构建复杂、信息丰富区块的一站式解决方案——从流程和服务到功能、优势、案例研究等。你会感谢我的 :)
3D量子轮播
电影感 3D 环面漩涡,图片螺旋、发光并以物理驱动的运动流动,创造沉浸式的未来感展示——非常适合主视觉区域和专业作品集。
浮动帮助按钮
浮动聊天小部件,展开为简洁的联系表单,让用户无需离开页面即可快速发送消息。
服务悬停揭示
该组件不会用大量信息压倒访客,而是在用户悬停服务项目时揭示丰富的视觉预览和简短描述。
YouTube视频网格
只需添加频道 ID 即可展示你最新的 YouTube 视频。完全可定制的视频网格,带有悬停效果、订阅按钮和沉浸式自动播放剧场弹窗。
高级推荐语
将客户故事变成奢华体验——像素级精准、动画化,专为定制项目打造。不再有无聊的推荐语 :)
线性拖尾
交互式光标跟随效果,在用户移动鼠标或在移动端滑动时创建线性图片的动态拖尾。
动画圆形文字
环形文字组件,支持可选旋转和中心 Logo。完全掌控字体、字符间距和动画。非常适合徽章、印章和装饰性文字。
智能问候
动态问候组件,根据一天中的时间自动变化。使用用户本地设备时间确定合适的问候语。
粒子球体
高性能交互式 3D 粒子球体,带有光标驱动的扩散、流畅旋转和可定制的运动拖尾。基于 WebGL 优化的 Canvas 渲染构建。
无限漂移墙
无限可拖拽的图片和视频墙,带有惯性、视差、涟漪效果和弹簧交互。完全可定制,适用于动态画廊、主视觉区域和展示页。
分形玻璃
将图片和视频变成电影感 3D 玻璃。具备体积遮罩、移动端陀螺仪、视差景深和 60FPS 性能。终极扭曲引擎。
个人资料流体揭示
流畅的液态悬停交互,用户悬停图片时揭示标签。通过变量完全定制颜色、文字和图像。
画廊随机器
完全可定制的图片网格,支持随机排序、可调间距、悬停缩放、淡入加载、空图片支持和每张图片的链接。非常适合产品展示和作品集。
博客卡片
这款卡片比典型的博客设计卡片更进一步——更具交互性、完全响应式,可直接用于你的 CMS。
拍立得图片风铃
简洁、极简的 3 张拍立得图片,灵感来自风铃。拍立得通过简单的垂直连接器悬挂在水平线上。完全可定制且可交互。
打字流
动画打字机效果,按顺序输入和删除短语。具备可定制速度、闪烁光标、循环控制和完整的无障碍支持。
微光文字
ShimmerText——Framer 渐变动画微光文字组件。
粒子扩散器
该组件让你为任何 SVG 图标或图形创建粒子扩散风格的粒子动画。你只需在代码中输入 SVG 路径。
环境背景
为你的网站添加流畅、现代的环境光晕。这款背景以漂移的液滴、玻璃模糊效果和柔和色调让运动驱动的渐变栩栩如生。
图片揭示效果
令人惊艳的 Framer SVG 滤镜动画组件,在滚动时以位移效果揭示图片。
神经网络背景
完全可定制的 Framer 动画神经网络背景组件,带有交互式节点、动态连接、脉冲动画和鼠标交互效果。
多汇率
高品质 Framer 实时多币种转换组件,具备直观、视觉精致的界面,非常适合电商、金融仪表盘等。
波流图片着色器
为图片添加动态、流体的波浪边框!自定义粗细、强度和速度,打造现代动画外观。轻松提升 UI 互动性。
光标跟随者
流畅、可定制的光标跟随器,用高品质运动驱动的圆点替代原生光标,支持可调速度、延迟、大小和悬停交互。
指标流程图
专业销售图表,适合任何数据展示需求。流畅的 Catmull-Rom 曲线、周期切换、导出为 PNG/JPG/CSV/JSON。完全可定制。
文字交换动画
Text Swap Animation 通过在词语数组中循环并以流畅过渡实现文字动画。打乱效果每次显示一个完整词语并过渡切换。
长阴影文字
交互式长阴影文字,支持图片或颜色填充、光标响应景深、可调描边和光晕,以及完整的 Framer 控制,打造大胆、富有表现力的排版。
文件夹堆叠
在交互式文件夹堆叠中展示项目和视觉内容。悬停时以流畅动画和可选 3D 景深揭示图片预览——非常适合作品集和展示页。
背景图案
21 种以上可定制 SVG 背景图案,带有颜色、大小、透明度和渐隐效果的实时控制。十字、网格、圆点、对角线、六边形、波浪等。简单易用,即刻可用。
时间表日历
亲爱的 Framer 设计师,如果你想在网站上以简洁、美观、交互式的方式展示活动、课程、通话或工作坊,这款组件就是为你准备的。
水平文字流
水平滚动文字揭示组件,支持逐词动画、可定制字体、间距、颜色、缓动和可选的向上滚动反转,在 Framer 中完全可控。
WebGL着色器001
Framer WebGL 着色器集,包含流场映射和色差效果。每种效果可单独使用或组合,支持可定制属性。
趣味复选框
Funky Checkboxes 是一款无代码动画复选框 Framer 组件,带有趣味效果、完整样式控制和内置 Framer Forms 支持。
发光文字效果
Luminous Text Effect 是一款简洁、现代的文字高亮组件,为标题、主视觉介绍和区块标题添加柔和的发光强调。
统一数据堆栈
用这款交互式 3D 等距堆叠可视化复杂基础设施。具备滚动同步动画、移动端自动缩放和完全可定制的层级,适用于 SaaS。
光标像素拖尾
创建动态、交互式的像素拖尾,响应光标移动,以发光效果增强用户互动。
液态遮罩
一种酷炫的方式,为你的视觉内容添加沉浸式分层液态悬停效果。
液态图表专业版
完全可定制的液态填充图表,专为 Framer 网站打造。非常适合以流畅的波浪动画展示数值。
面板
Framer 组件,带有垂直切片面板,点击时每个面板填满屏幕,再次点击时收起。在 Framer 中完全可定制。
透视轮播
高品质 3D 轮播,带有流畅景深、拖拽和滚轮导航、悬停光晕、缩放效果和完整的 Framer 图片视频控制。
滚动揭示文字专业版
高品质 Framer 文字动画组件,滚动时按字符或词语揭示文字,完整支持 RTL、高级字体控制、缓动预设,为文字优化。
乱序洗牌文字
动画文字组件,以交错时间打乱字符,支持滚动/悬停触发、可选颜色过渡、循环和完整字体控制。
从网站 URL 自动生成功能性面包屑导航。完全可定制、易于使用且快速。
公司地点
我构建了这款公司位置组件,让展示全球办公地点变得轻松且精致——无需依赖 Google Maps、外部 API 或自定义代码。
高品质轮播组件,带有优雅的卡片堆叠效果。卡片向左滑动并以可定制的可见偏移量堆叠。
自由形式画廊
无限可拖拽图片画廊,带有动态网格布局、可展开详情视图、惯性滚动和可定制的桌面/移动端模式及 3D 动画。
渐变圆圈
动画渐变圆形,将任何主视觉区域转化为高品质、吸睛的体验。这个光球微妙地变形和移动,带有令人着迷的颜色过渡。
CMS视频图片轮播
终极轮播:6 种样式、灯箱、视频/图片/组件、集合列表和静态项目。可定制箭头、圆点、悬停效果、动画。你唯一需要的轮播!
Logo加载器
用可定制的 3D SVG 加载器为你的网站构建期待感,具备流体填充、光晕效果、气泡和动态运动。非常适合高品质品牌化开场。
自适应光标
流畅、现代的光标,三种独特模式:圆点、文字和拖尾。完全可定制,即放即用。
WebGL纸张卷动
WebGL 驱动的 Framer 纸卷效果,在滚动(图层进入视图)或悬停时创建逼真的卷曲动画。
抖动着色器
高性能交互式 Framer 抖动效果组件。
分享叠加专业版
美观、可定制的社交分享菜单,带有提示框、光晕效果、圆角控制和 SVG 图标支持。轻量、响应式,非常适合任何 Framer 网站。
3D瀑布流画廊
Masonry 3D Gallery 是一款视觉丰富的图片画廊,结合无限瀑布流滚动和沉浸式 3D 透视。具备流畅的惯性运动、多种视图模式、悬停景深效果和灵活的布局定制。
视频搜索
精致的毛玻璃风格 YouTube 搜索小部件,带有实时 API 结果、智能状态和一键打开视频——通过 Framer 控制完全可定制。
声音可视化器
音频可视化组件,实时响应声音和音频。条形根据声音强度反应,创造逼真的效果。
弧形地球
Arc Globe 是一款环形组件,带有中央地球仪和弧形环绕文字,非常适合现代界面中的 Logo、徽章和装饰元素。
复制弹窗
完全可定制的复制按钮,带有动画弹出消息。使用该组件提升任何 Framer 项目的清晰度、可用性和微交互。
浏览器检测
简洁的组件,检测用户的浏览器。用于可视化高亮浏览器或根据浏览器显示自定义内容。完全可定制!
颗粒网格渐变
用流体渐变搭配噪点/胶片颗粒纹理增添美学触感。轻量、响应式,为你的网站增添现代视觉纵深。
远见视频主视觉
Visionary Video Hero Slider 以沉浸式、基于标签的主视觉滑块为你的 Framer 网站带来电影感叙事。
循环滑动画廊
无限滚动水平画廊,支持拖拽和滚轮。调整大小、间距和边缘效果以适配你的设计。
曲线文字SVG
将普通文字转化为迷人的弧形排版。Curved Text SVG 组件。
交互式主视觉气泡
InteractiveHero Blob 是一款动画背景组件,液滴响应鼠标移动,非常适合交互式落地页和视觉丰富的网页应用。
交互式热点
Interactive_Product_Showcase v2:Framer 产品展示组件。在背景图上添加热点,自定义图标/颜色/大小,显示提示框(标题/描述),支持可选图片或视频加 CTA。响应式;视频自动播放/循环加载。
3D圆柱卡片
3D 旋转圆柱轮播,以流畅运动、可定制样式和吸睛的环形布局展示推荐语或图片——非常适合现代视觉展示。
卡片轮播
卡片轮播是一款 3D 循环卡片堆叠动画,展示多张内容卡片——每张展示产品、故事或音乐——以流畅的分层方式持续循环。
智能FAQ专业版
将静态 FAQ 转化为可搜索的交互式体验。SmartFAQ Pro 添加实时搜索、分类筛选和反应追踪,帮助用户更快找到答案,同时为你提供最有帮助内容的洞察。
目录
可折叠目录让长页面导航变得简单。它自动从标题构建目录,让你控制外观、链接和可折叠区块。
滚动3D网格
令人惊艳的 3D 网格组件,带有滚动触发动画。具备多种动画样式和透视变换。
真实表单切换
Framer 没有自带表单开关——所以我做了一个。完全功能化、即插即用,无缝集成到 Framer Forms 中提升用户体验。
热门币种排行
简洁的 Framer 组件,使用实时 CoinGecko 数据展示前 3 名热门加密货币。自动显示价格、百分比变化和币种 Logo。
简易时间线
简洁的可编辑时间线,适用于会议或路线图。
多步骤路径
简洁的动画路径,引导用户通过多个步骤,带有流畅的加载效果。完全可定制,让任何流程感觉简单直观。
滑动图片轮播
滑动图片轮播,带有动画星形边框。
数字计数器
这款动画数字计数器组件以精致、现代的美学为你的指标注入活力。为清晰度和冲击力而设计,计数器从零平滑动画到你设定的数值。
滚动曲线文字
ScrollCurve Text 是一款动画弧形文字组件,随用户滚动沿自定义弧线平滑移动。非常适合主视觉区域、编辑布局和落地页。
文字扭曲
将你的文字转化为迷人的动画标题 Framer 组件。从波浪、扭曲或涟漪效果中选择,完全可定制、光标效果和无障碍。
签名绘制板
可定制的组件,用于绘制和提交数字签名,非常适合认证、协议和其他签名表单,易于集成到任何 UI。
列表悬停动画
为你的项目列表注入活力——悬停每个项目时显示跟随光标的图片或视频预览。
社交链接栏
社交媒体图标栏,直接链接到个人资料。应用可开关,Logo 颜色可定制,链接从简单用户名生成而非完整 URL。
视频锁
视频锁定组件,让你创建 PIN 或密钥锁定视频,在用户输入正确代码前限制访问。
CMS终极无限
无限瀑布流网格,支持 CMS 集合列表、画廊、图片、视频和组件。拖拽导航、灯箱、悬停效果和完整定制。超级流畅!
将任意图片转化为数千个交互式粒子,创造令人惊艳的视觉体验。每个像素变成响应鼠标移动的浮动光点。
React粒子
高性能交互式背景,粒子响应用户输入。具备双重物理:悬停时粒子排斥清出空间,吸引时如同黑洞。
动态侧边栏
高品质导航侧边栏,具备逼真的毛玻璃美学和流畅的手风琴逻辑。
AI渐变边框
动画、完全可定制的 Framer 渐变边框。灵感来自 Apple。
文字路径跟随
Whisprflow 灵感组件,通过组合两个 TextPath 组件和中间的翻译图标,创建视觉翻译隐喻。
翻转滚动滚动条
该组件创建可拖拽的水平滚动,项目在屏幕上移动时翻转 180 度。
更智能悬停效果
专为现代 Framer 网站设计。Smarter Hover Effect 从光标进入的精确位置展开,从离开处收起,创造流体、自然的感觉。
粗野主义半色调
粗野主义半色调滤镜——原始、不妥协、未平滑。
复古矩阵时钟
可定制的黑客复古点阵数字时钟。具备 LED 风格点阵数字、颜色控制和可选光晕效果——非常适合你的下一个项目。
故障霓虹按钮
将点击变成冲击力——Glitch Neon Button,灵感来自赛博朋克,为代理商和创作者提供精致的动画行动号召按钮,散发未来感能量。
语法高亮
Framer 代码块。15 种主题(Cursor、GitHub、Dracula、Nord、VS Code……)、20 多种语言、带动画的复制按钮。自动明暗模式、行号、字体大小、圆角。
深空背景
轻量级、代码生成的太空背景,具备闪烁星星、星云尘埃和电影感暗角。
闪烁文字专业版
轻量级闪烁文字组件,悬停时动画,为标题或标签添加微妙的故障风格效果,打造更具交互性和吸引力的体验。
播放音频
Playdio 是一款多功能的点击播放音频卡片,适用于音乐、播客和推荐语。简洁设计、即时播放,在 Framer 中完全可定制。
发光按钮
我提供一款我认为既美观又易用的按钮。具备闪电效果,你可以自定义按钮颜色、文字颜色、图标及其样式。
揭示促销码
交互式礼物盒组件,点击时揭示促销码。
展开图片按钮
用强大的悬停图片揭示可视化你的链接目标。简单却令人满足的交互,增添清晰度和愉悦感。完全可定制。
色彩流动
用 ChromaFlux 改造你的 Framer 项目——令人着迷的扭曲环面着色器,响应鼠标移动,带有流畅的流体动画。非常适合主视觉区域和加载页面。
下划线文字
灵活的下划线文字组件,让你为所有文字添加下划线或用自定义样式、颜色和粗细高亮选定词语,在 Framer 中完全控制。
多步骤表单专业版
Multi-Step Form Pro 让你构建多步骤表单,支持灵活字段、样式和动画。通过 webhook 或表单数据发送提交,带有成功页面。
发光行动按钮,带有柔和的霓虹光环和流畅交互。非常适合落地页、主视觉区域、作品集和暗色主题网站。
圆形光标
流畅、高品质的 Framer 自定义光标,带有悬停展开、反转混合模式和超流畅动画。
推荐语滑块
精致的交互式推荐语滑块 Framer 组件。具备动画引言揭示、作者头像、进度指示器、光标交互和字体颜色的完整定制。
按压效果按钮
通过为 CTA 添加触感按压效果,用户获得确认感、微妙的愉悦感和信任——自然地提升点击率和操作完成率。
分形玻璃效果
高品质棱纹玻璃效果,支持可定制图案。以列、行或网格布局为你的 Framer 设计添加令人惊艳的毛玻璃纵深。
魔法标题
在一个响应式标题中组合无限文字样式和动画。为追求简洁结构和富有表现力排版的设计师打造。
OK画廊精简版
简洁的马赛克画廊,支持无限图片和定制。
长按链接
交互式链接,长按左键直到倒计时完成后激活。自定义圆环、悬停、提示框、背景遮罩和时间以匹配你的设计。
灯箱专业版
上传无限视频和照片,设置自定义尺寸,并以响应式 Bento 网格和沉浸式灯箱查看器展示一切——简洁、灵活、现代。
苹果风格导航
体验流畅的 Apple Dock 导航。具备平滑放大、活跃圆点和玻璃提示框。你的 Framer 网站的终极 Apple Dock 导航。
邮箱验证专业版
可定制的工作邮箱验证器,实时验证企业邮箱地址并即时屏蔽个人域名。
命令面板
拖放到任何 Framer 网站,为用户提供快速导航、搜索和触发操作的方式。键盘优先、主题感知、零依赖。
密码强度
简洁的实时密码强度计,带有实时检查清单、彩色强度条和可选严格模式。非常适合注册和登录流程。🔐
工作流网络
构建交互式工作流程图,带有动画光束、悬停聚焦、触发式启动、移动圆点和完整布局控制——非常适合现代 SaaS 页面。
交互式星空背景
沉浸式交互背景,星星螺旋加速朝向你的光标,模拟黑洞引力。
超级玻璃社交
浮动个人资料侧边栏,具备超清玻璃效果和动态 Phosphor 图标。轻量、响应式,为你的社交导航增添未来感。
让它下雪
逼真的降雪效果,带有自然运动、风力摇摆、景深模糊和可选积雪。轻量级 Framer 组件,可定制雪花,打造流畅、沉浸的场景。
旋转文字导航栏
动态导航栏组件,悬停时带有旋转文字效果。用这款无代码、完全可定制的导航栏为你的网站增添现代、交互式的触感。
涟漪波纹按钮
触感点击按钮,带有从交互点扩展的流畅涟漪波。非常适合行动号召按钮。
反射卡片
ReflectiveCard 是一款高品质 ID 风格卡片组件,带有实时摄像头背景、金属/玻璃扭曲和可定制排版,专为 Framer 打造。
洗牌图片
Shuffle Image Component 是一款 Framer 图片网格组件,展示设定数量的图片,让用户通过按钮交互式地重新洗牌。
交互式 3D 点阵网格背景,响应鼠标移动,带有动态抬升效果和光晕。圆点在光标附近抬升并发光,带有流畅的弹簧动画。
滚动边缘线
创建带有唯一 ID 的垂直滚动区块,包裹在相对定位的父元素中,添加 Scroll Edge Line(粘性 top:0),连接起止 ID,调整跨度和样式,预览。
动画波浪文字
完全可定制的流畅文字动画组件,基于 Framer Motion 构建。
字母揭示
交互式文字组件,悬停单个字母时揭示图片。
平滑3D按钮
高品质 3D 按钮,带有流畅悬停动画、可定制颜色、字体和效果。具备飞溅动画、按压反馈和直接链接。非常适合 CTA。
文字滚动速度
Text Scroll Velocity 是一款带有视差效果的交互式 Framer 组件,创建响应滚动速度的无限滚动文字效果。
动态 3D 视频墙,带有鼠标控制旋转、无限垂直滚动、景深分层视差和电影感阴影。
点阵背景
该组件运行流畅,无视觉噪点,性能稳定。颜色、圆点大小、动画速度和间距可通过 Framer 右侧面板轻松调整。
注意标签脉冲
动画标签组件,微妙地淡入淡出以吸引对重要内容的注意——如新闻、活动和更新——而不会压倒布局。
飘雪效果
轻量级、电影感的 Framer 降雪效果。为主视觉区域、落地页和季节性设计添加柔和的环境雪花粒子——完全可定制。
密码页面锁
该组件让你创建 PIN 或密钥来锁定单个页面或 CMS 详情页,在用户输入正确代码前限制访问。
命令中心专业版
用 CMD+K 命令面板菜单增强导航。打开链接、平滑滚动到区块、复制文字,并用 6 种主题加完整自定义模式设置样式。快速且移动端友好。
Brevo注册
通过 Brevo 直接从 Framer 收集新闻通讯邮箱。输入列表 ID 和 API 密钥,自定义 UI,并以简洁、响应式的注册表单展示成功状态。
X轨道3D脉冲
响应式 3D XOrbit UI,带有流畅自动旋转、脉冲中心、磁性交互、自定义图标、轨道环上传、光晕效果和高级尺寸控制。✨
雨云动画
几秒内为主视觉区域添加动画雨和云。逼真的物理效果,带有风、水坑、闪电。滚动响应视差、光标分开效果和完整视觉控制。
方向感光标
Directional Cursor 用流畅的、设备感知的自定义光标替代默认指针,带有旋转、缩放和基于物理运动的跟随效果。易于集成。
流体上升按钮
带有从底部升起的填充动画按钮,创造简洁现代的交互效果。非常适合行动号召按钮、落地页和导航元素。
滚动主题触发器
Framer 基于滚动的明暗主题切换。兼容 Lenis,使用真实颜色样式和流畅过渡。非常适合作品集和叙事布局。
预算卡片
现代、可定制的 Framer 预算卡片。以交互式图表展示每周消费趋势,支持可选插图、明暗主题和流畅的悬停提示框。
液态鼠标揭示
交互式液态光标效果,揭示图片。
非常规手风琴
手风琴、下拉菜单和菜单的独特融合。非常适合以交互式、节省空间的布局展示链接和信息。易于使用,通过变量完全定制。
点击动画
用令人惊艳的动画提升每次点击。从 4 种高品质样式中选择(涟漪、闪光、光晕、磁性),完全可定制。立即开始点击!
3D电影感画廊
Cinematic Stack Gallery 是一款交互式 Framer 画廊,带有堆叠卡片、悬停视差、倾斜效果和全屏模态视图——非常适合作品集和案例研究。
奢华闪光按钮
Luxury Shine Button 是一款高品质 Framer 按钮,带有流畅的光泽动画和优雅的渐变边框,为任何界面增添精致、高端的感觉。
高级光标拖尾组件,沿鼠标路径放置任意元素。丰富且组织良好的属性集赋予完整的创意自由,打造独特体验!
变形粒子
交互式 3D 粒子球体,旋转、响应光标,并以发光的环境效果平滑变形为自定义文字。
立方体轮播
Framer 旋转 3D 立方体环,具备图片映射的立方体面、流畅运动、反射和对大小、数量、旋转的完整控制。
透视滑块
流畅的 3D 轮播,带有透视景深、拖拽和箭头导航,支持图片和视频,打造沉浸式现代布局。
简洁、现代的 3D 数字时钟组件,带有 LED 点阵样式。时区、格式和视觉样式完全可定制——非常适合仪表盘、主视觉区域和产品展示。
动画摇摆文字
交互式文字动画,每个字符在悬停时摇摆并变色。字体、颜色和效果完全可定制。非常适合吸睛的标题!
Cloudflare
使用 Cloudflare Turnstile 为任何 Framer 表单添加即时垃圾防护。
像素预加载器
高性能像素块预加载器,使用 Canvas 渲染器实现电影感的覆盖与揭示动画。图案、方向、噪点和运动安全行为完全可定制。
iPad视频轮播
iPad 风格多视频轮播 Framer 组件,支持自动播放、点击暂停、键盘导航、流畅过渡和完整设计控制。
7种噪点叠加
7 款优化的颗粒噪点背景,即用型。预配置 z-index 10 和 pointer-events none。包含明暗变体。
解码文字
电影感'黑客风格'文字揭示,字符从数字到符号解码,最终锁定你的信息。
交错像素
美学动画交错像素效果,为你的网站设计增添现代、动态的边缘感。
动画计数器专业版
高品质动画数字计数器,3 种动画样式、渐变文字、标签和智能格式化。非常适合数据统计区块。
散落推荐语
Scatter Testimonial 以可拖拽的散落卡片展示评价,带有星级评分、头像、悬停和拖拽效果,以及完整的视觉控制,打造交互式现代推荐语区块。
悬停弹跳卡片
Card Bounce on Hover 是一款智能悬停交互组件,沿单一主轴响应光标移动。为任何元素添加微妙的、基于物理的运动。
霓虹魔法CTA按钮
高品质 3D 霓虹按钮 Framer 组件,带有动画文字、完整字体控制、颜色主题和流畅的 3D 角度。
简洁视频播放器
抛弃默认浏览器控件。这是 Framer 的终极高品质视频播放器,以现代毛玻璃风格和流体交互设计。
紧急计时器
完全响应式数字倒计时器,支持 CMS、动画过渡、光晕效果、多种显示格式、本地化标签和自定义结束文字。
证明面板
以你的方式展示真实可信度。完全可定制的社会证明小部件,完整掌控布局、定位和样式。
亚克力3D轮播
高品质 3D 旋转轮播,带有亚克力玻璃效果、流畅动画和完全可定制的控制。非常适合主视觉区域和交互式画廊。
iPhone通知
逼真的 iPhone 通知组件,支持可定制的应用名称、消息、时间、Logo 上传和流畅的滑动揭示动画。
全球网络
动画世界地图,带有渐变连线、可定制节点和流畅运动——非常适合展示全球网络、数据流或基础设施。
纯玻璃渐变
简洁、扁平、极简的动画渐变背景,带有磨砂玻璃效果。无边框无阴影设计,赋予你的设计现代、宽敞的感觉。
免费多步骤表单
将长表单转化为简单的分步流程,保持用户专注和参与。
光标动画
用高品质光标拖尾改造你的网站。4 种精美样式——丝带、星座、彗星和气泡——颜色和效果完全可定制。立即为你的网站加分!
等距按钮
等距风格按钮,带有不同变体、颜色定制和在顶部添加图标或图片的选项。
表单防垃圾
用现代滑动验证码 + 可选 Cloudflare Turnstile 阻止表单垃圾信息。快速、无代码的 Framer 垃圾防护,流畅 UI 和完整定制。60 秒搞定。
hCaptcha验证
注重隐私的 hCaptcha 验证,适用于 Framer 表单。支持复选框和隐形模式,与表单无缝集成。无需编码——只需添加站点密钥并发布。
点阵场背景
动画点线背景,支持可选的光标排斥/吸引效果。响应式、轻量级 Canvas 2D,默认可点击穿透(全局追踪)。
Cloudflare验证码
Cloudflare Turnstile 验证码,适用于 Framer 表单。以可见/隐形模式防护机器人和垃圾信息,支持紧凑尺寸、多语言和完整无障碍。设置简单!
3D网格画廊
电影感 3D 滚动网格,以多种滚动驱动动画样式将图片带入视野。完全响应式、高度可定制,专为高品质视觉叙事打造。
敏感视频
Sensitive Video 安全地模糊和限制视频内容,带有警告和用户控制的揭示功能——非常适合新闻、教育、医疗、纪录片或受限视频区块。
拱形视频轮播
无限拱形视频轮播,带有流畅的自动旋转、拖拽和悬停叠加层。专为高品质运动布局设计,支持上传或 URL 视频。
圆形预加载器
旋转文字环。开启平滑幕帘退出模式用作预加载器,或作为装饰徽章放置在网站任何位置。
轨道时钟
未来感模拟时钟 Framer 组件,带有 3D 悬停倾斜、流畅秒针运动、明/暗/系统主题、点击切换模式和可选的日期时间揭示。
雪花效果
用 Snow Overlay 组件为你的 Framer 网站添加神奇的雪花效果。非常适合季节性营销、节日主题或任何冬季风格设计。
损坏液态效果
Corrupted Digital Liquid——故障驱动的粒子流系统。
浮动画廊
分层浮动媒体组件,带有 3D 景深、持续运动和悬停交互——专为以沉浸式布局展示图片和视频而设计。
交互式柱状图
灵活的分组柱状图 Framer 组件,支持可选对比模式(最多 3 个系列)、交互式高亮、提示框、动画开关和完整样式控制。
预加载动画
该组件是一款预加载动画,页面加载时在中心显示你的 Logo,然后平滑过渡到主视觉区域,留下强烈的品牌第一印象。
语言切换
简洁的动画语言切换 Framer 组件,在两个 SEO 友好的页面之间切换——非常适合多语言落地页和全球 SaaS 网站。
编辑引言
Editorial Quotes 是一款精致的杂志风格推荐语轮播,专为现代、设计导向的网站打造。
复制代码按钮
精致、响应式的 Framer 按钮,一键复制代码到剪贴板。具备动画进度、成功确认、明暗模式支持和可定制字体。
对比表格专业版
用简洁、移动端友好的 SaaS 对比表帮助用户快速选择合适的套餐。并排对比各套餐,清晰的勾选标记在任何设备上一目了然。
步骤列表
垂直编号步骤列表,带有连接线——完全可定制、响应式,非常适合流程、说明或顺序信息。
地球3D专业版
高品质 3D 地球仪,带有动画连接弧线。具备真实坐标、8 种主题、拖拽交互和高性能 WebGL 渲染。无需编码。
光栅网格
LumaGrid 是一款交互式 SVG 图片网格,实时响应光标移动。图片根据指针距离动态缩放,创造景深聚焦效果。
跟随光标
Follow Cursor 几秒内为你的网站添加交互式光标追踪元素。选择带有自然眨眼的跟随眼睛、浮动徽章或动画表情。
社交证明卡片
为你的 Framer 网站即刻添加社会证明——精致的卡片展示评分、评价和客户头像。拖放、定制、发布!
可滑动卡片堆叠
流畅、可滑动的卡片堆叠,带有 3D 倾斜效果。向任意方向拖拽卡片循环浏览内容。阴影、间距和动画完全可定制。
多地点地图
交互式地图,支持无限自定义标记、聚类、主题和弹窗。无需 API 密钥。使用 OpenStreetMap 和 Leaflet 轻松展示位置。
简易悬停揭示
极简悬停驱动区块,用户浏览标题时揭示对应图片。
眼球跟随按钮
交互式按钮,带有两只动画眼睛,瞳孔跟随光标移动,具备丰富的可定制眼睛属性,为现代界面增添趣味和吸引力。
瀑布流推荐语
灵活的瀑布流推荐语网格,完全掌控布局、对齐和内容来源,在每种设备上都呈现出色。
Webhook点赞按钮
动画爱心按钮,向你的 webhook 发送点赞事件,方便你在外部追踪互动数据。
粘性重叠
精致的粘性布局,带有重叠的全视口区块,在用户滚动时营造纵深感和节奏感。
CMS画廊滑块
CMS Gallery Slider——多功能画廊滑块,集成 CMS、缩略图导航和流畅动画。非常适合产品页面、作品集和图片展示。
YouTube短视频嵌入
轻松将 YouTube Shorts 添加到你的 Framer 项目,零麻烦。这款完全响应式组件保持完美的 9:16 竖屏视频比例,确保你的内容完美呈现。
动画弧形循环
动画弧形文字跑马灯,沿直线或曲线路径流畅循环,支持速度控制、拖拽交互和完整的排版定制。
更好的颗粒感
你的网站太干净了。用电影感胶片颗粒增添氛围。为发布而生,不会拖慢浏览器。
遮罩滚动滑块
滚动展示组件,通过有机遮罩揭示图片,同时平滑切换匹配的标题。大小、间距、标题和图片完全可定制。
标题文字视差
创建交互式标题,带有视差图片背景、流畅淡入动画、可定制阴影、描边和微妙光晕,打造震撼的页头效果。
交互式终端
动画控制台输出,带有进度条和交互模式。
动画复制到剪贴板效果,带有 Linear 风格的微交互。
Telegram聊天小部件
完全可定制的 Telegram 聊天小部件 Framer 组件,让访客即时给你发消息。非常适合企业和创作者提供快速支持并提升互动。
服务联系表单
精致、响应式的 Framer 联系表单,适用于服务型企业。捕获姓名、邮箱、项目详情和带国家代码的电话输入,提供流畅、高转化的体验。
CMS展示缩略图
展示组件,带有主框架和缩略图。可连接集合列表、画廊或静态项目。展示图片、视频或自定义组件。3 种样式、灯箱、悬停效果。
视差轮播
无限水平视差轮播 Framer 组件,带有流畅视差效果、可定制 CTA 样式和直观的拖拽滚动交互,在现代网站上展示视觉内容。
图片展示
高品质图片展示滑块,适用于任何集合:房产、产品、作品集、造型册、画廊等。
流动画廊
可拖拽水平媒体画廊,带有流畅视差、倾斜、光晕和无限运动——支持图片和视频的无缝交互。
动画角落按钮
Framer 动画边角按钮。悬停时以流畅动画揭示完整边框。自定义文字、字体、颜色、内边距、边框宽度和光标样式。
气泡文字边框
动画液滴图片框,带有围绕形状轨道运行的可定制文字。上传图片、调整焦点并个性化动画边框文字。
冬日雪景
添加温馨的冬日氛围——轻柔飘落的雪花摇曳并在底部渐隐,营造神奇的节日气氛。
天气效果
用基于物理的粒子系统创建令人惊艳的冬季雪景和秋叶动画。完全可定制,非常适合季节性设计和沉浸式主视觉区域。
为你的 Framer 网站带来经典、令人满足的真实书本感!用 Framer Motion 驱动的触感翻页动画展示你的精选内容或快速指南。
流体揭示
动画液态扭曲效果,以流畅的擦除方式揭示你的 Logo。上传 PNG/JPG 或粘贴 SVG。自定义强度、速度和时间。
品牌视频盒
可定制的视频播放器,匹配你的品牌颜色和风格。更改进度条和播放按钮的颜色,添加边框和阴影完成设计。
烟花秀
Three.js 3D 烟花动画。可定制的粒子爆炸、逼真物理、自动发射火箭、可选星场背景和可调重力/时间。
流畅的交互式 3D 翻转卡片 Framer 组件。非常适合展示功能、团队成员、产品或作品集项目,带有现代悬停效果。完全可定制。
点阵表单
将任意图片变成美丽的交互式粒子艺术。这款光标驱动的 Framer 组件将图片转化为动态粒子效果,具备多种视觉变体。
电路网格
零延迟的 HTML5 Canvas 背景引擎,适用于技术界面。为工程、AI 和 SaaS 作品集模拟结构化数据流。
液态网格特效
将静态视觉转化为鲜活的体验。LiquidGridFX 为高端、获奖级 Framer 项目提供流体的、基于物理的扭曲和电影感 RGB 效果。
离开前弹窗
大多数访客未转化就离开了。该组件检测离开的瞬间,触发阻止流失的信息。
描边文字效果
描边排版,带有干净的透明填充和固定偏移阴影,营造强烈的纵深感和视觉分离。非常适合主视觉标题或品牌区块。
渐变描边文字
该组件以流畅的渐变描边展示文字,同时保持文字填充干净实心,打造精致且吸睛的排版风格。
动画时间线
几分钟内创建自定义滚动驱动时间线。进度线随用户滚动填充;节点以流畅动画发光。非常适合产品路线图、项目阶段和版本说明。
银行卡生成器
将你的产品变成客户能即刻感受到的东西:一款逼真的、交互式的 Visa 风格卡片个性化工具,专为发卡机构、金融科技和卡片项目打造。
悬停图片缩放
Hoover Image Zoom 是一款无代码 Framer 图片缩放组件,添加流畅的悬停或按压缩放交互,完全掌控缩放比例、圆角和样式。
滚动变形区域
基于滚动速度的 SVG 变形效果,用于区块过渡,提供流畅且微妙的交互。
倒计时专业版
完全可定制的实时倒计时器,适用于发布页面、促销和活动——具备多种显示样式、动画控制和品牌选项,专为 Framer 打造。
词云
流动的、频率驱动的词云,词语以基于出现频率的速度和大小在画布上漂移。
多步骤表单
Framer 中的原生多步骤表单——无需技巧,无需外部工具。
马赛克揭示卡片
交互式卡片,将图片分割为马赛克网格。悬停时瓦片消失,揭示下方隐藏的文字或第二张图片。
尺码查找器
面向电商的高级组件,减少退货并提升购物体验。
旋转照片拼贴
简洁的环形照片拼贴,带有微妙的旋转动画和可定制的照片风格边框。
垂直时间线
用现代垂直时间线精美地讲述你的故事。里程碑、内容、动画和布局样式完全可定制——非常适合作品集和品牌历史页面。
CMS目录免费版
简洁、极简的组件,自动为页面创建目录。非常适合 CMS 博客文章。功能和视觉均可定制以适配你的需求。
圆形导航
现代、可定制的环形菜单 Framer 组件。具备流畅的展开/收起动画,图标围绕中心按钮径向排列。轻松调整菜单。
动感画廊
为你的网站添加趣味重力效果。拖放式物理组件,非常适合飘落的贴纸和画廊元素。弹性和摩擦力完全可定制。
现代图片标签页
全屏背景区块,悬停时切换案例。
滚动序列
滚动控制的帧序列,用于交互式视觉。轻松展示 3D 渲染、产品旋转或视频帧,带有流畅运动。
表情评分
交互式动画表情评分 Framer 组件。具备自定义字体和颜色、流畅过渡和内置 webhook 支持,即时收集数据。
可缩放产品查看器
ZoomableProductViewer 组件让用户交互式放大产品图片,增强视觉细节以便更好地查看产品。
团队聚光灯卡片
聚焦式团队组件,居中显示活跃成员,两侧微妙预览。非常适合在现代团队区块中突出展示人物。
3D视频轮播
3D Videos Carousel 是一款纯视频 3D 轮播 Framer 组件,支持流畅滚动、拖拽和自动播放导航。非常适合沉浸式产品展示和运动驱动的布局。
弹性菜单专业版
用这款完全可定制的弹性菜单提升你的网站。非常适合作品集和产品页面。控制字体、大小、布局、图片可见性和图片本身,适配任何设计。
主视觉图片幻灯片
100% 响应式图片幻灯片。最适合网站主视觉区域。每张幻灯片的标题、描述、图片、标题悬停颜色和标题链接均可从主页面定制。
WhatsApp按钮
可展开的、易于使用且设计优先的按钮。
为你的文字添加悬停时的字母打乱效果。Shuffle Text 添加微妙的动效,同时保持对排版的完整控制。非常适合精心策划的文字微交互。
Google reCAPTCHA验证
用 Google reCAPTCHA v2 保护你的 Framer 表单免受机器人和垃圾信息。支持复选框和隐形模式、明暗主题、多语言——100% 免费使用。
极光玻璃按钮
吸睛的玻璃按钮,带有动画渐变和云雾效果。
3D切换按钮
交互式 3D 开关,带有逼真的透视景深、激活时的闪烁灯光效果和完全可定制的颜色。为你的设计增添维度。
3D GLB模型查看器
交互式 3D 模型查看器 Framer 组件,带有流畅旋转、缩放和完全可调的控制——为现代、高冲击力的网站打造。
数据可视化
灵活的 Framer 数据可视化组件,支持柱状图、折线图、饼图和环形图。支持输入、JSON 和 CSV 数据,实时切换、简洁图例和流畅动画。
交互式DNA
几秒内创建 3D 交互式 DNA 双螺旋——旋转的双螺旋带有发光粒子和可点击标记。用于解释科学内容或添加高端视觉元素。
平滑全屏菜单
全视口菜单,带有流畅、优雅的入场动画。
电流光标
高压自定义光标,用噼啪作响的程序化闪电和动态电弧拖尾替代系统指针。
智能卡片
一款组件,将全屏滑块打包在一张简洁的卡片中,支持图片、视频和文字说明。在 Framer 中以 workshop 方式制作,适用于视觉和编辑类网站。
3D图片堆叠
3D Image Stack 是一款动态 Framer 组件,带有垂直或水平 3D 卡片、流畅的拖拽和滚动导航、景深动画和完全可定制的样式。
噪点颗粒纹理
轻量级 Framer 组件,为任何设计添加可定制的胶片颗粒、数字噪点和纹理叠加层。
免费交互地图
为你的项目添加美丽的交互式地图。简单、快速、完全可定制且完全免费。
金属拟态
令人着迷的未来感液态金属着色器。将静态 Logo 或抽象形状转化为带有色差扭曲的流体 3D 元素。通过属性控制完全可定制。
高转化率的退出意图弹窗,带有智能触发、精美主题和图片布局。捕获邮箱、挽救放弃的会话,几分钟内推广优惠。
平滑展开导航
响应式高科技背景,具备脉冲发光的六边形网格和霓虹光晕。在随机和波浪动画之间切换,为你的下一个项目打造惊艳的赛博朋克或科幻美学。
竞速下划线链接
轻量级动画背景,带有飘落的流星和发光拖尾。
快捷导航
简洁、现代的 Framer 导航栏,带有流畅的移动高亮效果,易于定制,适配任何网站。
Logo网格循环
动态 3×3 Logo 网格,带有交错的循环 Logo 过渡效果。
浮动居中菜单
流畅的浮动导航菜单,从中心操作按钮触发。
北极光
用这款动画着色器背景为你的 Framer 项目带来迷人的北极光视觉效果。引人注目的动效、色彩丰富,经过全面测试和性能优化。
文字雨
让文字以风格坠落:淡出或持续循环,并响应你的光标。将你的信息转化为动态视觉体验。
工作时间
展示你的每周工作日程。可选完整日程或紧凑的当日状态信息。完全支持所有时区和任何语言。
点阵图标
Dot Matrix Icon 将粘贴的 SVG 标记转化为清晰的点阵渲染。
液态光标
用 Liquid Cursor 增强你的 Framer 网站。高品质流体运动模拟效果,具备预设、颜色响应模式、着色、混合模式和自定义无代码控制。
语音聊天
交互式语音聊天 UI。具备可展开网格、点击发言音频、动画波形指示器,以及通过 Framer 属性完全可定制的参与者列表。
电影感发光开关
电影感发光切换开关,带有流畅的弹簧动画。支持可定制颜色、光泽效果,零外部依赖。
统计计数器专业版
吸睛的动画数据计数器,带有图标符号、控制激活动画、速度调节和完整定制——非常适合提升可信度和转化率。
展开方块
双栏布局,悬停时动态展开。
滚动拍立得
用超逼真的拍立得为你的网站带来怀旧感。滚动时晃动并显影,具备基于物理的交互和真实的复古效果。
滚动爱心
迷人的滚动进度爱心,随用户阅读以渐变填充。具备 5 种可选配色主题、脉动心跳效果和 6 个固定位置,为页面增添情感深度。
复古电视叠加
逼真的 80/90 年代 CRT 和 VHS 失真叠加层。一键为你的网站添加电影感静态噪点、扫描线和故障效果。非常适合复古、赛博朋克和创意作品集。
滚动Lottie动画
用滚动控制你的 Lottie 动画。动画不再自动播放,而是随页面滚动推进——向下滚动前进,向上滚动后退。
减重计算器
该组件根据百分比计算减重预测。
跑马灯按钮
Marquee Button 在悬停状态下文字以流畅的无限跑马灯从左到右运动,同时出现微妙的 1px 偏移边框。完全可定制。
组织架构流程专业版
OrgFlow Pro 让你在 Framer 网站上轻松可视化和管理复杂的团队架构。
相机卡片
Camera Card 是一款极简交互式肖像卡片,反应如同真实的相机快门。
鼠标追踪眼睛
Mouse Tracking Eyes 是一款交互式 Framer 组件,通过实时追踪用户鼠标位置模拟逼真的眼球运动。
拍立得画廊专业版
Polaroid Gallery 是一款交互式、可拖拽的图片布局,灵感来自散落的照片。卡片自由漂浮,带有景深、玻璃或自定义背景、流畅的悬停运动和大胆排版,让视觉叙事变得趣味十足、触感丰富且充满活力。
CMS对比滑块
超级可定制的前后对比滑块,支持 CMS、对角线布局、灯箱、悬停效果等。可连接集合列表、图片、视频或自定义组件。
流光按钮
Shimmer Button 是一款精致的悬停激活按钮组件,为你的界面添加优雅的光扫效果。专为现代 UI 设计,创造流畅的微光效果。
生成二维码
轻量级 Framer 二维码生成器组件。无需外部工具,即时创建可扫描的二维码,完全掌控内容、大小和样式。
旋转圆形文字
Framer 动画环形文字组件。沿环形路径创建流畅的循环文字动画,完全掌控速度、大小和样式。
柔和渐变按钮
醒目的'Get Started'按钮,以精致现代的设计脱颖而出,带有简洁的描边效果和 CTA 标签。非常适合你的项目。
终极滚动文字
Framer 滚动触发文字揭示。按词、字母或行揭示,支持粘性布局、对齐控制、原生字体、画布预览和可选的幽灵层。
弧形图片循环
弧形循环图片轮播,支持自动滚动或拖拽响应,沿 SVG 路径均匀分布图片,完全掌控速度、曲线、大小和样式。
极简个人资料卡片
极简个人资料卡片。
3D爆炸文字
将静态文字转化为电影感 3D 体验。3D Explode Scroll 组件将排版带出 2D 平面。随着用户滚动,你的文字碎裂、漂移、飞散。
百分比预加载器
流畅、现代的预加载器,显示从 0 到 100% 的加载进度。
粘性字母散落
高端、性能优化的主视觉组件,具备沉浸式 3D 文字散射、动态高斯模糊和流畅的图片缩放。
铬合金按钮
精致的 Chrome 风格按钮组件,具备柔和渐变、圆角和微妙的立体感。非常适合现代 Framer 项目。
浮动联系方式
为你的网站添加浮动的 WhatsApp、电话和邮件按钮。标签、对齐方式和每个渠道的设备可见性完全可定制。
定价切换
高品质动画定价切换,带有毛玻璃主题、可定制折扣徽章和丝滑流畅的过渡。非常适合 SaaS、订阅和会员定价。
遮罩揭示
将静态网站转化为电影感体验。高品质图片和视频揭示效果,赋予你的项目顶级代理商的视觉品质。易于使用,无法忽视。
裁剪文字交错
Clip Type Stagger:终极排版运动引擎。以电影感的裁剪遮罩、3D 变换和精准滚动触发器为行、词或字符添加动画。
日历高级版
高品质实时日期显示,具备实时更新、全球时区支持和可定制的毛玻璃样式——非常适合仪表盘和主视觉区域。
下拉导航
动画下拉导航组件,支持可定制样式、链接导航和流畅的 Framer Motion 过渡。支持字体定制、悬停状态和点击外部关闭。
吸附画廊
触感十足、手势驱动的 Framer 媒体画廊组件。非常适合作品集、照片/视频集合和叙事体验。
悬停文字揭示
为你的排版添加悬停文字揭示动画。Hover Text Reveal 引入微妙的动效,同时保持对样式的完整控制。非常适合精致的文字交互。
滑块验证码
交互式滑块验证码,集成 Cloudflare Turnstile。拖拽验证,带有机器人检测、触觉反馈、可定制样式和无障碍支持,保护表单安全。
空灵网格
自动播放的手机风格短视频组件 Framer 组件。循环播放多个视频,支持可定制的头像、用户名和短视频内容。
气泡上升按钮
Circular Text Pro 让你创建流畅旋转的环形文字,完全掌控方向、速度和悬停交互。轻松添加变速、暂停、缩放或变色等悬停效果——非常适合 Logo 和徽章。
棱镜渐变
Circular Data Flow 是一款大规模多阶段动画,旨在清晰传达输入如何经过中央系统并作为输出流出。元素从左到中再到右依次动画,配合平滑的连接线和聚焦的环形布局。
雇用我按钮
卡片堆叠——交互式堆叠卡片,带有流畅动画和多种布局选项。
视频聊天小部件
优雅的交互式复选框组件,选中时以删除线效果划掉文字。非常适合待办清单、任务追踪、习惯打卡和任何需要清晰完成反馈的界面。点击复选框触发流畅的划线效果。
圆形文字
流畅的动画等离子背景,为网页布局增添纵深和动感。
WF图表精简版
交互式文字组件,带有微妙的 3D 纵深、倾斜和可选的空闲运动效果。
独特下拉菜单
完全可定制的年龄验证弹窗 Framer 组件。非常适合受监管内容,提供对布局、样式、时间和行为的完整控制——无需编码。
反重力效果
极简拟物风格开关,带有流畅的弹簧动画和颜色覆盖。为简洁 UI、快速设置和 Framer 中的轻松定制而打造。
团队轮播专业版
动画背景组件,灵感来自流动的北极光。使用多层径向渐变,从底部轻柔地漂移、缩放和波动上升。
多步骤视频
无限缩放驱动的滚动组件,带有惯性、视差平移和可配置的摄像机系统。
全息卡片3D
强大的图片和视频半色调与抖动引擎,内含 100 多项定制选项。
重力轨迹
动画页面预加载器,带有滑动计数器(00→99)和进度条。颜色、排版和速度完全可定制。非常适合为网站添加专业的加载动画。
景深堆叠画廊
基于 Three.js 构建的 Framer 3D 卡片画廊。支持大型集合的无限滚动,以及图片上的可选链接,跳转到详情页或外部目标。
终端命令行演示
强大的文字组件,让你在文案中嵌入 SVG 图标。为单个词语设置样式、应用自定义字体、重新着色图标,并以像素级精度微调定位。
球体物理效果
带有斜线动画的取消按钮。
瓷砖转跑马灯
响应式文字揭示动画,支持 RTL/LTR 方向。按断点自定义文字大小,调整颜色和透明度。非常适合在任何语言方向上创建流畅的滚动触发揭示效果。完全响应式,易于配置。
位置地图
Fuse Particle 是一款可定制的 Framer 动画背景,带有星光粒子效果和可调光晕颜色。复制到项目中即可自定义属性。
图标滑动按钮
高性能 WebGL 背景,创建令人着迷的液态光环效果。具备高级域扭曲、四色混合和可调速度,呈现高品质的全息视觉。
智能视频
想要一个开箱即用的侧边栏?这款自适应侧边栏导航根据组件宽度自动缩放,具备流畅动画、独特的交互式悬停状态,支持最多 8 个链接。通过变量完全可定制,支持自定义 SVG、颜色、社交链接等。
布局翻转文字
几分钟内构建精美的定价页面。Price Table Compare 具备动画卡片、可折叠功能区块和内置的计费周期切换。非常适合 SaaS、产品和服务。包含五款高品质主题——或创建你自己的自定义样式。
现代磨砂视频
完全可定制的折扣弹窗 Framer 组件,展示精美的优惠信息和可复制的优惠码。包含打开和关闭状态、流畅交互,以及对文字、颜色、字体、图标和布局的完整控制,帮助你提升转化率。
悬停选择器
令人惊艳的几何背景,具备漂浮的水晶碎片和连接的网格线条。支持可定制主题、可调密度和流畅的 Canvas 动画——非常适合 Web3、AI 和未来感设计。
平滑滑动按钮
时尚的旋转渐变光环,带有柔和的天使光晕效果。非常适合用空灵、病毒式的美学效果来框住内容。
现代轮播
动画交易轮播,带有优雅的堆叠卡片。展示支付、确认或财务活动,支持可定制样式、货币和流畅的响应式运动。
配送日期横幅
高级幻灯片组件,以流畅的旋转动画替代标准的幻灯片过渡。
交互式列表
创建灵活、可调整大小的布局,带有原生拖拽体验。Resizable Panels 让你将任意区域分割为可调节的部分——非常适合仪表盘、编辑器、侧边栏和高级 UI 布局,在 Framer 中完全可控,无需编码。
光标聚光灯
完全可定制的 3D 旋转立方体加载器。直接从 Framer 侧边栏控制旋转速度、呼吸效果、面颜色和排版。具备发光核心、动态阴影和流畅的 CSS 动画,打造沉浸式加载状态。
倾斜画廊专业版
模拟逼真的 AI 对话,带有高级打字效果、自动滚动、Markdown 支持和代码块。SaaS 落地页的终极聊天界面。
快速滑动轮播2
交互式头像,悬停时展开为详细的个人资料卡片。具备完全可定制的文字层、带有独立样式的动态按钮数组、多种尺寸预设和毛玻璃选项。非常适合团队页面或用户资料。
超级菜单
Telegram 弹窗小部件,带有真实的聊天界面、表情选择器和消息输入框。通过 Framer 控制项完全可定制。支持左右定位、暗色模式和完整样式选项,在你的网站上实现无缝的 Telegram 聊天体验。
粘性项目展示
粒子驱动的剧透揭示效果,隐藏文字直到点击或悬停。字体、动画和交互式粒子设置完全可定制。
图片碎片
无限环形轮播组件。旋转 Logo、图标、卡片……随你所想!🌀 创建令人着迷的轨道动画,完全掌控速度、半径和缩放。
封面流3D轮播
静态文字已经过时了 ⚡️ 在文字中嵌入内联 Lottie 动画,在需要的地方精准添加动效。
海市蜃楼1
交互式图片画廊,支持可定制的 3D 穹顶或网格缩放效果。
Logo滑动器
将静态定价页面转化为交互式转化引擎。一款强大的基于逻辑的计算器,适用于 SaaS、代理商和自由职业者。
滑动文字按钮
可定制的交互式降雪效果,带有逼真的自然运动和鼠标驱动的风力效果。
文字大小控制
用 Fluid Cursor 为你的 Framer 项目带来动态、流体、现代的感觉。
垂直推荐语
玻璃文字效果。
Framer 故障文字效果组件。为标题和文字添加动态的动画故障效果,易于定制且响应式。
交互式节点网络
3D 等距网格背景,具备悬停响应的瓦片和可调透视效果。
引言推荐语
可定制的动画 3D 网格背景,带有透视运动、霓虹高光和复古美学。
垂直合集
电影感动画背景,具备闪烁的星星和动态流星拖尾。
图片转ASCII
动态粒子背景,创建带有平滑拖尾和有机运动的旋涡效果。颜色、速度和密度完全可定制——非常适合沉浸式主视觉区域。
连续时间线
基于 Canvas 的动画波浪背景,带有分层波浪、光晕和模糊效果。
Cursor Image Follow 是一款基于光标的交互组件,图片在指针移动时出现并跟随光标路径。大小、间距、时间和堆叠方式均可配置,适用于微妙或夸张的效果。
透镜缩放画廊
完全响应式、高度可定制的可关闭顶部横幅组件,带有持久化关闭逻辑。自定义内容、颜色、布局和行为,匹配任何设计。
无尽网格画廊
流畅的标签页区块,带有动画内容、箭头导航和遮罩视差图片过渡。
展开角落按钮
Smart Typewriter Pro:高品质 Framer 打字动画,支持段落、富文本标签、流畅过渡、可定制光标样式和原生字体控制。
悬停文字绘制
3D Book Gallery 是一款沉浸式组件,模拟真实书籍的流畅翻页交互、分层景深和大胆的背景排版。非常适合叙事、作品集、编辑内容和需要动感与存在感的视觉叙事。
形状模糊
轻量级、基于逻辑的 SaaS 定价计算器。SaaS Pricing Lite 通过滑块和开关提供实时定价,无需自定义代码。专为简单定价模型设计,具备原生 Framer 样式和响应式布局。
放射状开场1
用 3D Product Cube 以风格展示你的产品。旋转、悬停并与动态 3D 立方体交互,突出产品图片、功能或分类。完全响应式,可定制适配任何 Framer 项目。
产品画廊
基于 WebGL2 的 Framer 组件,生成实时动画抖动图案。提供 8 种独特视觉效果(扭曲、波浪、涟漪、漩涡、流动、故障、万花筒、液态)和 4 种抖动算法(随机噪声、2×2、4×4、8×8 Bayer 矩阵)。
快速移动光标
高品质酒店预订向导 Framer 组件:多步表单带验证、房型和定价逻辑(含增值税/城市税)以及用于 Framer 表单邮件的隐藏字段——无需后端。
可拖拽列表
Interactive Video Pro 是一款弧形交互式视频卡片组,支持悬停播放和点击展开聚焦模式。视频沿弧线扇形排列,即时响应交互,展开后以模糊背景弹窗呈现沉浸式观看体验。
转动眼珠按钮
创建带有 3D 透视效果的沉浸式无限滚动画廊。非常适合作品集、产品展示和落地页。上传图片、选择透视角度,即可看到画廊在流畅滚动和现代悬停效果中活起来。
CMS滑块
流畅、有机的动画按钮,在 Framer 中呈现触感十足、响应灵敏且自然的交互感。
交互式图案
交互式 3D 球形轮播,三条水平图片环组成旋转球体。支持拖拽控制、自动旋转、全屏图片预览和完整定制,在 Framer 中打造流畅、沉浸的视觉体验。
阅读进度线
交互式机器人防护组件,要求用户长按按钮进行验证后才能提交表单,具备蜜罐防护和基于时间的安全检查。
循环圆形画廊
简洁、现代的推荐语 UI 卡片,包含图片、引言和作者信息——非常适合落地页、SaaS 和服务类网站。
故事书3D滑块
以排版为核心的文字组件,选定的词语以草书手写风格逐字母动画呈现,其余文字保持静态和简洁。
交互式图片网格组件,跟随光标移动,图片可点击。← 悬停试试!
个性化文字
Draggable Reveal 展示一张带有模糊和暗色遮罩效果的图片,用户拖拽时逐步移除遮罩,揭示图片的清晰状态。
霓虹状态按钮
Ambient Motion BG 是一款轻量级基于 Canvas 的粒子背景 Framer 组件。自定义方向、密度、速度和交互,为主视觉区域、落地页和背景层添加微妙的动感和视觉纵深,不影响布局性能。
标记文字描边
生产级画廊,带有高级灯箱、分类筛选和灵活布局。支持图片、视频、YouTube 和 Vimeo。具备缩略图导航、入场动画和 30 多项定制控制。专为专业作品集和展示页打造。
透镜缩放
Interactive Arc Deck 是一款交互式弧形卡片布局,图片沿弧线扇形排列,悬停时优雅展开。打造如牌组般的触感体验,趣味十足、精致且富有视觉表现力。
AR模型查看器
简洁的内联搜索组件,用于实时快速筛选 Framer CMS 集合。
Logo轮播专业版
令人惊叹的 WebGL 背景,模拟深空星云。具备发光核心、旋转气体丝状结构和带镜头光晕的闪烁星星。颜色和动画速度完全可定制,呈现电影感的科幻视觉。
洗牌卡片滑块
全新无限可拖拽画廊,与 Framer CMS 集合无缝集成。基于 GSAP 库驱动,提供流畅、响应灵敏的交互,带有视差效果、悬停动画和自然惯性。
动态瀑布流专业版
简洁的无限旋转图片堆叠 Framer 组件。图片逐一出现,带有固定的旋转增量,形成无缝循环运动。专为主视觉区域、编辑布局和品牌视觉而打造。
视差视频专业版
Dark Sky 是一款动态星场背景,为你的布局增添纵深和氛围。轻柔飘移的星星、温和的脉动、可选的星座连线和流星,营造平静、沉浸的背景,不会分散内容的注意力。
模糊暗角
高性能 WebGL 背景,具备动画 3D 线条。非常适合科技、加密和 AI 界面。自定义渐变、速度和透视景深,打造复古未来主义的合成波视觉。
贪吃蛇复古版
视觉丰富的生产级预订表单,专为高端品牌设计。支持宾客人数、体验类型、附加选项、日期时间选择和自定义备注——布局精心设计,而非模板化。
交互式网格专业版
🎉 庆祝彩纸动画组件——一款轻量级纯代码彩纸动画效果,旨在提升用户体验!
粒子磁铁
用令人惊艳的交互式卡片展示实时 GitHub 仓库统计数据。具备实时数据获取、3D 倾斜效果、动态边缘光晕和流畅动画。颜色、字体和可见性选项完全可定制。
交错菜单特效
Pulsing Wi-Fi Icon 是一款动画 SVG 组件,可视化无线信号传播。四条弧线从内到外以平滑波浪运动脉冲。基于 Framer Motion 构建,轻量、可缩放,通过 Framer 属性完全可定制。
水下透镜
RevealFlow 是一款精致的图片驱动预加载器,旨在留下强烈的第一印象。图片从屏幕底部以 0.3 秒的流畅序列升起,有意图地堆叠,然后扩展填满视口,最后无缝过渡到你的网站。
快速二维码
将你的画廊转化为沉浸式 3D 体验。Gallery 3D Orbit 创建高品质的旋转轮播,带有景深、流畅的物理交互和信息面板。非常适合作品集、产品展示和需要吸引注意力的主视觉区域。
有机纹理
生产级水平滑块 Framer 组件,支持拖拽、滑动和滚动交互。围绕单一运动系统构建,在真实的垂直页面布局中提供流畅的视差运动,同时保持可预测的行为。
格式化计数器
Rolling Counter 是一款精致的动画数字组件,带有流畅的数字过渡和渐变文字。可见时自动递增,支持前缀和后缀,非常适合需要动感和精致感的统计数据、指标和亮点展示。
分享你的页面
可定制的 Framer 预订表单。
挤出文字
WebGL 像素着色器 Framer 组件。支持基于鼠标的视觉交互,可调像素大小、RGB 噪声和其他参数,塑造微妙的交互效果。
现代图片滑块
GSAP 文字动画组件,支持自定义持续时间、数量和距离等属性,以及可配置的克隆方向(向上、向下或双向)。
动态团队卡片
该组件以动态悬停交互增强项目卡片展示。每张卡片以微妙的运动和视觉强调作出响应,引导注意力而不破坏布局。原生构建于 Framer,完全响应式。
悬停文字扭曲
用 Gradient Bars Pro 为你的设计注入纵深和现代活力。一款高性能、完全可定制的 Framer 动画背景组件。将静态区块转化为沉浸式、流动的体验,精准控制运动和颜色。
钱包卡片界面
Draggable Cards 是一款交互式卡片堆叠,顶部卡片可拖拽并翻转到底部。流畅运动、自然堆叠和可选的悬停叠加层,非常适合以触感十足、引人入胜的方式展示图片或视频。
动画文件夹盒
AutoCover 让你用流畅的悬停交互高亮单个词语。在任意文字中内联使用,添加微妙的动感和聚焦效果,不破坏布局或排版。非常适合主视觉标题、功能标注和现代落地页。
3D翻转卡片专业版
高品质 WebGL 驱动的图标环,带有液态金属着色器效果。大小、描边、颜色和图标 SVG 完全可定制,专为现代高端界面设计。
液态玻璃常见问题
Silk Flow Background 是一款优雅的动画 Framer 背景组件,具备流畅、流动的渐变效果,如移动的丝绸般柔软有机。
标签页标题切换
为你的 Framer 网站添加趣味复古像素爆裂动画。完全可定制的点击效果,带有 8-bit 粒子、光标拖尾和流畅运动样式。无需编码。
3D圆柱滚动
完全可玩的经典俄罗斯方块复古游戏 Framer 组件,带有流畅动画、可定制颜色、幽灵方块和暂存功能,以及完整的键盘控制。无需编码。
3D无限画廊
macOS 风格动画代码编辑器,带有打字效果、语法高亮和 5 种主题。非常适合作品集、文档和落地页。完全可定制——无需编码。
云朵
专业签名捕获组件,带有流畅绘制、基于速度的笔宽变化、完整样式控制和导出选项。非常适合表单、合同和文档。无需编码。
3D翻转
令人着迷的背景,能量流穿过几何弧线。具备交互式触摸涟漪、霓虹光晕效果和可定制主题,如岩浆、冰霜和毒液。
步骤轮播
现代响应式 Framer 导航栏组件,带有光标驱动的光晕效果。边框在指针下方动态发光,带有平滑延迟。包含平板和移动端变体、可定制光晕颜色和可选操作按钮。
断链追踪器
用户悬停文字时,文字水平分裂揭示隐藏信息——非常适合主视觉区域、行动号召或为网页项目增添视觉亮点。
玻璃相框
高品质动画神经网络背景,适用于 AI、SaaS 和科技落地页。具备多层景深、流动能量粒子、点击触发的信号传播、曲线连接和 8 种精美主题。完全可定制,带有有机运动效果。
波浪文字跑马灯
沉浸式 3D 图片球体画廊,让用户深入探索视觉内容。图片环绕旋转球体排列,支持拖拽交互、逼真透视、基于景深的模糊和流畅运动,打造触感丰富的浏览体验。
旋转色调
精致的 Discord 风格支持弹窗,将熟悉的服务器和私信体验带到你的网站。具备逼真的 Discord 视觉风格、在线状态、输入指示器和快捷回复,帮助用户即时连接你的社区。
专业打字机文字
精致的 WhatsApp 风格聊天弹窗,与现代网站无缝融合。具备流畅动画、逼真的输入指示器、快捷回复、表情输入、暗色模式和响应式行为,帮助访客轻松发起对话。
悬停过渡效果
高品质液态玻璃风格音乐播放器 Framer 组件,支持真实音频播放、动画音量条、雕刻感进度条、文件上传,完全可定制。
弧形3D画廊
高品质环形画廊组件,卡片依次堆叠并平滑展开。基于 GSAP 构建,包含两种入场动画、磁性悬停效果和旋转动画。每张卡片支持链接,允许上传图片和视频。
美国交互地图
高性能 3D 视频画廊 Framer 组件,支持无限滚动、多种空间视图模式、基于物理的运动和电影感景深。专为在桌面端和移动端流畅展示大量视频集合而设计。
3D文字弹出效果
拖放即用的完全交互式社交媒体帖子组件。非常适合模型展示、作品集和社会证明区块。具备逼真的反应、图片灯箱、视频播放和智能帖子类型切换。
AirPod充电盒
为头像添加即时悬停详情——简洁且高端。
挤出图片卡片
大胆的科幻风格着色器动画,专为科技、AI 和创意落地页设计。
字母转图片
为你的 Framer 网站添加游戏化的揭示体验。Scratch to Reveal 将任何促销、优惠码或隐藏内容转化为引人入胜的刮刮卡交互。非常适合营销活动、抽奖和产品发布。
磁吸气泡菜单
BarChart 是一款精致的数据驱动 Framer 组件,基于 Chart.js 构建,帮助设计师、创始人和产品团队以清晰、精准和现代视觉品质呈现数据分析。
悬停展开菜单
用 hCaptcha 安全的'我是人类'验证保护你的 Framer 表单免受垃圾信息。该组件在用户验证前阻止机器人提交,设置简单,支持明暗主题,只需一个站点密钥。
购物车+报价
SaaS ROI 计算器是一款高性能交互式工具,通过量化价值将访客转化为客户。
背景网格
使用实时 WebGL 着色器创建沉浸式 3D 有机隧道动画。自定义摄像机速度、隧道路径、生物质流动和光照,打造电影感的科幻背景和主视觉区域。
可变字体滑动器
强大的 Framer 表单工具,将多个输入聚合为一个简洁的字符串。强制注入数据,无需手动设置隐藏字段,并可选择性移除原始字段,保持你的 CRM 或邮件通知整洁无杂。
滚动进度专业版
无限 3D 媒体轮播 Framer 组件,支持图片和视频。在旋转的环形画廊中展示照片和循环视频,具备拖拽惯性、悬停聚焦和内置灯箱(含标题和描述)。非常适合作品集和短视频集锦。
Cookie同意弹窗
精致的 X(Twitter)风格聊天弹窗,将熟悉的私信体验带到你的网站。具备逼真的 X 视觉风格、认证徽章、流畅动画和快捷回复,帮助用户即时、自信地发起私密对话。
安全的动画指纹识别指示器,专为在 Framer 中可视化呈现生物识别认证和验证状态而设计。
追踪滚动
Glissra 是一款流畅、持续滚动的图片展示组件,在 Framer 中以优雅、清晰和流动感呈现视觉内容。
滚动追踪器
交互式图片揭示 Framer 组件,让用户通过带有柔和羽化边缘的圆形橡皮擦工具,平滑擦除顶层图片,揭示下方的内容。
旋转文字徽章
动态目录组件,根据页面内容无缝更新——并且支持 CMS!
文字切换器
Circular Orbit 是一款交互式 Framer 组件,将元素沿旋转路径排列。它像原生 Framer 组件一样工作,让你轻松连接元素并自定义运动、大小和布局,打造动态且视觉吸引力十足的设计。
闪卡
Focus Reveal 是一款现代动画文字组件,通过从模糊到清晰的揭示效果和平滑移动的聚焦框,将注意力引向单个词语。
清晰滑块
用交互式的社交媒体风格卡片堆叠改造你的网站。展示照片、推荐语或作品集,支持流畅的拖拽切换、双击爱心和动画气泡效果。
3D发光卡片
蓝色拟物风格按钮,具备逼真的立体感和柔和高光。为界面增添触感十足的按压感,同时保持简洁、现代,在 Framer 中易于定制。
玻璃画廊
流畅的浮动菜单,在紧凑按钮和完整导航之间平滑变形。节省空间的同时保持可发现性,得益于微妙的动画指示器。完全适配移动端,为需要简洁灵活菜单的 Framer 项目优化。
交互式3D地球
原生多日期和日期范围选择器 Framer 组件,让用户直接通过联系表单预订住宿。完全可定制、轻量且为转化优化——无需外部服务或插件。
矢量转3D标志
用这款完全可定制的垂直时间线展示你的历程!具备流畅的悬停揭示、图片和视频支持,以及对颜色和排版的完整控制。非常适合作品集、产品路线图和公司历史。
视差浮动
流畅且响应灵敏的 Framer 悬停卡片组件。添加优雅的悬停交互和微动画,即刻提升你的界面品质。
键盘变体
精致的 Messenger 风格聊天弹窗,在你的网站上重现熟悉的 Facebook Messenger 体验。具备品牌精准的渐变、输入动画、快捷回复、表情支持和流畅过渡,鼓励即时、自然的对话。
光标效果套件
精致的 Telegram 风格聊天弹窗,为你的网站带来熟悉、可信赖的即时通讯体验。具备认证徽章、输入指示器、快捷回复、暗色模式和流畅动画,帮助用户即时、自信地发起对话。
垂直图片堆叠
趣味拍立得风格视频画廊,让用户像翻看散落的照片卡片一样拖拽、堆叠和探索视频。搭配玻璃或自定义卡片样式、流畅运动和大胆排版,将媒体画廊变成交互式的触感体验。
Twitter推荐语
用超逼真的 3D 玻璃形状提升你的网站设计。现已支持原生视频和照片、可调折射率和流畅动画。完全可定制,性能优化。
多媒体盒子
将静态图片变成交互式液态艺术。该组件在悬停处创建波纹像素扭曲效果,融合复古美学与流体物理。像素大小、波浪速度和揭示半径完全可定制。
粒子立方体
全新 3D 球体画廊组件,与 Framer CMS 集合无缝集成——直观的拖拽和滚动交互,加上可选的 GSAP 驱动入场和自动旋转动画,打造现代网页体验。
动画波点背景
用这款精致的原生 Framer 反馈表单提升用户洞察。将转瞬即逝的意见转化为可执行的数据——完全在 Framer 中打造,面向创作者和团队。以友好、非侵入式的界面收集满意度评分、分类和想法。
动画孔洞网格
将服务定价转化为交互式报价构建体验。QuoteFlow 让访客选择服务、实时观看报价单更新,并通过 Cal.com 集成无缝预约咨询——全程无需离开你的网站。
条形加载预加载器
景深风格图片滑块,点击任意卡片即可快速、流畅地将其置于最前方,控制简洁。
极光文字描边
自动播放照片滑块,带有 Instagram 风格的分段进度条。支持响应式图片、自定义渐变和流畅过渡。非常适合作品集和产品亮点展示。
液态铬效果
高度可定制的列表组件,具备流畅的滚动文字动画和悬停时的图片揭示。支持独立链接、自定义字体和每项动态颜色。零依赖,完全响应式。非常适合现代功能展示。
文字透镜揭示器
悬停时按钮分裂成多彩层叠,揭示一张完全可定制的个人资料卡片提示框。
媒体轮播专业版
逼真的磁带组件,带有旋转卷轴、3D 挤出效果和完整的颜色定制。
密码锁
动画环形进度指示器,带有平滑缓动和可定制的标签与样式。
图片扫过
用 PortfolioSphere 将你的作品集转化为交互式 3D 体验。这款高品质 Framer 组件让你在精心排列的 3D 球体中展示图片。
液态渐变
ASCII Wave Text 是一款视觉冲击力十足的 Framer 代码组件,将任意文字转化为动态 ASCII 动画。具备流畅的 3D 波浪运动、实时鼠标交互和鲜艳的渐变风格——非常适合主视觉区域、落地页、404 页面。
窥视眼睛按钮
灵活的周课程表,专为工作室、课程和日程安排打造。添加一次事件,布局自动处理时间、间距和弹窗——默认简洁,需要时完全可定制。
SVG填充指示器
多功能沉浸式滑块组件,具备毛玻璃风格控件、交互式缩略图导航和无缝过渡。
视差滚动文字
一款 Framer 组件,探索交互性和拟物化设计——通过逼真的阴影和光照效果在网页上呈现。
噪点效果
精致的动画柱状图组件,带有交错揭示动画、交互式提示框和完整定制选项。无外部依赖。
价格表对比
折扣促销弹窗
水晶网格渐变
天使光环渐变
动画支付界面
旋转幻灯片
可调整面板
立方体加载器
AI聊天展示
头像悬停卡片
Telegram弹窗
剧透揭示
轨道流动
Lottie动画
缩放效果画廊
价格引擎专业版
交互式雪花
流体光标
玻璃文字
故障文字动画
等距网格背景1
复古网格
流星雨
漩涡背景
波浪背景
光标图片跟随
可关闭横幅
视差标签区域
智能打字机专业版
3D书籍画廊
SaaS定价精简版
3D产品立方体
动画六边形背景
流星
闪烁网格背景1
DotBackground FX 是一款动画点阵网格,像引力场一样响应光标移动。悬停时粒子弯曲流动,营造出星空般的交互式背景。
动画推荐语
ActionSearchBar FX 是一款面向 AI 平台的智能搜索输入框,聚焦时展开基于操作的下拉菜单。非常适合命令、提示词和快捷操作。
手写字体效果
轻量简洁的 Framer 图片轮播画廊。以流畅交互和轻松定制精美展示视觉内容,非常适合图片画廊和电商网站。
图片播放器
将你的里程碑转化为迷人的视觉故事。这款滚动驱动的拍立得时间线具备优雅的弦线曲线、动画地图标记和翻转揭示卡片——非常适合作品集、品牌故事和项目展示。
手风琴标签切换
3D 环形轮播——令人惊艳的旋转 3D 轮播,带有流畅动画和完整定制选项。
虚线按钮
流畅的卡片轮播,一张图片占据舞台中央,其余堆叠在后方。通过箭头前后翻动卡片,营造景深和聚焦感,不会让布局显得拥挤。
趣味宠物
ImageStack FX 展示层叠图片,悬停时微微滑开。一种简洁、微妙的交互方式,在紧凑空间中展示多张视觉内容。
世界地图网络界面
Timezone Indicator 是一款轻量级 Framer 组件,显示你的本地时间、访客时间和时区差(精确到秒)。包含带标记的点阵世界地图和精美的时间条,非常适合网站的联系/预约页面。
3D曲线画廊
Hologram Sticker 是一款 Framer 组件,将任何 Logo 或图片变成高品质全息徽章。添加箔片微光、颗粒纹理和悬停时的交互式光泽效果。非常适合主视觉区域、产品卡片、图标高亮和发布页面。
旋转卡片堆叠
创建戏剧性的滚动驱动动画:一叠图片或任何其他组件类型都可以添加到内容中,当用户滚动页面时,图片向外散开、缩小并旋转,一切尽在你的掌控。
创建视觉冲击力十足的动画渐变光束背景,颜色、颗粒纹理和动画速度完全可定制。非常适合主视觉区域、落地页和现代网页布局。完全响应式,性能优化。
动态渐变
流畅的无限滑块——活跃卡片在 2D 中居中,周围的卡片以 3D 倾斜朝向它。通过箭头或点击卡片切换焦点,在保持一致布局的同时呈现景深和空间层次。
CMS无限画廊
旋转图片堆叠
暗夜星空
3D科技波浪
预约体验
爆裂彩纸
GitHub仓库统计
脉冲WiFi图标
流动预加载器
3D轨道画廊
拖拽视差滑块
滚动计数器专业版
预约看房表单
WebGL着色器002
GSAP动感文字
动态悬停卡片
渐变条专业版
交互式卡片
自动封面
液态金属图标
丝绸流动背景
像素点击效果
俄罗斯方块复古版
动画代码编辑器
签名板专业版
几何弧形网格
发光导航栏
文字拆分揭示
突触专业版
竖屏视频自动播放
圆形文字专业版
圆形数据流
卡片堆叠媒体
动画复选框
等离子背景
交互式主视觉文字
年龄验证
极光效果
无限缩放滚动
半色调媒体特效
0-100预加载器
3D卡片滚动02
内联SVG
斜杠取消按钮
从右到左文字揭示
保险丝粒子
液态光环渐变
侧边栏导航
图片触摸揭示
滚动指示器专业版
圆形轨道
聚焦揭示
Instagram卡片
拟物化按钮
变形菜单
日期预约日历
智能卡片时间线
悬停卡片专业版
Messenger弹窗
Telegram聊天弹窗
拍立得视频专业版
3D玻璃效果
液态像素波
CMS 3D球体画廊
表情反馈表单
引言流
景深卡组轮播
定时照片轮播
滚动文字列表
社交卡片提示
滚动磁带
作品集球体1
ASCII动态文字
交互式时间表
新拟态旋钮
图表
酒店预订向导
视频弧形专业版
无限3D画廊
珍珠按钮
球形轮播
防机器人专业版
推荐语UI卡片
霓虹文字动画
无限网格
可拖拽揭示
环境动态背景
画廊增强专业版
交互式弧形卡组
内联CMS搜索
宇宙玫瑰星云
脉冲表单
浮动标签、实时验证和内置的明暗主题系统——通过 Framer 控制项完全可定制。
拖拽幻灯片专业版
3D Drag Slideshow 是一款交互式幻灯片组件,用户可以水平拖拽在 3D 空间中浏览幻灯片。每张幻灯片带有逼真的景深和透视效果,创造流畅、触感自然的交互体验。
Unsplash图片流
从你的 Unsplash 个人主页实时拉取照片网格——瀑布流布局、内置灯箱、真实数据统计。
智能旋转画廊
SmartRotate Gallery 通过智能旋转算法自动循环展示你的图片,打造引人入胜的视觉体验,持续吸引访客注意力。内置 6 种智能布局预设和丰富的定制选项。
GSAP文字动画器
该组件利用 GSAP 文字动画为你的项目注入活力——精心策划的文字动画,源自获奖网站。
这款响应式 Framer 灯箱画廊以流畅动画全屏打开图片,导航直观,加载性能出色。非常适合作品集、摄影网站、落地页和产品展示。
视频照片轮播
令人惊艳的无限视频和图片轮播,带有流畅动画和完整定制选项。
用这款精致的浮动导航栏让网站导航始终可见。以直观的图标设计,非常适合平滑滚动和轻松的用户交互。易于在 Framer 中集成,完全响应式。
常见问题专业版
FAQ Pro 是一款高品质 Framer FAQ 手风琴组件,内置搜索、简洁排版和流畅动画。以卡片或 Markdown 形式添加问题,样式完全匹配你的网站风格,帮助访客更快找到答案。
反转透镜
WebGL 驱动的叠加层,创建跟随鼠标的流畅动画反转镜头效果。具备湍流扭曲边缘,可自定义大小、颜色和动画速度。只需拖放到画布上,即可为任何区块添加这一吸睛效果。
主视觉画廊
Hero Gallery 是一款可定制的交互式主视觉+画廊 Framer 组件。具备无限循环的缩略图时间线,动态更新背景为对应的图片或视频(文件或 URL)。
微光文字特效
ShimmerText FX 为文字添加柔和的发光微光动画,打造精致的高光效果,非常适合现代界面和高端设计。
iPhone模拟模型
一款非常简洁的 iPhone 模拟器模型框,就像你在 macOS 模拟器应用中看到的那样。
极光背景
令人着迷的 WebGL 背景,模拟北极光效果。具备有机的、流动的光幕,支持可定制的三色渐变、波动幅度和速度,呈现高品质的大气氛围。
团队选择器特效
TeamSelector FX 让用户通过简单的加减控制添加或移除团队成员。一种简洁的交互方式来管理团队选择和容量状态。
矩阵文字特效
MatrixText FX 以循环动画持续变换显示 0 和 1。非常适合科技、AI 和赛博风格界面的未来感文字效果。
点阵背景特效
操作搜索栏特效
简易图片画廊
拍立得时间线
圆形轮播
卡片轮播滑块
图片堆叠特效
时区指示器
全息贴纸
滚动散落
动画颗粒光束
景深滑块
3D图片球体
Discord弹窗
WhatsApp聊天弹窗
液态玻璃播放器
圆周运动特效
Facebook社交帖子
头像弹出
霓虹轨道着色器
刮刮卡揭示
柱状图
hCaptcha表单验证
SaaS投资回报计算器
3D生物矿化着色器
表单字段拼接
3D媒体轮播
Twitter弹窗
安全指纹验证
滑动效果
Instagram按钮
交互式 Instagram 按钮,悬停时展开一组迷你帖子风格的卡片网格。完全可定制——设置你的主页链接、按钮颜色,为每张卡片预览上传图片。增添上下文,营造期待感。
滚动提示
可定制的动画滚动指示器,引导用户探索首屏以下的内容。具备流畅的弹跳动画、完整的样式控制和便捷集成。非常适合落地页、主视觉区域和任何需要滚动提示的设计。
水流渐变效果
令人着迷的 WebGL 背景,模拟水面焦散效果,搭配丰富的三色渐变。具备有机波纹、闪烁高光和可定制的深度颜色,适用于泳池、海洋或抽象流体效果。
粒子变形3D
高级交互组件,在滚动时将粒子变形为复杂的 3D 形状,支持基础几何体、自定义 SVG 和高保真 3D 模型。
双风格文字
独立设置文字不同部分的样式——加粗的引导语搭配柔和的后续文字、内联图标和完整的排版控制。非常适合需要强调但不想拆分成多个图层的标题。无障碍、语义化且支持 CMS。
切片文字特效
SlicedText FX 将文字切割成片段,悬停时平滑滑入到位。一种大胆的交互式排版效果,适用于现代和创意布局。
开关切换
自定义激活和未激活状态的颜色。调整组件大小。设置是否禁用。
擦除文字揭示
Wipe Text Reveal 让你通过简洁的线性擦除效果逐行揭示段落。完全可定制的控制项,可调整时间、方向和样式,打造引人入胜的动态文字展示。
MP3音频播放器
专业音频播放器,集成 WaveSurfer.js。可自定义波形可视化(条形或波浪)、调整对比度和增幅、控制播放光标,并使用自定义字体和颜色进行样式设置。支持 MP3、WAV 和 M4A 文件。
滚动轮播
Scroll Carousel 是一款流畅的无限水平轮播,内置视差效果,响应页面滚动。体验原生、流畅且轻量——无需 sticky 定位或布局技巧。
粒子文字揭示
标记重要文字,点击后揭示(例如优惠码)。
果冻光标
高性能自定义光标,基于速度的有机拉伸变形。可调跟随速度和果冻弹性强度,带来流畅灵敏的手感。
美国地图
交互式美国 SVG 地图 Framer 组件,支持悬停提示、可搜索州名、动画位置标记和可定制颜色。非常适合商业地点、分析仪表盘和地理可视化。
抽屉弹窗
Drawer——带有交错动画效果的侧边滑出面板 Framer 组件。
多选组合框
可搜索的多选下拉框,带有动画标签、键盘导航和流畅交互。非常适合表单、筛选器和设置页面。
交互式轮播
流畅的交互式 3D 风格图片轮播,带有球面旋转、拖拽控制、自动旋转和点击缩放预览——非常适合作品集、主视觉区域、产品展示和高端视觉画廊。
透镜效果
Hover Lens 是一款交互式 Framer 组件,为任意内容添加流畅的放大镜效果。一个圆形镜头跟随光标悬停,展示放大视图,可自定义大小、缩放倍数和动画过渡。
专业拍立得
想在手机上自拍?用这款全新的拍立得相机组件动起来吧——不仅能拍照,还能帮你保存图片。
欧洲地图
一款 Framer 组件,渲染实时的欧洲 SVG 地图,支持悬停交互。用户可以在提示框中查看国家名称和自定义详情、高亮选中区域,并通过 Framer 控制项完全自定义颜色和字体。
卡片展开揭示
交互式卡片组件,专为三卡布局设计——每张卡片按下后展开,揭示包含标题、文字和图片的分层内容。默认保持界面极简,通过流畅、有意图的动效引导用户注意力。
错误页面
用这款交互式 404 页面将迷路的访客变成粉丝。具备悬停时打乱的动态文字、基于物理的鼠标拖尾和流畅的入场动画。完全可定制,支持数组控制的按钮、自定义字体和动态颜色。
单选卡片组
精美的动画单选卡片选择器,完全可定制。非常适合套餐选择、设置和表单。
动态无限画廊,带有可定制的视差景深。调整惯性、平滑度和视差强度,同时管理你的图片集合。每个项目都有可选的链接按钮,便于无缝跳转到外部页面。
iPhone视频模型
iPhone 视频模型框 Framer 组件,让你在干净、逼真的 iPhone 外框中展示视频、应用演示和动态设计。设计精致现代,让你的内容脱颖而出,同时保持对视频本身的完全聚焦。
线性进度条
Linear Progress Bar 是一款轻量级 Framer 组件,用于展示进度、技能和统计数据,带有流畅动画和对字体、颜色、间距和时间的完整视觉控制。
LinkedIn帖子
在 Framer 项目中直接嵌入逼真的 LinkedIn 风格帖子。完全交互式,支持反应弹窗、可展开文字和主题切换。非常适合作品集、推荐语和社会证明区块。
双色调图像特效
用经典的双色调效果变换你的图片,基于 Three.js WebGL 驱动,性能流畅、视觉惊艳。
星际跃迁
为你的网站添加动态的科幻风星场跃迁效果。非常适合主视觉区域、加载画面或需要速度感和纵深感的背景。
霓虹灯牌滚动条
将城市夜生活的活力带到你的网站。Neon Sign Ticker 打造逼真的霓虹灯滚动字幕,带有真实的发光效果和随机闪烁,非常适合促销、公告或赛博朋克主题。
货币兑换专业版
用 Currency Exchange Framer 组件提升转化率——一款精致、完全可定制的实时法币和加密货币兑换组件。原生 Framer 集成、交互式图表和液态玻璃模式,让金融、加密和电商网站快速、现代。
客户头像揭示
动画头像堆叠效果——图片从底部到顶部依次显现,带有微妙的旋转。客户名称仅在悬停时以浮动标签形式出现在头像上方,保持布局简洁的同时在交互中揭示上下文。
智能邮件复制
Smart Email Copy 将静态邮箱地址转化为交互式体验。每个图标在悬停时高亮邮箱的特定部分,用户只需单击即可精确复制所需内容,配合细腻的视觉反馈。
3D沉浸式画廊
高冲击力的 3D 瀑布流画廊 Framer 组件,将图片和视频融合为无限自动滚动的体验。流畅的物理效果、基于景深的视角、悬停打磨和简洁的全屏预览,让它显得高端且充满生命力。
轨道球体
Orbital Sphere 是一款流畅的动画 3D 风格球体组件,以最小的工作量打造未来感的高端视觉冲击。
标题揭示
用风格化的方式揭示你的标题。HeadingReveal 使用动画遮罩和方向性延迟,创造引人注目的文字入场效果。
霓虹边框光束
赛博朋克风格的卡片包装器,带有持续旋转的激光边框。速度、发光强度和颜色完全可定制。无需视频文件——纯代码驱动的高性能效果。
有机放射背景
生成式径向 SVG 动画,专为氛围背景和主视觉区域设计。使用向日葵(叶序排列)圆点分布,搭配原生 SVG 动画,在所有屏幕尺寸上实现流畅、轻量的运动效果。
光束背景
令人惊叹的 WebGL 驱动背景,带有流动的光束。颜色、旋转、发光强度和画质完全可定制。非常适合主视觉区域、落地页和现代网页设计。灵感来自 React Bits。
旋转图标球体
用令人惊叹的 3D 旋转图标球体展示你的技能。从 Phosphor 图标库中选择,自定义颜色、大小和动画速度。非常适合作品集、技术栈展示或任何视觉呈现。
CMS目录工具包
从 CMS 内容自动生成目录,并完全自定义其布局和样式——位置、宽度、标题层级、排版、颜色、间距、边框、阴影和平滑滚动偏移。
拍立得滚动专业版
趣味拍立得风格照片滚动条,在屏幕上无限滚动。照片如移动的胶片条般悬挂,响应滚动、悬停和交互,营造怀旧又现代的视觉体验。
Bouncy Text 是一款简洁吸睛的文字动画——字符从两侧弹入,在屏幕中央汇合。
简易数字递增
用这款动画数字递增组件让你的数据活起来。
Twitter帖子
为任何 Framer 网站即刻添加真实的社会证明。完全可定制的 X/Twitter 帖子组件,带有交互式悬停卡片、动画点赞和响应式设计。非常适合推荐语、案例研究和作品集展示。
复制页面供AI使用
一键将 Framer 页面复制为 Markdown 格式,适用于 ChatGPT、Claude、Gemini 等大语言模型。选择包含内容、排除页头页脚,一键发送给 AI 工具。无需编码——拖放即可。设置简单,完全可定制。
井字棋专业版
精致的井字棋游戏,带有 AI 对手,支持三种难度级别、可定制颜色和样式、音效、计分追踪和流畅动画。
文字主题切换
ThemeToggle 是一款轻量级、无代码的文字式 Framer 主题切换器。让用户在明暗模式之间切换,完全掌控排版、颜色、间距和动效——设计上与现代界面无缝融合。
代码块专业版
精致的 Framer 代码查看器,带有语法高亮、多语言标签页和一键复制功能。专为文档、落地页和面向开发者的网站设计,响应式布局,完整的视觉控制。
iPhone Instagram故事
在逼真的 iPhone 模型框中展示 Instagram 风格的快拍。这款 Framer 组件支持照片和视频,带有流畅过渡、进度条、点击涟漪、反射效果和丰富的控制项——非常适合社交、应用和作品集。
虚线进度条
适用于 Framer 的环形虚线进度条,支持可定制的渐变和描边(虚线)宽度。无论你是在构建未来感网站还是添加精致动画,这款组件都能为用户提供精准的视觉反馈。
推荐语立方体
将静态评价转化为沉浸式 3D 体验。Testimonial Cube 提供两种高品质展示模式——旋转 3D 立方体和未来感全息卡片——让你的社会证明引人注目。非常适合 SaaS、代理商和产品页面。
图片分割揭示
用单个组件创建惊艳的图片揭示效果。Image Split Reveal 为图片添加高级悬停交互,图片分裂后展现优雅的文字内容。非常适合作品集、主视觉区域和产品展示。
水平滚动
Horizontal Scroll 是一款现代 Framer 组件,将垂直滚动转化为流畅的水平动画。非常适合图片展示、叙事区块和产品亮点。
净推荐值评分
用这款交互式 NPS(净推荐值)表单字段收集有价值的客户反馈。让用户选择评分并通过可选的追加文本框说明原因。完全可定制、响应式,与 Framer 表单无缝集成。
时间线时钟
用精美的动画时钟界面展示公司时间线。非常适合关于页面、创业故事和产品发布。支持滚动驱动动画、响应式布局和完整的颜色定制,包含桌面端和移动端变体。
磁吸揭示效果
交互式画布效果——光标如磁铁般通过一个由响应式圆点组成的动态网格揭示图片或视频,将运动、景深和微妙氛围融为一体的沉浸式揭示体验。
一套全面的社交媒体分享按钮合集。支持弹性宽度、对齐控制、自定义图标颜色,覆盖 X(Twitter)、Threads、Bluesky、LinkedIn 等主流平台。零依赖。
展示瀑布流专业版
响应式瀑布流画廊,融合简洁布局、流畅悬停交互和可选灯箱,在所有屏幕尺寸下以景深、动感和精致感展示图片和视频。
北美地图
完全交互式的北美 SVG 地图 Framer 组件,支持悬停提示、国家选择、自定义颜色和动态国家详情——非常适合办公地点、位置展示和数据可视化网站。
铅笔素描效果
直接在 Framer 中将任意图片转化为逼真的铅笔素描。提供两种专业算法(铅笔素描和扫描画稿),可自定义笔触、强度、噪点和边框。
光线特效
Light FX 是一款可定制的动画主视觉背景,带有柔和光线和星光粒子,专为现代主视觉头部、英雄区块和暗色模式落地页打造。复制到项目中即可自定义属性。
烟雾效果
适用于 Framer 的可定制烟雾效果。复制到项目中,编辑属性即可调整烟雾强度。
裁剪画廊
富有表现力的 Framer 媒体画廊,使用自定义 SVG 裁剪路径以有机形状展示图片和视频。包含响应式布局、流畅的悬停缩放和沉浸式全屏弹窗,便于聚焦查看。
滑块轮播专业版
将任何内容转化为沉浸式轮播体验。提供 7 种独特的 3D 布局,包括转轮、翻书、立方体和螺旋。拖拽、滑动或点击导航,包含自定义光标、信息叠加层和流畅的弹簧物理效果。
环形轮播
强大的 React 3D 轮播滑块组件,专为交互式画廊、作品集和展示页设计。支持图片、视频和混合媒体,具备流畅的拖拽控制、运动动画、透视景深和可定制设置。
流星动画专业版
创建迷人的流星雨背景,流星完全可定制。包含单色和多色模式,可调速度、大小和密度。非常适合主视觉区域和吸睛视觉效果,性能优化,无需编码。
螺旋动画专业版
在 Framer 中创建迷人的螺旋动画,完全掌控颜色、速度、密度和发光效果。非常适合主视觉区域、加载画面和现代背景。完全响应式,性能优化,无需编码。
六边形背景
创建带有流畅悬停交互的动画六边形背景。颜色、大小和间距完全可定制。基于 Canvas 渲染,高性能。非常适合主视觉区域、落地页和现代网页布局,无需编码。
液态全息效果
高性能 WebGL 背景,模拟流体虹彩效果。具备有机扭曲、光泽珠光高光和平滑的四色混合,呈现梦幻般的高级全息质感。
形变流动粒子
高性能 3D 粒子系统,在球体、立方体、金字塔、环面、银河和波浪形态之间平滑变形,配合旋涡运动、4D 噪声动画、发光泛光效果、星场背景、交互控制和电影感旋转。
聚焦式推荐语
节省空间的推荐语组件,将长篇社会证明转化为交互式流动段落。悬停聚焦单条推荐语,其余淡出。为清晰度、性能和真实布局而生。
面包屑导航
面包屑导航组件,带有动画和 SEO 结构化数据。支持每项图标、紧凑模式和下拉模式、入场动画和完整的无障碍支持。高度可定制,每种状态都有完整的样式控制。
手风琴滑块专业版
Accordion Slider Pro 是一款高品质 Framer 交互式布局组件。非常适合房地产、作品集和叙事场景。以响应式、流畅的手风琴滑块展示图片和内容,节省空间并提升互动率。
缺失拼图块
高品质动画拼图——反复尝试拼完一张图片,但总有一块拼不上。非常适合 404 页面、错误状态和叙事布局。
音乐播放器卡片
Music Player Card 是一款精致的交互式音频组件。展示封面媒体、标题和艺术家信息,同时让用户通过完全可定制的界面播放音频。非常适合作品集、落地页和交互式播放列表。
网格过渡
用像素化揭示动画为你的布局增添锐利的数字感。专为现代界面设计,提供对运动、交互和时间的完整控制——无需编码。
光标响应式主视觉
用光标响应式主视觉创建沉浸式落地页或作品集。可自定义背景、渐变、文字颜色、字号和运动强度。完全响应式、触控友好且可调整大小。
神经场效果
未来感输入框组件,让 Framer 中的表单显得智能、灵敏且视觉先进。
房贷计算器
现代化、可定制的房贷计算器 Framer 组件,即时提供月供估算和清晰的费用明细。以清晰和信任感为设计核心,帮助用户在任何设备上几秒内了解负担能力。
三语切换开关
三语言切换开关 Framer 组件,链接到独立页面而非自动翻译——非常适合 SEO 优化的多语言网站。
文字微光动效
Text Shimmer Wave 是一款带有流动波浪运动的文字微光动画效果,非常适合加载状态、主视觉标题和现代动态排版。
个人资料展开
用交互式个人资料组件突出展示团队成员。悬停或点击/轻触时资料卡展开,显示头像、姓名和职位,布局简洁灵活。
时间线滚动专业版
将你的故事转化为视觉旅程。Scroll Timeline 带来高品质的滚动触发动画、发光进度路径和精美的里程碑标记。非常适合公司历史、产品路线图或作品集时间线。
弹跳屏保
经典的空闲屏保 Framer 组件。在无操作后激活,显示一个弹跳的图片或 SVG,碰到屏幕边缘时反弹。可选运动拖尾效果,营造更柔和的氛围感。轻量、可预测、可用于生产环境。
GSAP 3D画廊
轻量级 3D 径向画廊,纯 CSS 构建,搭配流畅的 GSAP 入场动画。移动鼠标或拖拽即可在 3D 空间中与画廊交互。所有属性完全可定制,无缝集成到你的项目中。
渐变可视化工具
用动画渐变着色器可视化工具创建惊艳视觉。颗粒纹理和扫描线增添复古梦幻氛围,交互式鼠标效果提升体验。完全可定制——查看可定制属性了解所有选项。
3D ASCII查看器
即插即用的 Framer 组件,将 GLB 模型转化为动态 ASCII 艺术,支持 CRT 模式和可选彩色渲染。
文字揭示动画
逐行、逐词或逐字揭示文字——加载时或滚动时触发。遮罩行揭示、交错时间、模糊、旋转、缩放、偏移和弹簧过渡。适用于主视觉区域、标题、CTA、落地页、作品集等。
翻转卡片特效
FlipCard FX 创建一张悬停时流畅翻转的交互式卡片,背面展示更多内容。非常适合作品集、产品展示和交互式 UI 元素。
液态着色器
动态 WebGL 液态背景,带有有机运动、鼠标交互和色差景深效果。
世界时钟同步
用简洁、可搜索的界面即时对比全球时区。追踪时差、自定义样式,直接在 Framer 中与全球团队保持同步。
团队聚光灯
让你的团队展示区成为获客利器——非常适合代理商、专业服务商、咨询公司、SaaS 团队、工作室、诊所、创作者等。为快速联系和建立信任而生,完全可定制且响应式。
盾牌表单专业版
Turnstile 验证、蜜罐陷阱、时间校验、数学挑战和 Apple 级 UI——全部集成在一个即放即用的组件中。
弧形文字滚动条
灵活的动画文字滚动条,支持弧形或直线布局,循环流畅,控制项结构清晰。
渐变滚动文字
渐变揭示文字是一款 Framer 组件,当文字进入视口时逐步显现,同时一道鲜明的渐变光带划过每一行。专为主视觉标题和强烈的排版表现力而设计——要的就是醒目的冲击力,而非含蓄的点缀。
更好的Lottie动画
一款功能强大的 Framer Lottie 组件,让你全面掌控播放、触发方式和可见性行为——远超默认 Lottie 组件的能力。
动画按钮特效
AnimatedButton FX 是一款可定制的按钮,带有流畅的悬停和点击动画。为任何行动号召按钮增添动感、反馈和个性。
毛玻璃卡片
现代毛玻璃风格卡片组件,带有流畅的悬停倾斜交互。具备磨砂玻璃质感、微妙光晕和基于景深的运动效果,非常适合落地页、功能展示区和高端 UI 布局。
CSV数据表格
功能丰富的全响应式数据表格,专为真实业务场景打造。排序、筛选、分页、编辑和管理大规模数据集,界面简洁、动画流畅、定制灵活,完全不依赖外部库或后端。
无障碍访问专业版
Accessibility Pro 为访客提供符合 WCAG 可用性最佳实践的实用无障碍控制:可读文字、清晰焦点、对比度辅助和减少动效选项。只需添加一次,你的 Framer 网站就能服务更多用户。
位移按钮
动态 CTA 按钮,带有弹性悬停动画——按钮向左滑动露出方向箭头。具备流畅的弹簧物理效果、可定制颜色、排版控制和即用型变体,非常适合现代交互界面。
Instagram弹窗
高品质 Instagram 聊天弹窗,外观和体验与真实私信如出一辙。让访客通过熟悉的 Instagram 界面即时发起对话,包含输入指示器、快捷回复、个人资料详情和直接私信集成。
反应扩散效果
创建催眠般的有机图案,随时间不断演化。该组件使用高效的 WebGL 着色器模拟反应扩散化学过程,生成美丽的、类似生物纹理的图案,永不重复。
软体物理效果
令人着迷的软体物理模拟,通过先进的光线步进着色器创造有机的、流体般的交互效果。
渐现图像
WebGL 图片揭示效果,配合惊艳的滚动驱动动画。提供 5 种独特的揭示效果,支持自定义时间和缓动曲线。
语言切换器
功能强大且无障碍的语言选择器,支持旗帜 emoji、自定义图片或地球图标。支持点击/悬停交互、完整样式控制和毛玻璃效果。易于定制,非常适合多语言网站和本地化 Framer 项目。
复制为Markdown
一键将 Framer 页面复制为 Markdown 格式,适用于 ChatGPT、Claude、Gemini 等 AI 工具。自由选择包含内容、排除页头页脚,一键分享给 AI。按钮样式、图标、颜色、圆角等完全可定制,原生构建于 Framer。
水填充预加载器
你的 Logo 像注水一样逐渐填满色彩,打造干净的品牌优先加载瞬间,让网站瞬间显得更精致、更有设计感。
动态CMS灯箱
用 CMS Fancybox Pro 提升你的 Framer 项目——基于业界领先的 Fancyapps 库打造的轻量强大灯箱方案。专为 Framer CMS 设计,让你的动态内容与灯箱无缝衔接。
描边动画文字
大胆的排版组件,以描边文字搭配动画填色效果为特色。支持多词循环切换、可定制描边宽度、发光效果和对齐控制,非常适合主视觉标题。
反射文字
为任意文字添加实时镜像倒影效果。具备专业的排版控制和可定制的倒影引擎,高性能且完全响应式。
磁吸悬停卡片
一组可复用的磁性悬停卡片,在 Framer 中构建。每张卡片响应光标方向——背景从进入的一侧滑入,从离开的一侧滑出。非常适合 Logo 展示、社交链接或任何交互内容区块。
玻璃特性标签页
高品质功能展示组件,内置毛玻璃主题。点击或悬停即可在图片和视频之间流畅切换,支持自动播放、背景模糊和平滑弹簧动画。
字符雨背景
用飘落的字符背景为你的布局增添微妙动感,完全可定制且轻量。
芯片加载特效
动画 SVG 加载器,以微处理器芯片为造型,配有 8 条发光电路走线。可自定义颜色、动画速度和显示文字,非常适合科技、AI 和开发者风格的加载状态。
3D悬停翻转卡片
高品质交互式卡片组件,带有磁性悬停效果和流畅翻转动画。支持可定制的 3D 倾斜、悬浮效果和跟随鼠标的动态阴影,非常适合作品集、产品展示和现代网页体验。
X聊天弹窗
Twitter 聊天弹窗,带有真实的消息编辑器、表情选择器和可定制输入框。通过 Framer 完全可控,支持明暗模式、自定义图标、焦点状态和完整样式选项,在你的网站上实现无缝的 X(Twitter)私信体验。
AI问答
一键启动 ChatGPT、Claude、Gemini、Perplexity、Grok 和 Google AI。同时向多个 AI 服务发送提示词,完全可定制,支持拖拽排序。
旋转文字圆环
创建惊艳的环形文字动画,带有流畅旋转和交互式悬停效果。非常适合主视觉区域、徽章、Logo 和吸睛的设计元素。字体、颜色、图标和动画速度完全可定制。
倒计时时间线
用精美的倒计时器搭配里程碑进度追踪来营造期待感。非常适合产品发布、活动、婚礼和促销。包含动画进度条、庆祝特效和完整的主题定制。
涂抹揭示效果
还记得兰多·诺里斯网站上那个疯狂的交互式主视觉吗?就是那个。所有人都看到了,所有人都想要。现在它终于来到了 Framer。那个让每个 F1 车迷和网页设计师都为之疯狂的刮刮卡揭示效果。
定时媒体弹窗
用这款 Framer 组件提升互动率——支持以多种形状弹出视频/图片预览,带有延迟和流畅动画效果。
3D旋转星球
令人惊叹的 WebGL 3D 星球,具备程序化地形、逼真的大气光晕和动态星场背景。颜色、大小和旋转速度完全可定制,非常适合高冲击力的主视觉区域。
管状立体文字
Tube Type:无限 3D 管状文字动画。字母通过分层线条形成旋转圆柱体,非常适合主视觉标题和实验性排版。可控制速度、管壁厚度、字母交错、字体和颜色,支持预览模式调整画布定位。
环形进度条特效
CircularProgress FX 展示三个动画进度圆环,用于可视化活动、进度或状态。数值、颜色、标签和动画样式完全可定制,非常适合仪表盘和数据统计。
AI文字加载特效
AITextLoading FX 模拟 AI'思考中'或'输入中'的状态,带有流畅的文字弹出动画。非常适合 AI 工具、加载器、预览和对话式界面中需要表达后台正在处理的场景。
AI摘要
一款 Framer 组件,让访客一键打开主流 AI 工具,并预填提示词来总结你的页面内容。适用于任意元素,支持多个 AI 服务,允许设置全局或页面级提示词。
像素按钮
为 Framer 打造的未来感像素按钮,融合动画像素、霓虹光晕、旋转光束和涟漪效果,打造高冲击力的 CTA。旨在提升点击率、增强界面层次感,让每次交互都充满活力。
霓虹电路
NeoCircuit 是一款精致的电路风格动画加载器,为你的 Framer 项目带来高科技的未来感。
卡片切换
CardSwap 是一款可定制的动画卡片组件,通过流畅吸引的过渡效果循环展示视觉分类。每张幻灯片呈现一组倾斜图片、标签和图标选择器,非常适合展示产品、功能或分类。
高性能弹簧物理倒计时组件,专为 Framer 打造。具备运动模糊过渡、独立数字渲染和零布局偏移,即放即用。
交互式图片
交互式卡片布局——图片沿平滑弧线排列,悬停时响应、智能展开、聚焦发光,点击后居中放大。非常适合高端画廊、展示页和现代落地页。
3D倾斜翻转卡片
交互式 3D 卡片,支持悬停倾斜与点击翻转效果。可自定义倾斜力度、最大宽度、光泽叠加层等。正面展示图片,背面呈现文字——非常适合作品集、个人简介和产品展示。
展开式导航
大胆醒目的交互式导航组件。悬停任意项即可展开内容卡片,配合流畅的交错动画、图片过渡和文字揭示效果。完全可定制——字体、颜色、图片、布局位置随意更换,自适应任意容器尺寸。
句子高亮
长篇内容在屏幕上容易让人感到疲惫。该组件通过逐句高亮的方式,营造平静、专注的阅读体验。它减少视觉干扰,适配桌面端和移动端交互,让长文阅读更加轻松舒适。
平滑滚动
这款精细可调的平滑滚动组件,能让每个网站的观感和体验都更上一层楼,支持自定义滚动速度与平滑度。
文字沿路径运动
让文字沿任意自定义路径运动,专为 Framer 中的流畅性能而打造。
流体网格渐变
流体网格渐变是一款高品质交互式背景组件,将细微的光标移动转化为流动的、电影感的色彩运动,同时可选的自主漂移模式让画面在光标静止时依然保持生动。
颗粒感渐变专业版
直接在 Framer 中创建电影感的多层颗粒渐变。完全可定制的多色背景系统,支持角度控制和有机噪点纹理。
骨架屏加载动画
为你的布局添加平滑的骨架屏加载占位效果。提升感知加载速度,在内容加载期间保持用户的关注。
个人资料卡片
精美的动画个人资料卡片,带有流畅的悬停上滑效果。支持精细的字体排版控制、缩放效果和社交链接。非常适合团队介绍和作品集页面。
交互式星系
基于 Three.js 构建的交互式 3D 银河系,支持自定义粒子数量、螺旋臂、动态颜色、旋转、脉冲动画、环境星场和流星效果。拖拽旋转、滚轮缩放,带来完全沉浸式的宇宙体验。
文件上传器
在 Framer 表单中无缝上传图片、视频、PDF 等文件,依托 Cloudinary 强大的云存储。支持拖放上传、实时进度追踪、文件校验与自动优化,100% 原生集成,无需编写任何代码。
动画列表
精致响应式的动态流,逐个揭示项目并带弹簧动画。非常适合通知、活动流、更新日志和事件亮点。
滚动缩放
滚动揭示。每个框架都带有动效和深度的呼吸感。
速度效果
滚动驱动的速度遇上分层动效和节奏。
重力效果
催眠的太空场景,带漂移星星、发光地平线和动画文字。
视差马赛克
视差马赛克以无限滚动网格显示图片,带视差、倾斜和拖拽——非常适合沉浸式展示和现代着陆页。
动画渐进模糊
渐进模糊是一个视觉吸引力强的Framer组件,随用户滚动为网站区块添加动态模糊效果,创建精致沉浸式的浏览体验。
渐变背景
密码输入专业版
令牌就绪的密码字段,配备显示/隐藏、进度条和检查清单、自定义规则(包括正则表达式)、从任何库或插槽选择图标,以及覆盖以限制原生提交
弧形滚动
弧形滚动让您以流畅可定制的曲线路径显示图片或内容,可调节弯曲度、速度和方向
项目工时图表
轻松显示总小时数和项目分解。四种主题、完全可定制的布局和颜色、适用于任何设计的灵活组件
光标线条
跟随光标的反应式线条网格。四种运动模式、颜色控制和流畅性能,用于交互式现代设计
Framer幻灯片
此组件允许您在Framer中创建、分享和保护演示文稿
问卷化
用时尚的常见问题、图片和视频支持吸引用户。Questify让答案交互式、清晰、高级
CSV转Framer表格
将CSV数据转换为可定制表格。它获取CSV文件、解析其内容,并将其显示为具有可配置外观和布局选项的样式表格
高级文本弧形
可定制的组件,沿曲线路径显示文本,创造圆形或半圆形文本效果
无缝垂直滚动,配备倾斜、自动播放和交互式控件
极光文本
为任何文本添加迷人的闪光光环。极光文本让您完全控制排版、颜色、闪光数量、大小和动画,打造炫目标题
社交聊天小部件
Framer一体化社交聊天按钮——通过WhatsApp、Telegram、Messenger、Instagram或电子邮件即时与访客联系
此组件为网站创建交互式图片揭示效果。它使用两张图片:始终可见的基础图片和悬停时揭示的隐藏图片
前后图片滑块
交互式完全可定制的滑块,用于比较两张图片。拖动手柄即可揭示
数据可视化专业版
Framer交互式图表。轻松连接数据,选择折线图、柱状图或面积图,从5个主题中选择,移动端安全响应式设计和流畅动画
交互数据卡片
Framer交互式KPI卡片,配备动画计数器、折线图/柱状图/甜甜圈图、悬停洞察、灵活数据输入和仪表板即用默认值
光晕效果按钮
带有脉冲动画和悬停网格效果的现代渐变按钮——完美用于英雄行动号召和高级着陆页。享受使用,祝构建愉快
图片查看器
Framer同步画廊+迷你地图。惯性拖拽、点击跳转、水平/垂直地图
照片轨道
照片轨道将您的图片转化为迷人的交互式圆顶画廊。用户可以点击拖动探索动态照片球体,每张图片在360°中流畅旋转
流畅的动画渐变背景,可自定义样式、速度、缩放、噪点和位置,用于动态英雄区
文本变形
创建流体动画文本标题,完全自定义内容、动画时间、排版和颜色
Github提交
像素网格启发的文本动画组件,配备明暗和自动模式,灵感来自标志性的GitHub提交热图。完全可定制对齐、主题和动画
支付卡片
Framer可定制的点击翻转支付卡组件。显示可编辑详情、渐变和颜色的正反面,完美用于结账UI、金融科技项目
无限图片画廊
一个无缝的无限滚动图库,内置适用于图片、视频和GIF的灯箱功能。可在Framer中对布局、动态效果和视觉风格进行全面自定义。
多米诺滚动
这个组件会产生多米诺骨牌倒下的效果,当用户滚动页面时,元素会以级联顺序进行动画展示。每个实例都会经历三种动画状态(开始、中间和结束),形成流畅的过渡效果,模拟多米诺骨牌一张接一张倒下,然后从屏幕上消失。
画廊X
GalleryX——时尚动态的画廊网格,带3D视差、流畅拖拽惯性和互动覆盖层——非常适合以深度和动效展示视觉效果。
弧形画廊框架
电影级画廊框架,为视觉效果添加沉浸式动效和曲率。非常适合主背景、作品集展示和互动显示。
像素光标
互动粒子轨迹光标,为网站添加动态动效和色彩。非常适合作品集、着陆页或任何你想增强视觉参与度的界面。
星云漩涡
星云漩涡以动态3D轨道显示图片,响应光标移动并带缩放、深度和旋转,打造高端互动展示。
Logo粒子
将任意SVG转换为惊艳的粒子效果,带可定制的点、颜色、间距、混合模式和互动悬停扭曲。
时尚可定制的番茄钟计时器,设计为Framer组件。
霓虹文字动画器
每个字母依次淡入,带霓虹发光脉冲效果。
文本编辑器
将任何表单或内容区域转换为专业写作工作区。此组件重现用户期望的现代应用富文本编辑体验,带格式化工具。
目标进度条
可定制的进度条,带目标、动画计数和为每个贡献来源标注的彩色分段。
字体测试器组件
互动字体测试器,编辑文字、预览字体、调整大小、行高和对齐方式,看你的文字在不同样式中栩栩如生。
滚动圆圈
随滚动在任何标题周围动画圆圈。完全可定制的文字、颜色、大小和速度。
迷你时钟
完全可定制的模拟时钟,用于Framer。设置任意时区、调整颜色、指针样式,为项目创建优雅的时间显示。
专业邮箱检查器
可定制的邮箱输入组件,用于Framer,实时验证邮箱地址。
高级返回按钮
智能导航按钮,将用户带回浏览器历史记录中的上一页,带备用选项。
随机CMS混排器
每次页面加载时随机化CMS集合项目顺序的组件,可选择限制项目数量。
图片闪烁光标
自定义图片光标,跟随网页上的鼠标移动。当你移动鼠标时,光标图片会变化,创建闪烁效果。
设置文字缩进以匹配基于网格的列。包含可选的GSAP文字动画。
瓷砖网格
动态3D瓷砖网格,带流畅动画、悬停效果和透视深度。
Figma光标
Figma风格的自定义光标,带跟随移动的流畅芯片。轻量、完全响应式且高度可定制——为任何网站增添即时光泽。
对比表格
精美的价格表,使用JSON秒速更新。自动转换为移动友好卡片。非常适合功能列表和服务层级。
渐变发光文字
动画渐变和发光文字效果。非常适合标题、主视觉区或任何你想让文字脱颖而出的地方。
扭曲切换
流畅互动的图片过渡组件,具有扭曲、涟漪、波浪和缩放效果——非常适合提升作品集和主视觉区的视觉效果。
倾斜光环
创建圆形图片画廊,在中心点周围以旋转光环形式显示图片。
专业翻转倾斜卡片
创建时尚的3D卡片,带流畅翻转和倾斜效果,非常适合展示产品、价格、团队或任何需要动态3D视觉效果的内容。
打字见证
打字见证组件是一个动态、完全可定制的见证滑块,用于React/Framer项目。通过打字机动画高亮显示用户反馈。
浮动点
动画点背景,增强主视觉区或创意页面。
页面预加载器
专业页面预加载器,带14种进入/退出动画、灵活的可见性模式、自定义内容支持和视口缩放。非常适合精致的网站加载体验。
季节折扣
在热门节日或自定义日期为客户提供独特折扣。
数字CMS分页
自动以有组织的布局显示CMS集合项目,带内置分页控制的组件。
CMS倾斜
将CMS集合项目以随机旋转倾斜显示,创建有趣的散落宝丽来风格布局的组件。
高级返回顶部滚动
可定制的按钮,点击时平滑滚动用户返回页面顶部。可始终可见或仅在滚动后自动出现。
震动效果
此组件为连接的任何元素添加持续震动动画。创建在震动和暂停间交替的水平振动效果。
股票价格图表
此组件直接在Framer项目中显示实时股市数据和精美动态价格图表,无需API密钥、无需认证、无忧。
PIN页面锁定
此组件创建安全的6位数密码保护屏幕,锁定整个Framer网站直到输入正确代码。
电影滑块
用CineSlider为网站带来电影感,这是为Framer打造的高端图片和内容滑块。专为流畅动效、大胆视觉和完全自定义而设计。
环形画廊
创建惊艳的圆形图片展示,带互动轨道布局和翻转卡片。非常适合作品集、产品展示或创意叙事。
FOMO提示
轻量、角落固定的提示通知,循环显示最近的购买或注册,带头像/首字母、智能计时、进度条、点击链接和可选音效。
文件树
最小化、高性能的文件树,带展开/折叠、选择和可选连接器指示器。提供扁平项目列表即可渲染整洁可导航的目录。
对比滑块
交互式前后对比滑块,配备垂直和水平变体、CMS就绪图片、完全定制和无障碍控件
文字预加载器为您的Framer项目添加逐字加载动画。可定制、轻量级、时尚——完美打造影响力开场
计时器将强大的倒计时功能直接带入您的Framer项目。设置精确的目标日期和时间,准确跟踪剩余时间
滚动浮动
浮动滚动文本动画是一个Framer组件,让标题在滚动时浮现。完全可定制——调整时间、速度、字体和文本,打造现代外观
流动线条
具有交互式线条运动的动态波浪网格,可自定义速度、振幅和间距,呈现未来主义流体视觉效果
社交链接轮盘
为您的项目添加交互式社交媒体链接轮盘。完全可定制、轻量级、无缝使用,完美让您的设计即刻更互联
菜单栏
优雅可定制的底部导航,配备流畅动画、响应式设计、工具提示,专为提升网站和应用体验而打造
旅程步进器
在Framer中创建精美的动画旅程地图和时间线。用交互式步骤吸引用户,用有趣的五彩纸屑效果庆祝进度
聚焦照明
用发光可定制的聚光灯效果让您的图片栩栩如生。在用户光标下模糊和变暗背景,同时揭示清晰细节
帧滑动
现代图片轮播,将优雅与性能相结合。具有居中焦点框架和模糊侧边预览,创造电影般的故事
液态变形
用动画、变形的斑点形状创建迷人的流体图片遮罩。完全可定制玻璃效果、阴影和无缝运动
文本图片标题
创建混合文本和图片的动态标题
长按按钮
这个按住按钮是常规网页按钮的趣味变体。用户必须按住才能激活,而不是快速点击
滚动文本遮罩
此代码为网站文本创建特殊效果。让文字随着人们向下滚动页面而逐渐显现
放大拖拽
拖拽并调整您连接的任何内容的大小
黑胶唱片播放器
使用原生Framer动画、预构建音频组件和自定义气泡组件,创建点击播放和暂停音频的组件
评分输入
使用可定制图标和与原生Framer表单的无缝集成,时尚地收集评分
用可定制的动画星空为您的网站注入生命力
循环卡片
循环图片卡片轮播,10个插槽、13种动画、完整的时间和样式控制。完美用于展示、英雄区和作品集
用这个Framer交互式前后对比滑块展示惊艳的转变。支持照片和视频,配备精致手柄和流畅交互,突出展示效果
动态便当卡片
可完全自定义的交互式便当卡片:秒级更新数据、标签和颜色以适应您的项目
交错证言
交错证言轮播将客户评价转化为带有自动播放、滑动手势和可定制Framer控件的交互式堆叠卡片
CD播放器
此组件让您播放带有旋转CD效果的音频,配备可定制的封面、边框和速度。完全可定制
汽车展厅滑块
优雅的交互式汽车展示,配备动画手风琴幻灯片、流畅过渡和可定制细节
扭曲文本
带有反应式扭曲的扭曲文本。画布驱动、SSR安全、调整大小感知,并针对流畅悬停揭示进行优化
ASCII对象
用完全可定制的ASCII渲染形状将任何设计转化为动态科技启发体验
霓虹轨迹
霓虹轨迹是使用ThreeJS/WebGL的时尚现代效果。具有发光动画轨迹
滚动媒体滤镜
在滚动时让图片和视频栩栩如生:动画饱和度、模糊、色调、亮度、对照度,加上轻柔的缩放。几分钟设置,无需代码,默认高级外观
环境视频播放器
带有环境光晕的视频播放器
文本缩放动画
文本缩放动画逐字揭示文本,配备流畅的缩放和淡入效果——可定制、响应式,完美用于英雄区或标题
点阵涟漪网格
优雅、完全可定制的动画点阵网格背景,配备涟漪、发光和渐晕效果——完美为您的Framer项目增添深度和动感
轨道动画
在您的Framer网站上体验轨道动画组件——现在支持视频和图片上传
信用卡
完全可定制的交互式信用卡,悬停或点击时翻转显示背面。完美用于结账预览、作品集元素或任何需要的项目
分层画廊
带有悬停揭示和点击展开功能的交互式图片堆叠组件。完美以动态方式展示项目、作品集和产品预览
轨道网格
轨道网格让您将图片上传到令人惊叹的3D旋转球体。点击任何图片打开带有标题和描述的流畅全尺寸预览
矩阵雨
将标志性黑客帝国效果带入您的Framer项目。矩阵雨生成带有发光霓虹轨迹的可定制字符级联流
棱镜点阵
迷人的发光渐变点动画背景,为任何设计增添深度和能量
用WavyBackground为任何Framer项目添加迷人的动画波浪,这是完全可定制的流体渐变背景。创造即刻提升网站的深度和动感
悬停效果链接
创建带有弹性悬停扭曲效果的动态路径文本动画,完全可定制
冰霜悬停效果
带有可定制强度、模糊和悬停区域的悬停激活冰冻扭曲效果
明信片动画
带有动态悬停效果、动画GIF和详细背景故事的沉浸式角色展示
交互式3D书籍
带有悬停动画、主题切换和书籍详情的3D启发书架
3D立方体文本
带有视差、旋转和动态排版的动画3D立方体文字
全屏幻灯片
带有动画标题、导航和分页的现代自动播放幻灯片
故障科技眼
带有ASCII粒子和光标跟随眼睛的动画故障球体——完美用于未来主义英雄区
波浪轮播
电影级图片画廊,具有基于深度的悬停效果、键盘导航和响应式3D透视缩放
指纹磁铁
优雅的指纹启发磁性组件,对光标移动产生交互式反应,创造流畅动态的吸引效果
智能主题切换
完全可定制的明暗模式切换,配备自定义声音、颜色、动画和悬停效果。加载时自动检测用户系统主题偏好
像素过渡卡片
时尚的像素化揭示卡片,通过随机像素网格过渡在两个内容之间切换。完美用于画廊、产品卡片和悬停/点击揭示
日食切换
完全可定制的明暗模式切换,配备流畅过渡,完全在Framer中构建
投资计算器
交互式投资计算器,让您跟踪资金增长,显示贡献、毛额、净值和实际价值,以及随时间变化的利润
聊天常见问题
将常见问题转化为引人入胜的聊天式对话,配备完全可定制的设计、排版和流畅动画
滚动SVG揭示
随用户向下滚动页面而自我揭示的动画SVG路径
表单数学
此代码为网站创建计算器。它使用自定义公式根据用户在不同输入字段中输入的内容计算值
热点组件
专为沉浸式购物体验设计的交互式产品预览元素。此组件在主产品图片上显示精致的焦点叠加层
光影播放器
主题感知的玻璃风格视频播放器,支持明暗视频、缓冲指示器、自动播放、自定义控件、响应式布局和完整样式选项
图片缩放悬停专业版
让您的图片栩栩如生!悬停缩放或使用跟随光标的放大镜——完全可定制,无需代码
图片滑动揭示
交互式悬停/拖拽遮罩效果,揭示分层内容或图片。可自定义方向、速度、形状和流畅动画
散景效果
使用ThreeJS/WebGL制作的美丽交互式散景效果
下降效果
带有交互运动的分层3D阶梯错觉,可倾斜、旋转和下降
页脚波浪效果
通过鼠标或触摸交互产生涟漪和弯曲的流体文本扭曲效果
发光卡片
将光线、深度和运动融入交互式切换体验的未来主义卡片UI
高亮线条示例
用可复用的HOC提升您的Framer组件——旋转、悬停效果和随机颜色,只需几行代码
进度滚动条
滚动进度刻度是可视化滚动的优雅方式。它将页面映射为均匀间隔的刻度,随用户滚动而高亮显示,取代普通滚动条
验证码
Framer可定制验证码组件——为您的表单添加人机验证,设计简洁,样式灵活
视觉错觉
具有脉冲、缩放和深度旋转的催眠式3D分层圆圈错觉
水滴波纹
迷人的3D水波纹效果,可自定义颜色、时间和深度
脉冲视频
Framer高级自定义视频播放器——可品牌化、现代化且完全交互式
文本高亮
通过高亮一个或多个单词来强调标题中的词语,同时保持响应性
星空幻灯片
电影级滑块,完全自定义图片、文本、颜色、字体、自动播放和导航。流畅、大胆、面向未来
手动主题切换
在UI中手动切换主题。主题本地存储,在不同页面和会话中保持恒定
甜甜圈图表
Framer甜甜圈图表:简洁、动态、完全可定制的无代码图表
CMS轮播字段
在CMS富文本字段/格式化字段中添加任意数量的图片,连接到组件并循环播放为图片轮播
系统按钮
情境按钮是智能组件,自动检测访客的操作系统并显示相应的下载按钮
螺旋图片光标
为您的Framer项目添加动态图片螺旋光标轨迹。上传图片,看它们随移动螺旋、旋转和淡出,打造完美的交互式吸引人背景
系统检测按钮
此强大组件自动检测用户的操作系统——MacOS、Windows、iOS或Android——并自定义按钮以提供定制化体验
动画票据
适用于Framer的优雅动画票据/收据组件。完美用于订单确认、活动通行证、付款收据或具有高级交互感的数字票据
鼠标轨迹网格
为您的设计添加流畅的交互式运动,配备平滑跟随轨迹组件。完美创建趣味光标效果、动画轨迹或交互式英雄横幅
二维码专业版
二维码生成器专业版是多功能可定制的Framer代码组件,让您轻松根据用户输入生成二维码
礼物滑动
高级滑动揭示礼品卡组件。创建交互式时刻,让用户滑动解锁隐藏惊喜,完美用于生日、赠品、促销或公告
极光涟漪网格
带有发光线条、彩虹模式、鼠标驱动涟漪和可定制效果的交互式涟漪网格,打造未来主义视觉体验
透视网格
无限滚动砖石网格,带可定制的3D透视和流畅动画。
文字悬停解密
此组件创建随机生成字符的网格,当你悬停时揭示实际文字。
3D按钮行动号召
现代化的行动号召按钮,结合简洁设计和互动反馈增强用户参与度。采用柔和圆角和醒目排版设计,创建流畅体验。
CMS可展开幻灯片
超可定制的可展开幻灯片轮播,支持CMS、画廊或静态图片源、动画、自动播放、灯箱、滑动等更多功能。
液体背景
使用Three.js的动态液体3D背景效果。
帧过渡器
流畅的自动框架轮播,循环播放连接的框架,带可定制的模糊、缩放和时间过渡,实现动态视觉叙事。
产品视图
精美地展示产品,带互动主图片和缩略图画廊。切换箭头、自定义边框并控制悬停行为,呈现简洁灵活的展示。
全息图片效果
为任意图片添加高端玻璃全息图效果——带精细控制的动画眩光、倾斜和反射,营造精致的3D感。
交错列表
可定制的动画列表组件,带动效控制、样式选项和CMS支持,用于创建动态互动列表。
星系
🌠 让网站令人难忘。星系混合深度、互动性、未来视觉效果,立即提升转化率并让受众惊叹。非常适合AI初创公司、代理机构。
智能提示弹窗
可定制的工具提示弹窗,在悬停或点击时揭示丰富内容、媒体或多步骤信息。非常适合入门指导、功能提示或产品亮点。
变形点光标
流畅变形光标,悬停在互动元素上时从点转变为环。完全可定制的颜色、大小和动画。
网络摄像头
此组件在Framer网站中激活并显示设备的摄像头画面。
随机变体
每次页面加载或刷新时自动显示组件的随机变体。
聚光灯卡片
通过跟随光标的迷人聚光灯效果转换设计。
黑胶唱片机
黑胶唱片播放器组件——展示你的音乐品味,点击专辑封面即可播放上传的MP3文件。
标志旋转效果
动画双logo圆环,带旋转、拉动和爆发效果——完全可定制的内外logo、大小、数量、半径和速度。
选择颜色
选择颜色更改器是一个完全可定制的组件,让你定义整个网站文字选择的外观。
3D加载器
在Framer项目中加载并显示互动3D模型(GLB/GLTF),带专业动画、光照控制,无需编码。
棱镜音乐
将音频转换为精美可定制的音乐播放器,带曲目详情、专辑封面和流畅播放。
趣味卡片
互动有趣的卡片,带流畅悬停动画和完全自定义。
互动动画六边形网格。每个六边形随鼠标移动动态缩放,具有流畅的颜色过渡,非常适合背景、主视觉区。
滚动监听导航
强大的滚动监视导航器,带流畅滑动指示器。支持图标、条件可见性,深度自定义任何单页或长篇内容。
可变文字
实时变形字符的动态文字组件——非常适合未来感标题、悬停效果和互动排版。
动画流动文字
通过时尚可定制的闪光渐变文字动画让排版栩栩如生——非常适合标题、主视觉区和现代UI高光。
无限画廊,在2D空间中无限循环,带运动模糊、深度和自动滚动。
像素变形
像素变形通过响应式像素网格动画让图片栩栩如生。悬停或触发以通过流畅的像素揭示变形内容
交互式导航菜单
令人惊叹的圆形导航菜单,配备流畅动画、可定制样式和动态按钮配置
出现文字
强大优雅的文字组件,随用户向下滚动逐渐用颜色填充文字,创建惊艳的滚动动画。非常适合创建引人入胜的效果。
无限循环滚动
有趣的滚动画廊,让图片成为焦点。循环动效、分层深度和触控友好的乐趣,适合作品集和展示。可个性化定制。
平移缩放查看器
现代响应式图片查看器,让你检查放大视图的不同细节。
轮播球体
轮播球体3D滚动环为设计带来动效和深度,流畅旋转的图片或视频环,非常适合现代主视觉区和创意展示。
CMS多重过滤
为CMS集合添加多重动态过滤。可选择单选下拉菜单进行独占过滤或带复选框的多选选项。
CMS侧边画廊
从格式化字段提取图片,显示为画廊,允许用户通过点击缩略图切换图片。
购买力平价
此组件自动检测访客的浏览位置,并显示自定义横幅提供特定地区的折扣码。
半色调揭示
半色调揭示动画——SVG遮罩与JavaScript魔法。
无尽网格
无限可平移网格,用于显示图片、视频和/或文字。以各种布局排列媒体,随心所欲自定义。
可视化网站地图
生成网页结构的微型可视化地图组件,用可自定义的颜色突出显示不同HTML元素,改善导航体验。
旋转画廊是一个吸引注意力的旋转展示。几秒钟即可设置,可选循环、滚动或自动播放,每张图片都可链接到目标位置。
点阵网格背景
自定义点阵网格背景,可多方面定制。更改颜色、不透明度,开关效果,改变样式,添加自定义SVG等。
音频播放器
高级全功能音频播放器组件,允许上传mp3、wav等任何音频文件,并完全自定义外观以适配你的网站。
滚动指示条
时尚可定制的滚动进度条,提升用户体验。轻松调整颜色、大小和位置,为网站创建流畅的互动导航。
呼吸背景
动画渐变背景,可选呼吸动效和涟漪点击效果,非常适合沉浸式主视觉区和着陆页。
图片聚光灯
互动图片聚光灯,带3D倾斜和鼠标跟随径向显示效果。非常适合作品集、画廊和沉浸式悬停效果。
图片光标
现代化的图片自定义光标,具有流畅弹簧动画、悬停激活和可选标签,非常适合沉浸式设计导向的Framer体验。
飞行海报
飞行海报通过OGL和流畅物理引擎为画廊带来3D滚动视觉效果——非常适合沉浸式主视觉区和创意作品集。
螺旋动画
全屏螺旋粒子动画,带动态轨迹、缓动效果和可选互动按钮,非常适合主背景和启动屏。
渐变条
动画渐变条,有节奏地脉动,创建时尚动态背景,非常适合着陆页、主视觉区和音频响应式视觉效果。
个人链接页
易用的链接树风格组件,以吸引人的网格形式排列你最重要的链接。
动画按钮
简洁、现代且完全可定制的按钮组件——非常适合着陆页、作品集和产品网站。
互动时间线
将里程碑转化为时刻。互动可定制的时间线组件,让你的项目、事件和故事栩栩如生——只需几分钟。
错误页面游戏
五款小游戏让访客保持参与而不是跳出。非常适合404页面、维护页面或任何需要保持注意力的地方。
电影烟雾文字
烟雾文字——为标题添加氛围动效。流畅循环的烟雾动画,通过微妙发光和电影般的深度让排版栩栩如生。非常适合创意。
文字漂移效果
为排版带来微妙优雅的动效。文字漂移为标题和主视觉区添加流畅精致的动画,营造高端现代感。
弹出倾斜卡片
完全可定制的卡片组件。通过悬停时流畅的倾斜和弹出效果展示图片或文字。活泼的动画和多功能性远超基础卡片UI。
捕捉标志
通过互动玻璃态效果立即提升参与度和转化率。
图片保护
保护你在Framer中的照片——阻止右键、拖拽和保存操作,保持视觉效果的安全和专业。
效率滑块
生产力滑块,以流畅动效和自适应设计展示专业类别。
多重波浪效果
多波浪文字效果——互动流体排版动画。
动态网格
支持1-8张动态卡片的Framer组件。提供可展开的详细视图、导航和布局、文字、颜色及视觉效果的完全自定义。
高级提示框
完全可定制的工具提示组件,精确箭头定位、字体、边框和颜色控制。非常适合优雅的UI提示和悬停交互。
光标宠物
用可爱的光标宠物为网站增添魅力!从悠闲的水豚到活泼的狐狸、忠诚的考拉和可爱的河马,每个光标宠物都带来有趣的互动。
创意流程
沉浸式滚动叙事,带动画章节、流畅过渡和优雅排版。
文字遮罩
动画文字组件,通过移动图片揭示文字。非常适合主视觉区、品牌标题、创意作品集和着陆页。
光标图片轨迹
图片轨迹是一个动态Framer组件,通过实时显示跟随用户光标的图片序列创建沉浸式悬停体验。
动画边框
最多添加五种颜色,显示或隐藏边框颜色。可用于图片或纯色背景。可调节边框宽度、圆角、方向、起始角度或速度。
页面浏览计数器
实时页面浏览量计数器,连接Supabase跟踪并显示访客数量,具有流畅动画和可自定义的格式选项。
3D图层揭示效果
3D图层揭示效果,悬停触发透视和深度——非常适合现代着陆页、作品集和产品卡片。在Framer中完全可定制。
表单字段验证
姓名和电话字段验证,带自定义电话掩码。
水平3D轮播
可自定义的3D轮播,随页面滚动而旋转。
CSV转表格
可自定义的CSV转表格组件——非常适合展示对比、价格、排名或基准数据。
本地化定价
基于IP地址显示不同货币的自定义固定定价,无需使用本地化功能。最适合用于定价页面或区域
角色流程
用PersonaFlow时尚展示证言——动画滑块,具有3D图片堆叠、自动播放和任何Framer项目的完整设计定制
增长计算器
Framer交互式增长计算器组件。使用动态滑块和实时结果轻松展示收入预测、储蓄或任何自定义指标
轨迹文本揭示
文本的轻量级轨迹动画——完美用于滚动、悬停或自动播放揭示
像素鼠标轨迹
用像素化轨迹将您的光标转化为复古游戏体验,美丽淡出——完全可定制、高性能、怀旧
漂浮星星
可定制数量的星形形状从屏幕底部向上浮动
烟花动画
用可定制的烟花动画背景为您的项目带来能量和色彩,增添充满活力的庆祝爆发
CMS手风琴
SEO友好的CMS手风琴辅助组件,自动管理手风琴状态
波浪文本
为您的Framer项目添加交互式光标驱动波浪文本动画——完美用于标题、着陆页和品牌声明
滚动它
用完全可定制的滚动条为您的网站增添精致边缘,替代默认浏览器滚动。设计为在所有浏览器和设备上流畅工作
iPad Pro模型
用这个iPad Pro模型轻松展示您的设计。在Framer内的真实iPad Pro屏幕上上传您自己的照片或视频并展示。简单、简洁、即用
图层过渡
专业日历
日历专业组件,集优雅日期导航和内置任务/事件管理于一体。适用于仪表盘、日程应用和效率工具界面。
🚀 脉动边框
可自定义的脉冲动画组件,带有发光、颜色渐变和粒子效果。适合高亮内容、创建焦点区或增添视觉吸引力。
标志粒子变形
为你的Logo带来互动粒子扭曲效果,根据用户光标或触控而变化。
夜空粒子
夜空粒子背景——梦幻的动画背景,闪烁漂移的星状粒子,适合沉浸式主视觉区、着陆页或神奇UI时刻。
LED矩阵
复古LED矩阵文字组件。
分散文字标题
引人注目的动画标题,加载时字母分散再组成文字,并可根据鼠标移动响应。将光标移入字母可将其四散。
007专业显示
以精美的显示设备样机形式展示你的图片、视频或iframe内容。可调节屏幕发光,并自选浅色或深色底座主题。
模糊打字机效果
打字机组件,支持标准打字机动画或每字符模糊特效。
网格扭曲
可定制的WebGL组件,适用于图片和视频,可调节网格大小、扭曲强度和流畅的悬停响应。轻量、时尚且无缝集成。
消息聊天
动画消息风格聊天组件,具有流畅的打字指示器、气泡动画和自动滚动功能。
漫画字体
漫画字体组件是一个动画文字元素,旨在为您的项目带来动态的漫画书风格外观。
下落文字
具有真实物理效果的互动文字动画 - 文字下落、弹跳,并响应重力、鼠标拖拽以及滚动、悬停或点击等触发事件。
图片轮播
流畅循环的图片轮播,配有精美动画,非常适合以时尚且引人入胜的方式展示作品集、产品或画廊。
滚动文字显示
随着用户滚动动态显示文字,具有流畅的淡入或颜色高亮效果。非常适合叙事、主视觉区域和互动文字效果。
自定义滚动条
用完全可定制的滚动条替换默认浏览器滚动条。适用于所有浏览器和移动设备,可控制颜色、宽度、圆角和自动隐藏。
反转镜头
使用反转镜头转换图片和视频 — 一个WebGL驱动的反转蒙版,跟随光标流畅移动并产生迷幻扭曲效果。
按列缩进文本
强大的文字组件,可将内容分成多列,具有灵活的缩进和流畅的动画效果。非常适合标题、主视觉区域和编辑排版。
今日营业时间标签
显示今日营业时间,支持时区、节假日逻辑和长周末检测 — 完全可定制,非常适合全球受众。
边框跟踪
通过时尚的互动边框动画效果为您的Framer项目注入活力。根据光标位置动态点亮边框,立即吸引用户注意力。
网格画廊
多功能且易于使用的网格画廊,用于展示您的作品。完全可定制的列数、样式和动画。非常适合作品集、品牌、产品等。
圆形介绍动画
适用于Framer的可定制圆形动画组件。非常适合以现代、引人入胜的方式展示标志、团队成员或任何图片集。
图片缩放
为任何图片添加互动缩放效果,内置三种样式:包含、镜头和覆盖。完全可定制,适用于产品照片、画廊和作品集。
文字深度
为任意文本添加醒目的3D深度和描边效果。颜色、角度和不透明度均可完全自定义——非常适合吸引眼球的标题或独特的字体特效。
乒乓加载器
俏皮的复古加载动画,灵感源自经典Pong游戏。两只移动的挡板和弹跳小球在加载时吸引用户注意。
五彩纸屑
点击按钮或页面加载时自动触发五彩纸屑动画。
3D倾斜
连接任意画框或上传图片,将其转变为3D卡片,悬停时实现逼真的倾斜和高光效果。
重力文字
模拟字母重力效果的文字组件,营造有趣的排版动画。
键盘快捷键
通用键盘快捷键组件,可为任何按钮或元素添加热键功能。支持跨平台快捷键,智能Mac/Windows转换和自定义链接。
视频组件
此组件具有直观的播放/暂停控制、声音切换功能,可无缝集成到任何项目中。非常适合创建引人入胜、精致的观看体验。
Lumise
交互式堆叠图片画廊,通过流畅的悬停效果、颜色显示、尺寸变化和焦点高亮让照片栩栩如生。非常适合作品集和团队展示。
刮刮卡
刮刮卡组件,用户通过滑动或点击拖动来刮开表面层,逐渐显示下方隐藏的图片。
回到顶部
通过具有动态进度指示器的强大回到顶部组件提升您的网站导航。高度可自定义且性能优化
卡片堆叠展开
带有悬停展开的交互式卡片堆叠 - Framer堆叠图片标题卡片组件,在悬停时展开并显示突出的视觉效果,通过可自定义面板控制
多功能表单
完全可自定义的Framer表单组件,适应任何目的,具有现代样式和灵活的字段选项
网格悬停图片
网格悬停图片 - 带有悬停展开的动态网格画廊
悬停标签效果
创建互动标签过渡,悬停时更改内容 —流畅、现代,非常适合动态网页区块。
模糊揭示
为任意图片添加有趣的揭示效果——默认模糊,悬停时清晰。非常适合预告、表情包或产品揭示。
色度球体
在三维空间中探索色彩的和谐——旋转、混合并揭示RYB光谱的美丽。
带轨道点的动画时钟——React + Framer组件。
衰变卡片
互动衰减卡片——动作驱动的图片扭曲效果。
按钮组输入
完全可定制的按钮组组件,与Framer原生表单集成,支持单选或多选选项,完全控制样式。
动画3D文件夹,打开时显示文件,带悬停提升、磁性运动、流畅标签阴影淡出,以及可调节的颜色和纸张图片,呈现逼真的UI效果。
动态文字运动
动感文字运动是一个Framer组件,通过流体物理启发的运动动画文字,让网站栩栩如生。
磁性框架
磁性框架组件,动态响应用户光标移动。当鼠标指针悬停附近时,框架平滑地被吸引。
专业预加载器
时尚可定制的预加载器,让品牌栩栩如生——在页面加载前无缝显示logo、视频或进度条。
旋转闪光按钮
通过动效和发光吸引更多注意力——完全可定制的旋转闪光按钮,让CTA在任何Framer项目或着陆页中脱颖而出。
宇宙拉力
宇宙引力将图片动画化为迷人的拉力效果,视觉效果流动并消失到中心,仿佛被宇宙力量牵引。
滚动播放视频
创建惊艳的滚动触发视频动画,像素级完美控制。三种强大模式、丝滑流畅的性能和专业级计时控制。
动画区块
全屏叙事幻灯片,带电影般的过渡。滚动、滑动或自动播放浏览沉浸式文字和图像。
键盘物理效果
此组件允许你使用方向键控制页面上的任何元素,带逼真的物理效果,包括重力、跳跃和动量。
水波扭曲
逼真的WebGL水着色器,带实时控制——深度、扭曲和动态光照。
3D图片倾斜
通过互动3D动效、逼真视差深度和动态光泽效果让视觉效果栩栩如生。非常适合主视觉区和产品展示。
数字时钟
Chrona时钟是一款时尚的数字时钟,融合风格与实用性。适配任何布局,支持世界时区,提供发光或玻璃便当盒样式。
涂鸦循环
添加沿俏皮手绘路径和分隔线流动的动画文字。
垂直缩放幻灯片
垂直缩放幻灯片是一个动态图片展示组件
描边径向仪表
可自定义的圆形进度仪表径向图表,具有平滑动画和渐变支持
目录线条(CMS)
目录,可展开/收缩(悬停或点击)成精致的垂直排列的不同长度的横线集合,对应CMS标题
社交分享按钮
只需几次点击,即可为Framer项目添加优雅且完全可自定义的社交分享按钮。无需代码,完全控制
发光动画
发光边框动画非常适合突出网站的关键部分
苹果网格视图
网格视图是一个由画布驱动的Apple Watch风格画廊:中心突出,边缘平滑淡出
光泽视频播放器
时尚地播放视频。现代、光泽、透明的视频播放器,具有可自定义的控件、自动播放、循环和静音选项
螺旋画廊
该组件展示视觉震撼的螺旋图片画廊,使图片围绕中心区域以浮动旋转的螺旋形式动画
条形图
完全可自定义的响应式条形图,支持JSON/CSV、交互式工具提示和灵活的样式选项
模糊视频播放器
模糊视频播放器是一个简洁多功能的解决方案,用于嵌入具有令人印象深刻的景深效果的视频
渐变边框
可自定义的Framer组件,可为任何图层应用线性或径向渐变边框。轻松调整颜色、角度和样式,创建简洁现代的设计
焦点轮播
快速、无障碍的无限图片轮播,带有微妙的聚光灯焦点。拖拽、箭头、键盘或自动播放。为Framer构建,针对平滑性能进行调优
画廊容器
以简洁、交互式的方式展示您的作品,这个即用型Framer组件专为创意人员、设计师和开发者设计,具有平滑的水平拖拽效果
光标捕捉游戏
光标捕捉器通过将光标转变为游戏,将被动用户转变为主动参与者
复古终端
它将您的网站从静态页面转变为活生生的、会呼吸的交互式终端
气象站
它获取实时天气数据,并使用粗像素字体和动画精灵显示
智能可自定义的面包屑导航,带有分隔符、省略号和完整样式控制,用于清晰、无障碍的网站导航
目录揭示(CMS)
目录CMS组件,具有独特的进度条标题,当用户滚动到每个相应部分时显示
图片裁剪路径
让您的图片更有趣,只需几次点击即可添加自定义形状裁剪路径。遮罩是100%矢量的,因此始终清晰高质量
闪光光标
为您的网站添加有趣的魔法,带有闪光光标轨迹。每次鼠标移动都会创建彩色爆发,向外动画并淡出,带来平滑、动态的效果
精灵动画
将精灵图转换为动画精灵
项目滚动器
Framer动态垂直滚动器。自动滚动并循环最多20个项目。完全可自定义,支持独特的背景、图标和文本样式
真实坠落
图片3D坠落效果。通过改变多个图片实例的摇摆、大小、模糊和移动来模拟深度和透视
像素化图片悬停
这个Framer组件可为图片添加酷炫的像素化悬停效果,将普通图片转换为交互式元素
查看更多-展示
精选封面,显示最多5张展示图片或视频——点击交互式循环浏览您的作品
按键操作
将任意按键映射到任意链接。例如,可以将K键映射到打开你的Calendly链接。
加载动画
通过12种独特加载动画为你的界面注入活力。
获取20多种可自定义的社交分享按钮——集于一个组件。
自适应图片幻灯片
可选择自动、手动或滚动触发滑动。可自定义圆角、方向、标签文字和颜色——全部集成在单一组件中。
Showra
前所未有地展示视觉效果——Showra的沉浸式叙事轮播融合图片、文字和动效,打造大胆高端的展示。
世界时间
轻量可定制的时钟日期组件。可选择任意全球城市,12/24小时格式切换,多种日期样式显示,文字样式完全可定制。
滚动效果
Scrollify组件让你完全自定义浏览器滚动条,可调节颜色、大小和样式,带来流畅的滚动体验。
简洁响应式的柱状图代码组件。非常适合仪表盘、分析和报告。完全可定制且易于集成。
高级视频滑块
为Framer打造的终极视频滑块。高端视频幻灯片组件,让你的项目充满电影感和活力。
内联文字和图片
动态可定制组件,允许你使用*符号在文本中无缝集成内联图片。
3D跑马灯
此组件以独特的3D透视效果展示图片网格,为任何设计增添深度和现代感。非常适合主视觉区和动画背景。
创建星级评价的唯一所需组件。兼容CMS,可调节星星数量、填充值、颜色、大小、间距、边框和圆角。
图片运动轨迹
使用图片运动轨迹将Framer动画提升到新高度,包含8种不同的图片轨迹效果。
自适应播放器
自适应音乐播放器,支持CMS,可自定义设计,多轨道播放和流畅的专辑封面过渡。非常适合音乐、播客和作品集。
主题图片切换器
明暗模式自动切换图片组件。添加响应式视觉效果以匹配用户偏好。
微妙图案
使用灵活的图案生成器为Framer项目添加深度和动效。
动态字体
简洁的自动动画文字组件。可使用波浪、涟漪、螺旋等多种效果。无需代码即可完全自定义。
图片转粒子
将任意图片转换为流体粒子系统,支持鼠标交互和流畅动画。非常适合主视觉区、作品集展示和其他艺术作品。
根据用户设备智能切换视频与图片。桌面端自动播放视频,移动端自动切换为图片等更多功能。
流体扭曲
高性能GPU加速组件,为任意图片添加动态互动液体扭曲效果。
发光边缘
多功能代码组件,可为任何画框或内容添加可自定义的动态发光边框。非常适合聚焦卡片、主视觉或行动号召块。
烫金卡片
FoilCard为你的Framer项目增添高端互动体验,带有动态3D倾斜效果和跟随光标的闪亮金属箔光。非常适合产品展示。
动画立方体
动画立方体组件,完全可自定义、流畅旋转,支持交互拖拽。
玻璃导航
为导航栏制作玻璃风格背景,带来现代高端的苹果风外观。
蜂窝图片
时尚可定制的蜂窝网格,带有从中心开始自动重复的涟漪动画。
充满活力的数字脉冲网格,随机控制且可定制。
音频播放器1
美观可定制的音频播放器,动画波形可视化,上传或链接音频,调色、尺寸与外观全部 UI 内调节。
3D交互卡片
丝滑 3D 悬停卡片,倾斜动效与动态背景缩放,适合产品、作品集或重点内容。
吃豆人滚动条
复古吃豆人动画 Banner,完全自定义颜色、速度、边框和文字,适合怀旧头部、活动 Banner。
湿玻璃覆盖
炫酷“湿玻璃”动态遮罩覆盖,悬停时涟漪变形揭示底部内容,营造液态视觉冲击,适合互动首屏。
3D照片立方体
可拖拽的互动 3D 图片立方体,旋转顺滑,立体视角与自定义面,适合产品与作品集展示。
通知弹窗
现代简约通知弹窗,动画流畅,颜色内容皆可定制,适合各类 web app 或仪表盘。
文字动画循环
TextAnimationCycle 让主标题轮播动画生动,支持 Glitch、Vaporize、Dissolve 等多种效果,主屏/引言/标语皆宜。
旋转圆圈
旋转圆环组件,内含 2、4 或 8 元素,适合首屏、Bento 或卡片分区,可调转向。
侧向轮播
3D 侧向图片轮播组件,带来沉浸感画廊体验。
视频文字
让任意文字填充视频,为主屏营造难忘视觉冲击!
ASCII图案
Ascii Pattern 是可自定义的动画 ASCII 图案生成器,支持选择模式、字符、颜色与特效,玩转复古/未来/艺术玩法。
变形文字
平滑文本变形动效,让文字流畅转场,移动端友好、完全可定制,尤其适合首屏。
螺旋文字
动画螺旋文本,波浪双螺旋动态。
高级文字显现
分词显现、渐变动画、媒体嵌入与 16 种 SVG 遮罩,独立控制每个元素,排版层次丰富。
图表组件
多功能 Framer 图表,数据直接生成柱状/饼图/折线图,无需编码,完全自定义。
点阵图案
动画点阵,悬停时带缩放、波浪与动效,SaaS 落地页展示利器。
动画选择框
为您的网站添加逼真的文本选择动画。非常适合突出关键内容、创建交互式教程或引起对重要文本的注意
光晕轨道
令人惊叹的3D图标轨道,带有平滑的玻璃环。拖拽具有逼真的动量、自动旋转,并可自定义一切:半径、倾斜、速度、球体大小等。完全响应式
CMS无限网格
无缝无限滚动网格,用于CMS图片和画廊,带有灯箱、5种布局类型、悬停效果和超可自定义的拖拽交互
自定义图表是一个响应式、可自定义的折线图组件。创建具有平滑动画、主题和完整样式控制的交互式现代数据可视化
高级步进器
带有图标的动画步骤时间线。绘制平滑的波浪或直线,显示每个点,并显示简短标题。在加载时或部分进入视图时运行
动态圆点
这是一个动态点背景组件,可创建视觉惊艳的点状图案,具有可自定义的动画
点击缩放
简洁的点击缩放图片预览组件,具有平滑动画和可自定义的叠加层
生物动画
交互式粒子网格,对移动做出反应,充满能量,感觉活灵活现
线性渐变行
该组件创建动态线性渐变行,具有跟随鼠标移动的交互式聚光灯效果
滚动加载器
简洁可自定义的滚动进度加载器,带有百分比计数器、动态文本和进度条——非常适合讲故事的网站和作品集
文字丝带
高性能、无尽循环的文本丝带
活动日历
EventCalendar是一个简单、优雅且完全可自定义的日历组件,非常适合直接在您的网站上展示聚会、研讨会、派对或发布等活动
折叠搜索
现代可折叠搜索栏组件,集成搜索功能
滚动进度条让您自定义厚度和颜色,提供纯色、渐变或多色选项以适应您的设计
可拖动卡片堆叠
平滑的、ticker风格的卡片堆叠,循环、下拉卡片堆叠,具有预期缩放、幽灵交接和可选的自动旋转
框架景观
FrameScape是为创作者打造的高级图片展示,简洁的布局、平滑的动画,以及轻松切换作品集、产品或落地页的功能
宇宙螺旋
模拟活体星系的动画螺旋粒子系统。非常适合英雄部分、背景或沉浸式运动体验
氛围文字
为您的排版添加故障、模拟风格的扭曲效果,打造未来主义外观
暗幕背景
使用Dark Veil增加深度和风格——可自定义的动画网格背景,具有色调偏移、噪点、扫描线和扭曲效果
简单价格卡片
简单、现代的价格卡片,内置标签栏切换,可选择2种价格选项
粒子文字特效
将文字转换为活生生的粒子动画,具有物理效果、颜色过渡和交互性。非常适合英雄部分、标题和现代UI效果
滚动文字揭示
该组件在用户滚动您的网站时平滑地显示文本。完全可自定义且易于使用,非常适合为您的网站添加动态效果
媒体扭曲镜头
超现实的WebGL镜头,融合了反转显示和网格扭曲。完全可自定义、GPU加速,专为平滑、沉浸式交互而设计
CMS幻灯片
动态组件,将CMS图片字段转换为幻灯片。无缝链接图片到CMS变量,实现特定项目的平滑过渡显示
光标图片揭示
显示区域动态跟踪光标,而图片的其余部分保持变暗或模糊,提供引人入胜的视觉体验
粒子溶解
通过令人惊叹的粒子溶解动画让您的图片栩栩如生。该组件让您的图片分解成对用户交互做出反应的彩色粒子
揭示列表图片
揭示列表图片让您将文本与图片配对。悬停时,图片动态出现。完全可自定义:字体、颜色、背景和多个项目
环形轨道轮播
如黄油般平滑的3D轮播,具有两种模式:令人惊叹的3D环和简洁的线性轨道。由Framer Motion驱动,带来高级感觉和深度自定义
动态FAQ
动态FAQ组件,支持即时搜索、无限问题、完全自定义和平滑动画。将静态FAQ转变为智能体验
轨道环专业版
优雅的3D卡片环,具有平滑介绍、悬停效果、动态页面标题、活动发光高亮和滚动安全行为。放入、添加图片、完成
打字机证言
现代推荐轮播,具有悬停激活卡片和打字机效果。完全可自定义:颜色、字体、图片、文本和打字机速度
美观的动画通知信息流,具有平滑的入场动画和可自定义的样式
这是一个精致的卡片轮播,创建水平可滚动画廊,具有平滑导航和优雅的悬停效果。非常适合推荐或精选内容
手持模型
将图片或视频放入手持的逼真手机屏幕中——非常适合高级英雄镜头和应用预览
星星粒子光标
创建神奇的交互式光标轨迹,带有跟随鼠标移动的闪烁星星粒子。完全可自定义颜色、动画和效果
交互式背景
通过响应鼠标悬停的交互式效果,让您的背景栩栩如生
返回按钮
通过简单的Framer覆盖为您的网站添加类似浏览器的后退导航
模糊文本滚动
滚动效果,逐渐从文本中去除模糊,在用户阅读时创建平滑的显示
图片光标轨迹
趣味悬停魔法,生成爆裂、漂移、下落等图片尾迹,20+ 控制项自定速度、距离、尺寸、碰撞和样式。
反应球
物理弹跳交互小球,鼠标碰撞弹跳,妙趣横生。
水平滚动5S
5 秒配置,拖进父级容器即用,响应良好,可随时禁用横向模式。
眩光覆盖
为任意元素加光斑高光覆盖,更真实立体。
热感光标
反相热感光标特效,鼠标区域反色显现,动态延迟、悬停缩放、边框与背景模糊可选。
悬停图片切片
现代互动图片组件,图片分割四块动画合并,悬停融合,适合作品集、画廊、首屏。
文字故障
现代文字数字失真组件,适合首屏/科技标题、未来主义与赛博风网站。
图片故障
为图片添加现代故障(glitch)动效,动画流畅,适合创意/科幻/科技网站。
未来视频播放器
轻量单视频组件,播放时仅当前视频有声,滑出或不可见时自动暂停,页面快无杂音。
物理标签
基于物理的互动体验,滚动到指定区块时各元素(如标签)动态掉落弹跳。
半色调显现图片
用运动与质感揭示你的图片。现代半色调动画为任何设计增添层次、节奏与视觉趣味。
3D堆叠画廊
打造令人惊叹的 3D 堆叠图片/视频画廊,兼具景深、动感与全面自定义,切换顺滑、自动播放无限轮播、全响应式。
封面流图片
用顺滑互动的 3D 封面流效果展示图片,卡片可拖拽/滑动浏览,适合作品集、产品画廊及各类设计。
液态玻璃按钮
用苹果 Liquid Glass 风格按钮为你的 Framer 项目增添典雅气质,流畅玻璃态组件即刻提升 UI 档次。
创建沉浸式文本动画,文字从背景的3D空间向前景移动,在经过摄像机时淡出
动画抖动
创建大胆的数字美学,唤起复古像素艺术、现代故障效果或有机噪点纹理
旋转展示
Revolv是一个简洁可自定义的项目展示轮播,旨在通过平滑动画和进度跟踪突出作品集、案例研究和精选作品
极坐标图表
可自定义的极坐标图表——通过可变半径段、平滑动画和交互式控件可视化多类别数据
卡片循环揭示
循环卡片揭示效果,带有平滑动画——轻松切换最多10张图片,用于作品集、画廊或产品展示
3D故事模型
多功能iPhone模型和故事播放器。展示静态设计或创建包含视频、文本和CTA的交互式故事。完全可自定义,带有3D视差效果
绘制帧
DrawFrame将您的网站转变为交互式游乐场,让用户直接在屏幕上绘画、涂色和显示颜色
项目动画
沉浸式作品集列表,带有动画悬停效果、背景图片和故障扰乱文本过渡
沉浸式幻灯片,具有缩放过渡、拖拽导航和自定义光标
完美图片
一体化图片组件,适应任何纵横比,完美适配,并允许您添加可自定义的标题、样式等
幻影画廊
丝滑平滑、可拖拽的无限网格,具有微妙的3D弧形曲率、中心固定缩放、抛掷/惯性和缓动光标视差
CMS轮播(5个)
强大的CMS轮播,提供5种样式,支持集合列表/画廊/静态图片和组件显示。具有自动播放、悬停暂停、动画、高性能和自定义功能
实时反应
为您的博客文章或文章添加实时反应。只需将自定义ID与CMS同步,每篇文章都将拥有自己的实时反应计数
项目列表
电影画廊组件,专为Framer中的沉浸式叙事而设计
电影页面加载器
可自定义的Framer页面加载器,支持动画文字、logo和电影般的分割效果。非常适合简洁的品牌介绍和沉浸式网站展示
lookbook商品展示
将生活方式照片转变为可购物体验。添加热点,每张图片最多标记10个产品,让每个视觉元素都可点击并产生收益
图片卡片悬停
交互式图片悬停卡片,具有缩放、模糊和动态子图片效果——完全可自定义大小、样式和动画
蜘蛛光标
动态交互式光标效果,带有蜘蛛般的点和连接线
动画斑点图片
创建高级浮动动画斑点形状图片,具有平滑运动、可自定义形状、速度和浮动强度,适用于现代UI和网页应用
图片滑动器
交互式图片滑动器,支持拖拽手势、导航控件、计数器和指示器。支持自定义图片、边框圆角和平滑动画
可自定义的logo预加载动画。在Framer工作室中轻松定制,通过平滑过渡和精致退出效果展示您的品牌logo
蒸发文字
文本动画,蒸发粒子并循环显示多个短语
图片位移
简洁的循环图片过渡组件,每张图片优雅地缩小以显示下方的图片,然后滑走——创造平滑的分层视觉效果
CMS清单
交互式清单,支持拖拽手势、完成动画、标签、CMS集成和可自定义样式
液态变形按钮
带有平滑悬停动画的现代液态变形按钮。支持自定义颜色、箭头上传和链接功能,打造独特的交互体验
头像聚光灯
展示人物的交互式组件,包含头像和动画名称
图片滚动擦除
通过滚动播放图片序列动画。画布平滑渲染,支持视网膜显示。可控制帧数和滚动距离(像素)。适合产品展示和3D旋转
拖拽、重新排序和动画卡片,带有平滑的3D效果
沉浸式3D穹顶
在穹顶中探索你的世界——每个角度都讲述一个故事
图片随机网格
动态图片网格,支持平滑的动画切换。可选择横向/纵向或对角线切换模式,完全控制动画速度、缓动和网格布局
购买通知
精致的购买弹窗,增加社交证明和紧迫感。支持实时API或演示模式。可配置时间/位置/颜色。移动端友好、无障碍且提升转化率
摇晃交换效果
视觉效果组件,在图层切换时添加抖动和模糊动画
老虎机计数
创建引人入胜的动画计数器显示,每个数字像赌场老虎机一样旋转到最终值
文本加载器
时尚的文本加载器,带有扫描条动画、可自定义的文本样式和颜色——非常适合创建吸引眼球的加载视觉效果
流体着色器
为Framer打造的迷人WebGL流体着色器。自定义主题、速度、强度和鼠标效果,创建动态交互背景、标题和沉浸式视觉效果
神经脉冲
用神经脉冲吸引注意力——未来感十足的交互背景,旨在突出行动号召、提升点击率并保持用户参与度。完美适配AI初创公司、代理机构和科技品牌
粘性缩放
此组件创建交互式放大镜效果,当光标靠近时图片会放大并跟随光标移动
点击声音
为 Framer 项目内任意元素加点触发音效,可用自带或自定义音频文件。
渐变运动
动态可自定义响应式渐变背景,动画顺滑,适合首页与互动场景。
文字循环
多文本轮播动画,切换顺畅,适合主屏、标语或卖点高亮。
制造流畅动画网格渐变。
漩涡光标效果
Swirly Cursor 生成流动、动感光尾,WebGL 技术打造炫酷视觉。
密码锁定页面
密码锁屏页,可用自定义美学设计锁住任意 Framer 页面。
悬停图片显现
Framer 专用互动组件,悬停顺圆动画显影出第二张图片,尺寸速度样式全可配。
图片转拼图网格
让图片变成趣味互动拼图,难度外观多选项,适配需求精细调整。
像素效果
动态像素扭曲组件,打造沉浸互动视觉特效,高性能高创造力,让普通图像焕发生命。
图片轮盘
可外挂连接动画的 3D 倾斜特效组件,可接外部容器控制动画。
振动滚动轮播
VibeScroll 让项目实现流畅、大胆互动的横向滚动体验,移动优先,吸睛时尚。
涂抹效果
交互组件,鼠标悬浮或拖动图片涂抹模糊,自定义强度和大小,实现创意变形。
响亮按钮
灵感来自 Work Louder 标志性键帽的触感按钮组件,旨在为数字界面带来物理、机械的真实手感。
PDF按钮
Framer 可自定义 PDF 按钮,一键新标签打开或下载文件,自选阅读器,悬停、颜色、字体样式自如匹配设计。
滚动侧边导航
作品集及长页面的平滑滚动导航,悬停显示分区名称,并可顺滑跳转各小节。
交互式文本
交互叙事文本,让你能将单词与图片和可选网址连接,悬停激活动画视觉,适合作品集、编辑内容和动态展示。
直接支付
Framer 无缝结账组件。
AB测试区块
利用自定义权重做分流 A/B 测试,随机向用户展示不同设计变种,无需全页面拆分。
链接悬停预览
链接文本悬停时,实时显示目标网站缩略图。
液体效果
Liquid Effect 交互式水波模拟,ThreeJS / WebGL 实现。
个人简介覆盖
响应式个人/团队卡片简介浮窗,点击弹出,自适应屏幕并支持移动端滚动和渐变背景。
水平图片轮播
动画图片轮播,动态文本揭示与交互切换图片,现代滑块新体验。
Logo构建器
一键创建专业字标,Material 图标与文字融合,适配各类项目与场景。
发光网格
可自定义的互动发光网格,为背景增添高科技炫光动感。
光标跟随按钮
交互按钮组件,图标顺滑跟随鼠标旋转。
雷达脉冲效果
雷达/声纳脉冲动画,圆波持续向外扩展并渐隐。
无限滚动条
滚动到底自动加载更多内容,营造无限流体验。
交互式点波
可自定义交互波浪点阵,点击、悬停、键盘均有动画反馈,视觉吸引力强。
Logo卷轴
简约 logo 走马灯,支持水平方向循环滚动或移动端上下滑动画。
沙粒粒子
Sand Particles 超高速互动粒子模拟,调色、物理与运动,营造流沙互动背景。
旋转标题
轮播标题,多词或短语顺畅切换,适合主屏、横幅或醒目召唤。
手风琴画廊
优雅交互折叠画廊,平滑悬停动画和动态标题,适合作品集、产品或 AI 展示。
项目标签区
CMS 项目管理与分组筛选标签组件,轻松把作品集用结构化方式展示出来。
CMS瀑布流灯箱
CMS MasonBox 一键将 Framer CMS 集合变为响应式瀑布流网格,支持灯箱(图片/视频)、标题、键盘/触屏操作等…
Vanta背景
Vanta.js 动漫 3D 背景,10 款可调效果:波浪、鸟群、雾等,适合首屏和沉浸式场景。
气泡上升
持续浮动向上与锯齿动态的图片动画,画面底部起步至顶部淡出。
宇宙粒子
打造宇宙粒子或星星闪烁效果,为设计注入景深与动态感。
视差网格
电影级首屏特效,运动与空间深度扭曲。
扫描效果
用未来科幻扫描动画展示前后对比,适合产品演示、修图及互动对比。
团队卡片
简约可定制团队卡片,灵活展示团队成员,轻松搞定排版与风格。
Logo 动画预加载,入口特效可选旋转与 3 秒淡出,简单易用,完全可定制。
玻璃计算器
高级玻璃态计算器,全响应,支持交互与键盘输入。
WebGL过渡
平滑 WebGL 涟漪转场,将图片间变换为真实水波,不管是画廊、首屏还是悬停预览都很合适。
螺旋抖动
Spiral Dither & Images 把图片/图案转为螺旋抖动风格效果,密度颜色样式自由定制,怀旧与现代兼容。
发光圆圈
光晕圆环动效,Glow Circle 生成模糊脉动光圈,适合背景、高亮或 UI 装饰。
照片滑块
优雅交互滑块,支持视差滚动、淡入淡出/缩放等动画、自动/箭头/圆点导航,适合首页、作品集、落地页。
点阵组件
带动态点阵响应鼠标的 Framer 组件,背景可自定义色彩与排版,空间感十足。
隧道画廊
3D 隧道式图片画廊,动画流畅,可全自定义,Framer 内实现。
吸引球体
吸附球体视觉特效,ThreeJS / WebGL 制作,内建动画物理引擎。
像素网格幻灯片
令人着迷的像素分割动画幻灯片,加载状态绚丽,响应强自定义,适合首屏或产品/作品集。
生动卡片
3D 卡片,悬停 3D 倾斜并展开更多内容,动态背景、微动画及可选粒子,作品集等场景通用。
CSV转表格X
CSV/TSV 文件一键变数据表,全部自定义,支持全文本搜索。
CSV数据表
高效 CSV 数据表,含搜索、排序、分页、行选和可见列菜单,支持明暗主题切换。
文件解密
自定义“加扰”特效和跑马灯,模拟文件加密交互,适合展示安全加密场景。
语音录制
全 Framer 动画交互组件及代码,用自带倒计时展示语音播放进度。
统计计数器
动画数据统计组件,滚动到可见时动态数字递增,适合展示用户总数、销量、评分等。
电光边框卡片
高自定义动画电流边框卡片,无代码自定颜色、字体和发光特效,为 UI 注入强大动感。
粘性菜单
Gooey Menu 流体动感菜单,全自定义,适合互动导航、应用菜单或社交分组链接。
交互式球体
轻量自定义 3D 球体,鼠标响应互动顺滑。
图标轨迹
鼠标动效,图标尾迹动画组件。
图片柏林噪声显现
图片 Perlin Reveal——WebGL 粒噪掩膜为图片带来有机电影动态互动展现。
图片弹性过滤器
影院级实时故障(Glitch)特效,用自定义 WebGL 着色器让视觉焕发生机。
云朵生成器
渲染美观动态体积云,性能极优,速度、视角、色板均可自定。
DVD视频屏保
致敬 2000 年代的漂移屏保,替换为自己的 SVG Logo,随边缘碰撞变色。
CMS文本合并
多 CMS 文本字段灵活整合成一句话,排版/动画/特效可定制,无需代码,易用且响应式。
光影变换
LumeShift 是一款高级悬停揭示滑块,文字与图片动画平滑融合,适合作品集、服务/功能高亮。
分析仪表板
为 Framer 量身打造的定制分析仪表盘组件集,极简现代 UI 下高效可视化数据、KPI 和表现指标。
渐变斑点
动态可定制的渐变流体气泡,运动顺滑、带有发光与交互,非常适合打造活力现代的 Framer 背景。
像素幽灵
Pixel Ghost 让你的站点生动起来,这个互动小幽灵尾随光标且支持颜色、造型、动画等全面自定义。
最佳悬停效果
最佳悬停特效交互式 3D 分层图片悬浮特效——React + Framer Motion 实现
分割文字效果
逐字动画排版,支持自定义字体和顺滑动效过渡。
动画标题
GSAP 灵感动态字体特效——翻转、摆动、心跳、星爆等动感字效。
ASCII视频
将视频实时转为 ASCII 艺术画,全控色彩、字体与播放,轻量高效,流畅适配 Framer。
折叠组件
时尚可定制的内容收缩组件,流畅动画、极简设计,实现内容隐藏与揭示。
循环推荐
客户评价轮播,连续循环顺滑动画,极致展示客户反馈和品牌信任。
定时弹窗广告
可全自定义 Popup 广告组件,轻松将弹窗广告集成到 Framer 项目中。
液态玻璃立方体
交互特效,立体全息液态玻璃方块跟随光标带柔和拖尾,现代高端界面首选。
磁性按钮
交互磁吸按钮,鼠标移动时弹簧跟随与 3D 倾斜,完全自定义且无障碍,适用于高级动效 CTA。
立即开始按钮
用动画按钮让你的 CTA 脱颖而出,适配首页、首屏或需要聚焦的召唤按钮。
高级嵌入图片
通过外部 URL 加载图片,节省带宽,CMS 友好,令 Framer 项目更轻更快。
动画推荐
动画评价滑块 Framer 组件,评价滑动动画流畅、带箭头导航,响应性强且完全可定制。
随机层选择器
该组件每次加载时从组件集合中随机选取指定数量进行展示。
背景颜色切换
用滚动触发的色彩魔法焕新网页——全页面或分区专属切换!
交互式点阵
基于 SVG 的点阵矩阵,随鼠标弹性物理运动与渐变视觉响应。
涟漪悬停效果
一键为所有选定媒体应用 WebGL 涟漪特效,Three.js 打造。
打造惊艳加载体验——智能配色切换和平滑动画。
滚动图片对比
滚动驱动平滑前后对比揭示动画,适合设计和摄影作品展示。
基于主题的图层
组件自动检测系统主题(明亮/暗黑)并显示预设内容变体。
接近传感器
让任意元素在鼠标靠近时自动躲避,营造磁性排斥互动特效。
图片提取器
输入网址自动爬取所有图片并展示,适配 Dribbble 或图片为主的作品集站点。
悬停显现框架
径向渐变平滑揭示内容的悬停特效,为 Framer 设计增添交互动感与视觉聚焦。
发光图片效果
为图片/卡片添加影院级发光与景深,完全自定义的发光卡与图片特效,支持动画渐变与动态运动。
故障文字效果
让文字炫酷出彩——添加 glitch 故障与聚焦动效。
404错误表情
趣味动画“404”表情,眨眼、东张西望,断页也能带来卡通互动体验。
字带效果
TypeBand 让你的主标题充满动感,电影级文本滑块将简单单词转为高亮动态。
前后对比滑块,任意两张图片/视频对比,带拖拽分割条,多场景适用。
3D图片悬停
3D 图片悬停特效,利用 CSS 视角和变换,悬停时图片产生景深与动感。
CMS项目计数器
自动统计并显示 CMS 集合总数,支持前后缀自定义实时展示。
禁用右键
禁用特定页面右键菜单,禁止访问浏览器菜单选项。
流体媒体
实时流体失真与色差特效——随指针速度驱动图片/视频、全屏 GPU 加速着色器,打造真实物理互动感。
货币下拉菜单
允许用户实时货币转换,接入转换 API,无需密钥,还可自动选择基准货币。
显示国家图层
自动检测访客国家,按国家显示不同内容。
延迟弹窗
设置指定延时后自动弹窗/弹框,访客进站即有惊喜。
文字聚光灯
文本悬浮时,圆形聚光动画平滑切换文字颜色,营造聚光灯般特效。
动态甜甜圈图表
灵活的环形图表,动态分段、动画流畅、完全可控样式——直观展示比例数据,如调查、预算和业绩。
3D导航
响应式玻璃态导航栏,悬浮时 3D 倾斜,主题、字体、位置全可定制,为网站增加苹果级高级质感。
打字机
自定义打字机动画,设置文本、字体、大小、颜色与打字速度并调整其他特效参数。
镜头揭开
该组件实现鼠标跟随的放大镜效果,透视放大并高清显示图片,外围模糊变暗。
红色背景波浪
由柏林噪声动画驱动的流动线条网格,随着光标实时弯曲和涟漪,令人着迷。
悬停网格显现
动态网格揭示 Framer 背景互动组件,为设计增添空间与动态感。
光标溅射
为网站增添趣味 Splash Cursor 动画,六种预设或全部自定细节,Framer 内无代码设置。
平衡条形图
用简洁动画化财务柱状图展示余额和营收数据,理想适配仪表盘与报表。
树形视图
完全可定制 TreeView 组件,适配 Framer 项目,带折叠/展开功能,直观展现 JSON 层级数据。
循环流
无尽的丝带运动、景深与光影。
重力球体
Gravity Spheres 三维球体物理特效,ThreeJS / WebGL 实现,内置轻量自定义物理引擎。
数据网格
功能强大、可自定义的数据网格,数据源支持原始/接口,轻松导出数据。
数据流动画
带粒子流动动画、主题和全面自定义的数据流动示意图,适合 SaaS、AI 平台和科技类落地页,完全响应与 SEO 优化。
星空效果
Starfield 交互式星空特效,ThreeJS / WebGL,实现随鼠标交互的动态沉浸星空。
3D流体画廊
漂浮图片和发光标题叠加的沉浸式画廊。
动态CMS过滤器
Framer CMS 集合关键词动态过滤与展示组件,无需大量变体,智能快捷。
视差鼠标效果
任意内容加平滑“跟随鼠标”特效。
主题切换图片
根据用户的主题偏好自动切换明暗模式图片。
高级卡片
动态资料卡,展示关注数、评分、动画、消息、API 集成,适合人物展示、增强信任与参与。
无需代码的 Framer 多步骤表单终极方案。AI 驱动,任意表单皆可定制,高颜值高转化。
多重倒计时专业版
适用于 Framer 的灵活多格式倒计时器,发布、促销、活动专用,自动重启、多样样式与显示模式。
星形边框按钮
可自定义精美动画边框按钮,为网站点缀前卫未来感。
水平画廊
基于视差的横向滚动画廊,随页面纵向滚动流动。
豪华滑块
流畅动画、高级缩略图、箭头导航,精品画廊滑块,便于 Framer 视效叙事。
画布特效专业版
生成式画布背景,30+ 效果、图形/瓦片系统、分组控制和自带性能限制。全响应式,HiDPI 无忧。
主题感知视频
自适应明暗模式的视频组件,平滑切换及简便播放控制。
开放状态
实时营业状态组件,自定义标签、指示和每周营业时间,适用于餐厅、商铺和活动场合。
CMS图片数组
自动提取 CMS 富文本图片并生成画廊展示。
星舰碎片
WebGL 流动粒子碎片着色器特效,支持主题切换,适合震撼交互背景。
自定义计算器
几分钟实现强大计算器,无需编码。ROI、定价、节省计算与 HubSpot 集成。快速转化生成器。
几何粒子
几何粒子动画背景组件,粒子、颜色、动态全自定义,为设计注入活力。
神经网络
神经网络动画,Framer 可自定义神经网络可视化,适合 AI 项目、仪表盘、教育及落地页。
3D旋转盒子
立体 3D 盒子,尺寸自选/自定义,可自动或手动旋转,调速度,每面可设置图片。
贪吃蛇游戏
功能完善的互动版经典贪吃蛇游戏,可轻松集成到 Framer 项目。
复制并重定向
智能一键复制按钮,复制文本后自动跳转。
轮播绽放
圆形轨道图片画廊,中心到轨道流畅动画、3D 悬停景深,适合创意展示、作品集及叙事。
动画描边与填充特效让文本焕发生命,顺畅、可定制且响应式。
终极抵押贷款计算器,拖放式、全响应,计算本金/利息、税、保险、HOA 与提前还款,色彩自定义。
CMS双字体文本
用 CMS 内容塑造动态标题,支持双字体、特定单词或后 N 个单词用不同排版、颜色与动画。
视图切换
ViewSwitch 灵活项目展示组件,可切换网格/列表两种布局,适用于 Framer。
社交证明评论
Social Proof Review 高端社交证明组件,将头像堆栈与可配 CTA 或评分结合。
交互式画廊
交互画廊,可任意方向拖动流畅切换图片与内容。
文字旋转器
TextRotator 让静态标题变为炫酷动态轮播动画,用 React 构建,Framer Motion 驱动。
Cookie横幅专业版
现代全可定制 Cookie 横幅,玻璃态设计,支持同意偏好和脚本自动加载(分析/营销)。
无限滚动文字
高性能无缝字母/广告跑马灯,斜角、旋转自定,文字流畅锐利,适合首页宣传。
负熵文字
Negentropy Text 让文字由混乱到排列,字母依次就位,传递清晰意向。
软UI按钮
单组件搞定现代新拟态风格,自定义色彩、阴影、交互态,Framer 属性面板可调。
实时地球
3D 地球模型,实时显示昼夜变换。
图片显现
添加方向自定义的 clip-path 动画,支持页面加载或滚动触发,含可选模糊精美显现。
区块进度条
适用于长多分区网页的基于滚动的分区进度条组件。
文本截断
超长文本自动截断,并有流畅响应式动画,基于 Framer Motion。
卡片堆叠轮播
可滑动/点击卡片堆叠轮播,链接自有卡片,自定滑动灵敏度、动画、间距与自动循环。
半色调图片悬停
静态图片瞬变互动艺术,点阵像素随鼠标变幻,动感活泼且高性能。
高级搜索
灵活高级搜索组件,支持查找标题(h1–h6)、段落、链接或按钮等元素内容。
点击生成涟漪交互特效,自定半径、颜色、边框与转场,Framer 项目微互动首选。
ASCII码
动画 ASCII 组件,自定义文本与视觉样式。
摇摆钥匙光标
为重要图片添加真实摆荡动画,适配房产、汽车与互动界面。
边缘发光
该组件实现鼠标悬停任何框架时边缘高光效果或整体炫光动效。
3D滑块
炫酷 3D 轮播滑块,突出展示内容与景深切换。
点赞按钮计数器
Framer 可自定义点赞按钮和计数器,方便易用。
图片轨迹
自定义图片尾迹鼠标动画效果,平滑跟随,代码组件实现。
炫酷图片显现
15 种及以上炫酷图片动画特效,适合前后对比、产品展示和创意转场。
高级打字机
12 种以上打字机文字动画,强大自定义选项,渐变、多样光标和高级文本特效。
CMS视频图片瀑布流
⚡️ CMS 视频和图片终极瀑布流组件,支持多集合、静态内容和自定义组件,含自动播放、视差、灯箱、比例和随机化功能。
位置显示
用时尚地球图标展示你当前城市。
模糊切换图片
图片揭示动画,平滑模糊过渡、渐变叠加、互动动效,适合前后对比、隐预览或创意首屏。
液态玻璃开关
高级切换组件,苹果 Liquid Glass 液态玻璃风格,动态玻璃拟态、色差等特征俱全。
粒子文字
文字粒子动画特效:气泡、爱心、彩带、火焰、线条随你选,颜色、大小、数量、字体皆可控,打造炫酷动效。
梦幻蝴蝶
使用 Dreamcore Butterflies 组件为项目带来梦幻、超现实氛围。
水平动画
横向滚动动画组,流畅多卡片/分区横向滚动,适合“如何运作”、“功能”等内容展示。
文本嵌入
让用户能直接在文本插入行内元素(如图标、图片等 Framer 组件)。
促销栏
Framer 最先进公告栏,7+ 主题,倒计时、库存统计、轮播消息、强大移动端布局助力转化。
撕页传单
创意数字可撕传单概念,完全可定制且充满趣味。
悬停Logo
交互悬停,图片滤镜变化,Logo 顺滑跟随光标。
高级图片显现
炫酷图片显示动画,出场/滚动/悬停/分区可触发,拖拽即可用,动画参数全面自控。
光标网格
交互式光标网格,鼠标跟随动态景深与动感,不阻挡其他交互操作。
动画滚动
Framer 炫酷动画进度按钮,追踪滚动并一键回顶,轻松集成,完全自定义。
CMS标签生成器
CMS 文本字段一键转标签,逗号分隔输入,多属性自定义,设计无缝贴合网站。
主题感知图片
ThemeAware Image:自动根据浅色/深色模式无缝适配图片风格。
视频灯箱
轮播、跑马灯和幻灯片兼容视频组件,并有全屏灯箱播放功能。支持 YouTube、Vimeo 及本地视频。
快速预览卡片
简洁交互产品卡片,点击动效丝滑,适合电商、作品集、画廊展示。
揭示效果
创造令人惊艳的动画文本效果,自由掌控创意。
螺旋图生成器
我开发了一个动态 Spirograph 组件,连续循环绘制迷人轨迹,生成绚丽多彩的描画。
MapBox地图
Mapbox 地图组件让你无需写代码,将美观交互且可完全自定义的地图嵌入 Framer 项目。
彩纸雨
趣味粒子动画系统,真实物理效果,彩纸片可下落盘旋、风雨/爆炸皆可,极其生动有趣。
高级手风琴
高级手风琴是一款轻量且强大的组件,让你完全掌控设计,适合展示常见问题、问答、服务清单、功能列表等内容。
动画SVG光束
一款带有移动光束特效的 SVG 路径动画组件,可自定义颜色、渐变、时序和循环参数。
图片堆叠
交互式可拖拽图片堆栈,带平滑扇形展开、滑动手势、弹簧动画,适用于画廊和展示场景,支持完全自定义。
悬停资料卡片
带背景模糊、缩放动画和姓名揭示特效的交互悬停人物卡片网格,适合展示团队、讲者或个人信息。
苹果液态按钮
还原苹果 Liquid Glass 效果,原生背景滤镜,20+ 图标,色差、交互态和可定制排版,现代高端按钮。
闪亮文字
闪亮文本让文字呈现光泽闪烁,结合 Framer Motion 与 CSS 特效,适合标题、横幅和重点召唤按钮。
像素位移
将图片或视频转变为趣味像素视觉,移动光标推拉像素制造大胆而有触感的特效。
新波浪文字效果
“New Wave Text Effect” 多层 3D 空间动画,随鼠标移动产生波浪视差幻象。
添加到购物车按钮
动感十足的加购按钮,购物篮图标填充+滑动徽章,过渡顺滑,颜色、尺寸、动画全可定制。
网络光标
将光标变为互动粒子网络,顺滑且可定制,为设计增添未来感空间深度。
文本滚动显现
滚动动画文字揭示,随页面滚动渐现/高亮文本,制造戏剧冲击力。
滑动模糊图片
互动“雾化揭示”图片特效,用户滑动即可露出下方图片。
聊天机器人
仿聊天式 About Me 组件,易定制快速集成,为个人网站增添现代与个性化。
高级视频播放
专为网站设计的时尚现代视频播放器,提供基础和高级两种模式——完整功能如音量、全屏等。
运动轨迹光标
流畅方向感知光标,可全面自定义。动作、样式、行为任你调。
案例流
高级作品集组件,让卡片动画+多图融合,实现互动式叙事体验。
滚动卡片堆叠
卡片堆叠排序样式,选择时自动重排,将选中的卡片置前,其他卡片后移。
标签页(分段)
可自定义标签切换组件,适用 2-5 个分段控制。
滚动填充文字
Framer 页面划滚动时填充文本,支持段落/行/单词三种模式,组件完全自定制。
刮刮卡显现
互动刮刮卡特效,用户操作可揭示下方隐藏图片,可选彩带特效。
时尚横向滚动组件,适合内容型或作品集布局,支持图片、视频、GIF,样式全控和动画进度条。
数字旋转收音机
高级全互动网络电台组件,拨盘可自定义 URL 播放现场直播,独特擦动特效和复古风格界面。
专业音乐播放器
功能全面的音频播放器,支持播放列表、歌词、界面自定义,适合音乐人和创意作品集。
气泡按钮
带发光火花悬停特效的互动按钮,完全响应式且自定义。
推荐组件
KR Testimonials 助你美化客户评价展示,高级可定制滑块,适合首页、作品集、电商、SaaS。
一次性关闭横幅
本地存储控制组件,只在用户未关闭横幅时显示,确保横幅仅在必要时展示。
文本下划线
该组件支持整段文字或单词/短语下划线,样式可选实线、虚线、点线、双线和波浪线。
为你的作品打造高端画廊体验,兼具风格与冲击力。
星云英雄
用 NebulaHero 组件几分钟制作震撼 3D 首屏,完全自定义。互动演示:https://nebulahero.framer.website/interactive-demo
内联图片
可为 Framer 文本/标题内嵌图片或图标,自由定制数量和位置,完美契合设计。
滚动文字显现
优雅的滚动文字揭示组件,适配 Framer,完全可定制。
高级轮播支持深度特效+流畅滚动,键盘、触摸、拖动全支持,满足用户所有期待。
高级滑块
动态图片对比组件,可通过滑块交互地展示两张重叠图片的不同部分。
CMS瀑布流
Framer 集合瀑布流布局组件。
灯箱瀑布流
灵活灯箱画廊,支持网格/瀑布布局,弹窗预览及可选缩略图带。
3D视频元素
3D 视频组件,中央视频聚焦,侧面倾斜,动画顺滑,适用于画廊和预览。
空间场景
平面图片秒变魔幻 3D 世界!鼠标移动照片即随之有景深,如看另一维度的窗,纯粹视觉魔法。
波浪线
互动动画波浪网格,随鼠标流动,模拟物理运动,营造动态线条感。
高性能 CMS 瀑布流网格,响应式,图片与组件灵活展示,含灯箱与视差,适合作品集和内容丰富页面。
简易FAQ生成器
加速搭建 FAQ 的手风琴风格组件,专为新一代页内编辑功能无缝整合设计。
黑客帝国数字雨
动画矩阵风代码雨背景,支持全自定义,适配 Framer。
交错悬停Logo
logo 或姓名的流畅延迟悬停动画,细致动效提升品牌感,字体颜色时序皆可定制。
全可定制的用户快速社交分享组件,支持主要社交平台。
阴影跟随器
Shadow Follower 组件,桌面端为鼠标跟随柔光阴影,移动端为陀螺仪感应。
分享
可自定义且优雅的社交分享组件,适配 Framer。
可定制彩带动画组件,点击、悬停或自动触发,粒子数量、颜色与物理参数全可控。
图片显现网格
通过动画网格模式揭示图片,网格大小、颜色、动画时长、揭示方向皆可自定义。
首字下沉
优雅的段落开头,支持两/三行首字下沉,自定义颜色和排版。
高级二维码生成器
自动生成的定制二维码,自动适配容器大小。
特色卡片
极简响应式智能多标签输入卡片,逗号增加标签,功能无代码可自定义,适合 MVP 和 SaaS。
全可定制 3D 图片网格,支持灯箱和平滑自转,非常适合作品集、展示和交互首屏。
表单验证码
实现多种 CAPTCHA 验证方式,保护内容显示前验证人机,支持三类验证码。
管道光标
Tubes Cursor 组件,鼠标尾迹彩色发光管状动画,基于 ThreeJS / WebGPU / WebGL 制作。
可自定义 WhatsApp 聊天按钮,信息、图标、样式全自定制,为网页快速集成支持入口。
曲线文字
Curved Interactive Moving Text 组件,循环曲线文本动画,速度、弯曲度、方向、交互、字体和内容均可调整。⚠️ 宽度请设为 Fill。
文字打乱循环
单词循环切换且带字符扰乱过渡动效的动画文本组件。
切换图片光标
为网站增添互动动感:图片跟随指针切换,可自定义大小、样式及动画。
彩色雾效果
为网页添加动态自定义程序化雾气,轻量高性能 WebGL 特效,营造空间层次和鲜明色彩。
Scroll UI 是响应式可定制滚动指示器,可选进度条或圆环,直观显示用户浏览进度。
圆形文字模糊
圆圈揭示渐变动画文本,可自定义文本属性、动画时序和视觉风格。
范围滑块输入
原生表单数值输入超能力区间滑块输入条。
3D粒子引擎
打造 3D 粒子引擎,支持 20 种形状、物理、摄像机控制和实时动画,全面可定制。
托管图片
一键粘贴托管图片进 Framer,完美配合 CMS,适合大图或批量导入。
动画渐变背景
动态渐变背景,8 色自定义、6 种运动模式、悬停/陀螺仪感应、17 种混合、动态模糊与性能优化,视觉冲击力强。
故事滑块
像 Ins 那样添加故事功能——轻点播放、转化快,易用,分钟级上线转化访客为用户。
3D环形轮播
Loop RingCarousel 3D 垂直旋转轮播,支持视频与图片,打造互动视觉冲击。
霓虹光标
Neon Cursor 现代风彩色发光鼠标动画,ThreeJS/WebGL 实现,紧随鼠标动态轨迹。
自定义右键菜单
加入链接,同时允许右键自定义菜单并 SVG/PNG 格式下载,界面完全可定制。
像素化背景
变换首屏/落地页为像素风互动背景,完全自定义响应式,适合游戏、科技、创意设计。
渐变列
渐变高亮立柱,支持聚光、镜面、高斯等特效,完全自定义,互动与移动端友好。
悬停文字效果
文本悬停时自动应用变形,如字体加重、缩放与色彩渐变等自定义动画。
动画发光
发光特效组件,为任意图层实现多色动态渐变发光边缘动画。
像素爆炸
动态像素艺术背景生成器,像素液体互动、鼠标点击产生涟漪,图形样式可自定义。
图片颜色提取
自动提取图片主色,生成视觉协调背景。
动态拼贴
Kinetic Collage 组件打造 3D 图层拼贴画,支持拖拽滑动自转,沉浸式展示体验。
弹性图片
互动图片展示,带展开动画和预加载骨架。
悬停图片跟随
图片随鼠标悬停跟随(支持 CMS),外观完全可定制。
超轻量 3D 地球仪,支持拖拽、自转、自定义标记和实时预览,适合位置或数据类内容。
浏览器媒体模型
专业浏览器模型,真 UI 视频/图片显示,支持多来源、三主题、视频控制,品牌宣传首选。
动画滚动文本
该组件允许你在滚动时为每个单词更改文字颜色,引导用户视线、突出重点,完全可自定义。
通过优美的横向或纵向图片滑块展示前后对比图,支持自定义转场和滑块设计。
动画文字渐变
Framer 的高级动画渐变文字组件,内置字体选择器、流畅色彩过渡、视口动画和专业排版控制。
卡片组
时尚卡片组轮播,显示多张可互动卡片,为 Framer 站点内容或功能提供现代、动态展示方式。
交互式网格
带有悬停动画、液态运动和完全自定义的交互式背景网格,非常适合首屏、作品集和创意落地页。
专业轮播滑块
最受欢迎的自定义轮播组件,解锁原生 Framer 轮播/幻灯片未能实现的无限循环、远程箭头等全部功能!
便当网格生成器
Framer 的可自定义 Bento 网格,支持 2x2、3x3、bento 及自定义布局。可添加动画、玻璃态、悬停文字及字体控制。
动画文字显现
此组件会根据用户滚动动态改变文本颜色与可见性,带来互动、有趣的阅读体验,非常适合强调重点内容。
渐变文字
为各类网页项目制作令人惊艳的渐变文字效果,支持自定义颜色、自适应布局和高级样式控制。
3D曲面轮播
3D 曲面可拖拽轮播,支持无限旋转。具备拖拽/滑动控制、自动旋转、物理动量与丝滑动画。桌面和移动端皆优化。
专业视频播放器
文件上传、URL、YouTube、Vimeo——一切高效兼容。设计完美匹配,交互体验贴心,内含 50+ 手工打磨功能。
切片图片显现
时尚、可定制的纵向裂缝动画展现图片,非常适合具有冲击力的片头、首屏和现代视觉叙事。
通过平滑的 3D 旋转深度效果展示图片,易于自定义,非常适合产品、作品集或功能高亮。
进度幻灯片
带有进度指示器的幻灯片展示,进度条可自定义图片和文字动画。
像素网格显现
Pixel Grid Reveal 是 Framer 的动画像素网格转场资源,适用于图片、视频、幻灯片等。
粘性按钮
交互式黏性按钮,配有动画气泡、平滑动态和 SVG 滤镜,适合现代、趣味十足的界面交互。
3D翻转图片显现
让任意图片变成迷人的 3D 瓷砖动画,按编排时序翻转和展示,非常适合前后对比和作品集展示。
活动倒计时
此倒计时组件适用于活动页面、上线或促销,清晰显示剩余时间,提升互动和参与度。
流动光标
基于 WebGL 着色器的流动流体文本动画,赋予主标题动感、氛围和体积感。
流体画布
制作响应鼠标或触摸流体模拟的 Framer 组件,真实液体动画和可调物理参数。
滚动指示器
优雅的滚动指示器,搭配细腻动画,适合引导用户浏览长页面或作品集。
封面流轮播
动态 3D 风格轮播,带来顺滑运动、滑动控制与景深。非常适合大胆的作品集、产品展示和沉浸式首屏。
WhatsApp弹窗
WhatsApp 弹窗小部件,带聊天界面、表情选择器和消息输入。全可定制,左右位置可选,暗黑模式和完整样式控制。
重力文字效果
让你的文字富有生命,通过实时重力效果,每个字母随光标动态反应,打造物理感互动体验。
开始按钮
交互式火箭按钮,配有星空背景动画,非常适合为你网站增添趣味和未来感。
Logo显现加载器
首屏品牌动效让印象更高级,更用心的 Logo Reveal Loader,提升品牌认知和粘性。
高级互动前后图片对比滑块,支持拖动把手、标签、图标及全自定义,横向纵向皆可顺滑切换。
涟漪效果加载器
适用于现代设计的可自定义涟漪动画加载器。
翻转倾斜
创建带翻转和倾斜动画的 3D 交互卡片,非常适合展示产品、团队成员或需 3D 展现的内容。
iPad风格悬停
iPadOS 风格微妙悬停效果组件,背景跟随光标移动,外观可自定义。
像素网格
动画像素网格组件,用五彩闪烁方块充满画面,动态自增减,营造数字质感的现代风格。
浮动效果
Floaty 能对内含的任意子组件(图标、图片、文本等)做真实浮动动画。
等距层卡片
动画堆叠卡片,左至右悬停即可平滑展开个人资料卡。
图片热点
将产品图像转化为互动故事,加热点展示功能、参数和 CTA,便于客户细致了解你的产品。
动态文本
让你的单词轻松动画起来,旋转文本与动态转场无缝演绎。
动态自适应目录,按博客正文自动生成,样式完全自定义。
粒子噪点
通过动态 Perlin 噪声粒子增加景深。可控速度、间距、缩放和颜色,用于制作响应式现代背景动画。
可拖拽便当
实时拖拽、排序,流畅动画,为你的作品集、产品网格或灵感板增添高级触感体验。
CMS标签组织器
将 Framer CMS 中如“标签1,标签2,标签3”的文本字符串自动转换为独立标签标签。
图片比较
用顺滑互动滑块展示惊艳的前后对比视觉,非常适合设计、摄影与案例研究展示。
PDF下载器
一键将任意 Framer 页面转为专业 PDF。支持选择捕捉、排除元素、配色模式及跨平台快捷键导出。
错层轮播
简洁 logo 轮播,可自动轮换展示多个 logo 或其他元素,动画顺滑、延迟交错。
专业验证码表单
可切换的 Google reCAPTCHA v2/v3,Framer 表单防垃圾神器:主题、徽章、隐藏、回调和原生表单对接。
交互式像素光标尾迹,尺寸、密度、消失时间、形状和颜色皆可自定义,页面上制造活泼趣味感。
点聚焦
通过优雅的动画圆点导航,引导用户专注内容浏览。
黑胶唱机
交互式黑胶音乐播放器,带专辑封面、播放/暂停控制和真实黑胶旋转动画,现代音乐界面响应式设计。
文本高亮器
该组件允许你为选中文字添加自定义高亮色彩,让你的网站更具个性!
编辑滚动条
简洁极致的媒体跑马灯,支持图片、GIF 和视频,可完全控制滚动方向与速度。
视频播放器
可定制、优雅的自托管视频组件,适配 Framer。
涟漪按钮
交互式涟漪按钮,支持自定义颜色、动画控制及自定义图标。
可拖拽轮播
Framer 无限循环型轮播,支持横纵向、拖动/滑动、自动播放、物理动量和自定义卡片。响应顺畅,开箱即用。
智能世界时钟
简约可定制世界时钟,可切换时区、显示日期/时区、调整字体和布局,适合仪表盘、作品集和全球站点。
PDF/页面下载
PDF/页面下载与打印,无代码为 Framer 项目增加专业下载与打印能力。
可用性提示
用色彩鲜明的徽章实时显示剩余名额或库存,强调限量或优惠,易用且可完全定制。
SVG滚动显现
基于滚动动画 SVG 路径,随页面下拉显示手绘轨迹效果。
倒计时动画
专业级倒计时组件,内含粒子动画、自定义字体,适配移动端/桌面端布局及完整设计控制,适用产品发布等。
彩色文字效果
让你的文字栩栩如生,彩色模糊动画,可按字母或单词动画,调节强度及颜色,带来惊艳文字显现。
卡片滑动效果
创建可滑动 UI 元素轮播,左右滑动平滑过渡,串联多个层次交互。
3D无限轮播
3D 视角斜面轮播组件,粘贴/连接/预览皆可用,适合产品、画廊等互动展示。
全屏菜单
全屏自定义导航菜单,动画流畅,响应式设计,色彩排版布局全面掌控,适用于作品集、企业网站。
网格动态画廊
背景/分区高亮互动网格画廊,鼠标动响应平滑,增添页面深度和动感。
饼图
可自定义饼图,动画顺滑、自带提示、响应式,时尚直观的数据比例可视化。
悬停缩放文字
文本悬停时缩放变大,支持缩放设置、字体自定义及可选渐变叠加。
高级瀑布流
灵活的瀑布流布局,自动排列、可自定义列数、揭示动画和自带图片灯箱,适合图片画廊。
涟漪过渡
RippleTransition 提供平滑液态涟漪动画,点击图片时无缝转场,现代又吸睛。
去模糊
点击可去模糊高级内容组件,自定义模糊强度、图标/按钮样式、动画速度和圆角。
多语言文本
多语言动态动画文字展示,字体、颜色和转场效果均可自定义。
里程碑时间轴
动画时间轴组件,适合展示路线图、里程碑或旅程,支持图标、步骤和自动循环动画,完全可定制。
Apex图表
Apex Chart 组件让你无需编写代码,实现 Framer 项目中强大且完全可自定义的数据可视化图表。
滑动图片轨迹
动画光标尾迹组件,支持批量图片上传、可选滑行特效和完全自定义动画,打造独特有趣的互动。
飞行 3D 画廊
\\
全新电动边框
滚动画廊
滚动画廊——使用 React + Framer Motion 构建的 3D 交互式图片轮播。支持拖拽、自动播放与悬停暂停,并以顺滑的圆柱式旋转呈现。
自定义文本颜色
自定义文本高亮:将浏览器默认的选中文本颜色替换为你的自定义颜色,让高亮更具品牌感并与网站风格一致。
复制组件
一键复制邮箱到剪贴板的简洁友好按钮,方便访客快速联系你。
交互粒子
带有漂浮粒子、发光效果与动态粒子连线的交互组件。非常适合用于首屏英雄区、落地页或任何现代交互背景。
iMessage 动画
为你的网站添加逼真的 iMessage 风格动画。适合演示、口碑与展示真实对话;消息会带着苹果标志性的输入气泡逐条出现。
流动式用户评价
流动式用户评价:以无限滚动的列或行展示评价卡片,可自定义速度、样式、字体、图片,并支持实时 API 数据。
表情爆裂
为你的设计加入俏皮的表情爆炸效果。
Logo 轮播
4×2 网格同步轮播 Logo,带顺滑动画;自动适配单元格尺寸,不裁切、不拉伸变形。
瀑布流奇迹
这个组件可让你在几秒内构建响应式的 Pinterest 风格画廊:从画布链接你的框架、图片与视频,其余交给组件完成。
专业主题切换
强大的组件,为你的 Web 应用提供轻松的明暗模式切换,让其在任何环境下都能出彩。
故事卡片
Framer 的 Instagram 风格故事滑块:带进度条自动播放、每页独立图片/标题/正文,支持循环、圆角与阴影控制且无依赖。
可自定义的“添加到日历”按钮:支持自动设备识别,将事件添加到 Apple 或 Google 日历,并支持 CMS 集成。
旋转文本
动态旋转文本动画:可按字符/单词/行控制,自定义时序、缓动与循环,用于更吸睛的标题。
动画网格
Animated Grid 为布局带来鲜活的交互视觉:完全可自定义,可选顺滑噪声运动或干净的静态风格。
渐变生成器
使用 6 色网格生成器快速创建大胆背景:随机生成无限独特渐变,节省大量手工时间。
SplitCube 3D
大胆的 3D 立方体动画:立方体裂开以揭示你的信息。
信息提示工具
这款简洁的信息提示工具:点击图标即可显示辅助说明,提供干净专业的弹出层,在不增加界面杂乱的前提下提升体验。
键盘移动
键盘控制器:可在画布中用方向键移动任意框架或组件。
交互文件夹
一款简洁的动画文件夹:交互触发后顺滑展开并展示文档。
交互立方体
Interactive Cubes 是一个 Framer 组件:方块自动运动、跟随鼠标并对点击作出反应。
极简标签页
干净极简的 Framer 标签页区块组件。
分裂按钮
这款分裂按钮在悬停时戏剧性地一分为二(左右或上下),带来让人忍不住点击的交互体验。
悬停分区
交互式 Framer 区块:当用户悬停匹配关键词时,在 7 张自托管图片间切换;干净、响应式,适合产品展示与作品集。
证书生成器
证书生成器(带实时预览):用户输入姓名后叠加到模板上,并可下载或原生分享个性化证书 PNG。
图片轮播器
高速图片循环组件:以极快速度切换视觉,营造大胆动感;适合需要强运动感、能量与快速叙事的项目。
噪点模糊
为 Framer 的任意图层添加模糊噪点叠加层,打造磨砂玻璃效果。
全屏滚动
FullScreen Scroll 提供沉浸式全屏滚动转场:支持自动播放、视差、响应式字体与性能监控,用于震撼的交互叙事。
简易固定背景区块
Framer 固定背景区块组件:几秒内自定义滤镜、阴影、叠加色等。
仿Tinder滑动
类似 Tinder 的滑动卡片组件,完全可定制,含滑动反馈、可调样式,支持无限张图片。
英雄堆叠显现
以电影感的首屏展示、堆叠图片动画和全面可定制的自适应导航,打造强烈第一印象。
社交证明组件
KR Social Proof 增强可信度,高性能可定制 Framer 组件,适用于评价、星级和评论展示。
团队轮播
Framer 交互式 3D 团队轮播,旋转轮展示成员照片、职位与简介,完全可定制,自适应与无障碍。
画廊轮播
滚动驱动 3D 轮播,旋转顺滑,悬停特效和全自定义。每张图片均可链接你作品,特别适合创意作品集或展示。
气泡光标
有趣的光标特效,鼠标移动时生成可定制气泡。直接拖拽至画布,调整设置即可用。
动态价格卡片
制作完全互动、功能丰富的价格卡,支持月/年订阅选项、动态附加项、自定义文本、颜色、字体与布局。
3D团队卡片
现代可自定义团队卡片组件,精美展示队员头像、姓名、职位和社交链接。非常适合作品集、代理公司。
玻璃视频播放器
现代玻璃态视频播放器——上传、URL、Vimeo 支持,自定义控制、居中播放、滚动自动播放、画中画、全屏和平滑出现。
轨道流动环
炫光径向图表,支持多达 4 圈,每项连线与悬浮线、动画原子和响应设计。连线不会遮盖标签。Framer 原生、简单控件。
时间与天气
极简时间与天气,用 Framer 展示本地或城市时间、气温与天气,拥有简洁图标、灵活单位与全面排版控制。
浮动页眉
动态浮动页眉:滚动时在浅色/深色模式间切换;可立即自定义按钮文本、菜单项与链接,适合作品集与机构网站。
流动轮播
用于展示卡片/评价的 3D 轮播组件,带顺滑的交互深度。
螺旋图片
交互式旋转图片画廊:带神秘“谜题”灵感的网格布局。
悬停 3D 卡片
沉浸式 3D 卡片牌组:带动画悬停效果与可自定义图片。
无缝循环的人像轮播:卡片可拖拽,并可选显示字幕。
粒子系统
将图片变成可交互的 3D 粒子云:完全交互、可无限自定义。
分割蒙版动画
交互式分割文本揭示——动效会跟随你的光标。
Q 弹卡片
Squishy Card Pro 带来俏皮动效、动态形状与可自定义的定价布局,适合 SaaS、作品集与现代 Web 项目。
专业定价卡片
Pricing Card Pro 集成响应式设计、明暗主题、交互悬停效果与智能功能,适合 SaaS、作品集与初创公司。
半调滤镜
为任意图片应用时尚半调效果,可自定义分辨率与颜色。
曲线跑马灯
高级轮播:沿可自定义的 S 形曲线路径移动项目。
旋转木马加载器
无限旋转的轮播加载器,展示优雅画廊。
适用于 Framer 的吸睛新粗野主义按钮组件:可轻松调整颜色、形状与效果以匹配品牌。
图文词组
在单词字母之间分层插入图片的组件,用于更丰富的文字设计。
滚动数字
Rolling Text 是一个 Framer 组件:进入视口时以顺滑滚动效果动画显示文字;完全可自定义(编辑字体、控件等)。
点击播放音频按钮
交互按钮:点击播放你选择的音频;鼠标离开后再次悬停会重播,是为原型加入声音反馈的有趣方式。
抖动文本切换
动态文本展示:在单词列表间循环切换,过渡时应用抖动动画与模糊效果。
3D 波浪
可自定义的点阵曲面 3D 波浪动画(Framer):可调点颜色、大小、间距、数量与波速,打造交互式震撼背景。
下载页面为 PDF
可自定义按钮:点击触发浏览器下载/打印功能,让用户打印当前页面或保存为 PDF。
圆顶画廊
沉浸式 3D 圆顶画廊:顺滑旋转、可点击叠加层、触控支持与可自定义样式,适合作品集、产品与媒体展示。
博客滚动进度
三合一滚动跟踪组件:追踪滚动并以三种形式展示——环形进度、百分比文字与当前激活标题。
滚动图片卷轴
滚动驱动的图片序列器:根据用户滚动位置在多张图片间顺滑过渡。
照片球体
让视觉更有生命力:Photo Sphere 为任意区块添加动态 360° 漂浮图片效果,适合大胆发布与创意作品集。
波纹线线程
动画 WebGL 线线程:可自定义波形、速度与交互性,适合作为网站动态背景。
为任意文本创建惊艳的乱码动画:可自定义字体、颜色、速度与方向,适合首屏、加载器与 UI 时刻。
使用图片并将其转换为可交互粒子的组件。
可展开标签页
可展开的带图标标签导航:顺滑动画与智能导航(链接或滚动);样式可完全自定义,响应式且交互友好。
无限文本循环
离散文本动画组件:以竖向滚动轮播形式展示词语并持续循环,转场顺滑且可自定义时序。
3D 滚动旋转
类似 3D 轮播的竖向滚动体验,带透视效果。
表单图片展示
根据在输入框中输入的 URL 动态显示图片。
高级链接展示
高度可定制的链接展示组件:将 URL 转换为多种格式化样式,并可自定义外观与行为。
趣味边框
创意边框组件:为内容添加风格化“撕裂边”效果,替代规整直线边框,呈现更有机的手工质感。
速度滚动
Velocity Scroll:创建顺滑、随滚动响应的文本动画,增强交互性、参与感与现代界面的视觉纵深。
交互跑马灯
用 Framer Motion 构建的跑马灯文字动画组件:即用型,适合现代应用界面。
堆叠活动卡片:将静态列表变为可交互的分层卡片堆,带顺滑动画,提升参与感并现代化 UI。
3D 曲线播放器
震撼、完全交互的 3D 轮播:用顺滑的物理动画与简单控制让作品集、产品或画廊“活起来”。
点状世界地图
由点构成的可交互世界地图:含实时时间信息、程序化昼夜明暗、悬停卡片、模拟时钟、整点消息、地理定位等。
专业Logo滚动条
无缝 logo 跑马灯,支持缩放聚焦、可拖进度条和全自定义,适合客户展示或“合作品牌”专区。
Cookie横幅
Framer 最美观的 Cookie 横幅组件。
旋转Logo圆盘
旋转 logo 光盘——为你的 logo 添加轮转圆形文字,字体颜色速度链接均可自定义,强力增强品牌。
简易表单验证
为现有原生 Framer 表单添加实时智能校验。防垃圾、自定义规则和错误消息,保留原生表单体验。
播客播放器
将你的播客嵌入 Framer,用这个精致、全自定义播放器。自定义颜色、封面与播放体验,完美匹配你的设计。
故事幻灯片
以社交媒体风格播放和展示视频与图片,支持自定义时长、转场与自动循环。悬停暂停,点击切换,任意元素均可显隐。
悬停文字与图片
文本内悬停单词可展示动画图片,打造可自定义的交互式文本元素。
CMS 3D 幻灯片
3D 图片幻灯片:支持 CMS 集合列表/画廊/静态图片集成,干净灯箱、自动播放、拖拽/滚动控制、比例设置与可自定义动画。
智能轮播
高级图片画廊组件:提供惊艳的模糊过渡,并自动提取图片主色生成动态背景。
文本旋转预览
TextRotate——让文字动起来:用动态动画让文本更有生命力,吸引注意力并为网站或应用增添个性。
聊天框组件
极简聊天框:带发光 AI 球形输入框;输入触发名会弹出你的资料、链接与简介,并以 GPT 风格打字动画呈现。
化石图片
Fossil Image 是一款适用于 Framer 的精致 3D 视差卡片组件。
订阅按钮
动画新闻订阅按钮:点击展开显示邮箱输入框,带顺滑过渡与可自定义样式。
专业 3D 轮播
面向 SaaS、电商与创意网站的交互式 3D 轮播:可自定义卡片的图片、文本与链接。
液态图片悬停
为图片应用独特的液态效果,带顺滑可自定义的过渡。
待办清单
干净的待办清单:可添加任务与勾选框;支持完成/未完成切换;在 Framer 中可完全自定义颜色、字体与样式。
图片保险库
密码保护的图片画廊:具备高级安全特性、模糊效果与幻灯片功能,用于高级内容保护。
持久清单
可自定义清单:可在刷新与会话间记住进度。
简易密码锁
用密码遮罩为整站加门禁:输入正确密码前无法访问。
超现实视觉
将任意图片变成惊艳的超现实艺术:易用的 Framer 组件,适合设计师、创意者与想要增添艺术气质的人。
创意画布
多用途生成艺术工具:创建动态可定制的抽象构图,包含动画形状与视觉效果。
弹跳文本动画
BouncyText 是 Framer Workshop 代码组件:把文字变成有物理效果的场景;每个字符受重力下落、碰撞后堆叠稳定。
终端打字机
适用于 Framer 的动态打字机效果组件:终端风格顺滑动画,让文本更有生命力;适合落地页、作品集或初创网站。
下载按钮
可自定义下载按钮:上传文件即可一键下载;支持默认/进度/成功三种状态,并可调整文本、字体与颜色。
悬停动效
交互式 Framer 区块:用户悬停匹配关键词时,在 7 个自托管视频间切换;干净响应式,适合产品演示与作品集。
实时文本
动态文字打字机组件:按顺序展示多段文本,带真实的输入与删除效果。
极光光标
全屏流体光标叠加层(Framer):渲染跟随鼠标/触控的彩色飞溅,不阻挡点击;可通过属性面板完全自定义。
翻板动画
灵感来自机场出发信息板的文字动画:用吸睛效果高亮关键词,在 Framer 网站营造复古氛围。
极光文字揭示
滚动揭示文本:完美左边缘对齐;可按词或整段填充,支持鲜艳渐变或编辑风,并带报纸式下划线;可自定义换行、触发器与字体。
字母滑行
电影感 3D 逐字母滚动揭示:可按字母或单词拆分,支持随滚动擦洗或一次性自动播放;真实文本、GPU 顺滑变换、易于控制。
为访客营造难忘冬日氛围:用颜色、自定义图片或表情创建美丽的飘雪动画效果,适用于冬季主题。
Cookie 同意弹窗
现代极简的 Cookie 同意横幅(Framer):顺滑动画、响应式设计,并内置接受/拒绝逻辑;可完全自定义以匹配品牌。
幻灯片 Max
不循环:可在 Framer 里设计指示器与箭头(含悬停/按下态),支持进度条、桌面与移动端滑动/拖拽等。
可自定义的滚动进度条(Framer):支持横向/纵向模式、渐变、动画、百分比标签与完成动作。
自定义 SVG 光标
自适应设计的光标:SVG 自定义光标工具让你完全掌控——从形状与颜色到智能交互。
时间线
让滚动成为一段叙事体验。
甜甜圈图表可视化
简洁优雅且可定制的甜甜圈图表组件,用于可视化网页数值。
索拉里板
真实的 Solari 翻板:双翻板、 3D 翻板、从左到右级联、爽快的乱码过渡、可选循环;机场风格标牌,清晰可读且可定制。
动画代码块
适用于 Framer 的动画代码块组件:带打字机效果、语法高亮与专业样式。
动态光标
一组动态光标,让导航更有趣且更直观。
交互图片
通过让图片跟随光标,为设计增加交互层:适合作品集、落地页或需要一点“动效魔法”的网站。
动画 FitText Pro
Framer 的动画自适应字体(Fit Text):兼具完美响应式与 Awwwards 级动画效果,内置组件做不到。
谷歌地图框架
Google Map Frame 可将可交互的 Google 地图直接嵌入 Framer 项目,无需复杂编码。
012 数字平板
轻松把图片或视频嵌入逼真的平板样机中,打造高冲击视觉或展示作品。
为图片添加惊艳悬停动画:6 种创意效果——波浪扭曲、液态融化、RGB 分离、丝滑过渡、缩放模糊、燃烧火焰。
自定义 FAQ 手风琴
该手风琴组件可自动添加任意数量的问答:无需手动链接,专注内容,组件会处理其余。
图片水印组件
为图片添加水印,让图片无法被复制。
MotionAura
为任意元素添加顺滑的 3D 倾斜交互:鼠标响应的深度与弹簧动画让框架、图片或视频更有生命力。
清爽导航
干净响应式的导航栏:顺滑动画与可自定义的导航链接和按钮,适用于现代网站。
专业日历叠加层
用 Cal Overlay Pro 提升 Framer 项目:一款简洁可定制的日历组件,可无缝集成 Cal.com 或 Calendly 的预约浮层。
内容排期
通过配置特定内容在指定日期与时间显示,实现 Framer 的内容定时发布。
滚动文本效果
为网页文字添加特殊效果:用户向下滚动时,词语会以有趣方式出现。
悬停 3D 倾斜
响应鼠标移动的 3D 倾斜效果:悬停时组件会倾斜并跟随光标位置。
011 显示更多
完全可自定义的内容预览:支持可展开高度;适合组织长内容并以交互方式呈现。
轮播
交互式旋转卡片轮播:顺滑 3D 转场。
视频叠加弹窗
用角落视频弹窗吸引访客:用户可暂停或静音,把点击转化为强力 CTA。
多格式二维码生成器:URL、文本、邮箱、短信、vCard、日历、Wi‑Fi、GPS;支持自定义颜色、纠错等级与嵌入 Logo,并输出专业 SVG。
剪切路径文字流
在 Framer 中沿自定义 SVG 路径为文字做动画:顺滑无限滚动,可完全控制内容、字体、速度、方向与路径。
VideoSliderPro
面向 Framer 的全功能视频滑块:支持文件上传、直链 URL 或 CMS 集成的多视频源。
动画提示工具
动态组件:可悬停头像并显示弹簧动画提示框(姓名与职位),可完全自定义。
深度 404
Depth404 将断链变成有趣时刻:干净设计、交互细节与智能导航。
增长范围滑块
用交互式 ROI 滑块可视化投资增长:自定义标签、数值、颜色与设计以匹配品牌并提升参与度。
词语聚光灯
简洁电影感的逐词聚焦效果,带移动框架。
电动边框
动态卡片组件:鲜艳的电动边框动画效果;适合为项目增添吸睛的未来感;可完全自定义。
成本计算器
用 Smart Cost Estimator 轻松为 Framer 项目添加可定制成本计算器:适合服务商、自由职业者与企业。
音乐专辑播放器
Framer 专辑播放器组件:支持播放、暂停并在歌单中切换歌曲。
多步表单
将表单拆分为多个步骤以提升体验:一次只显示一个部分,可按你希望的方式组织。
群组光标跟随
多张图片跟随鼠标移动:每张图片可配置延迟,形成拖尾效果。
查询框
以结构化现代布局展示 FAQ,让答案“一点即达”。
视频 Perlin 揭示
Image Perlin Reveal:使用流体 Perlin 噪声蒙版的 WebGL 效果,将图片转化为有机、电影感且可交互的视觉体验。
010 表格
用这款完全可定制的表格组件优雅展示数据:调整列、边框、表头、单元格等以完美适配。
3D 立方体
可定制的高级 3D 立方体组件:可连接 Framer 中任意框架或图形,包括 Framer 设计、图片、GIF、视频等。
功能聚光灯
交互式双栏区块:访客在左侧浏览关键功能,同时在右侧查看详细说明与视觉内容。
Posthog Cookie 横幅
完全可定制的 PostHog Cookie 同意组件:复制到项目中,设置属性,把 PostHog 代码片段加入 head,即可使用。
动量轮播
该组件创建横向滚动的轮播/跑马灯:无限循环、顺滑的动量滚动,并支持触控。
卫星图标
将静态 Logo 网格变为顺滑交互的 3D 图标球:支持拖拽、悬停与点击,适合技术栈、合作伙伴或社交徽章。
环形滚动指示器
可自定义的圆形滚动进度指示器(Framer):适合阅读进度、回到顶部按钮或更吸睛的页面视觉。
液体填充按钮
高级 Framer 按钮:顺滑的液体上升填充动画,三种快速样式与完全可定制。
CMS 滑动堆栈
超顺滑 CMS/画廊/静态图片堆叠卡片轮播:即刻加载,拖拽/滚动导航,灯箱,自动旋转与灵活数据源,适用于 Framer。
图片加载器
图片加载器:提供 3 种进度类型(条形/甜甜圈/旋转),支持模糊/闪烁效果、可自定义颜色与字体、ARIA 无障碍与情境控制,适用于展示 GenAI。
悬停网格
将任意图片变为动态悬停网格效果:12+ 风格(如涟漪、漩涡、爆裂),可自定义、响应式且吸睛。
图片缩放卡片
交互式图片缩放卡片:带叠加文字、模糊与可自定义操作按钮,适合作品集、画廊与项目展示。
Neo CTA 3D 翻转卡片
未来感 3D 翻转卡片:带辉光效果,支持悬停/点击翻转、可自定义尺寸,并内置 CTA 按钮,适合高冲击交互。
Create a free website with Framer, the website builder loved by startups, designers and agencies.