更新日志

更新日志

更新日志

关注更新日志,我们会定期更新新的内容

还在持续运营中

关注更新日志,我们会定期更新新的内容

还在持续运营中

关注FramerCN的更新,我会定期更新

还在持续运营中

Framer中文网免费组件模板、Framer组件、Framer模板、Framer教程、Framer汉化
Framer中文网免费组件模板、Framer组件、Framer模板、Framer教程、Framer汉化

微信公众号

Framer中文网免费组件模板、Framer组件、Framer模板、Framer教程、Framer汉化
Framer中文网免费组件模板、Framer组件、Framer模板、Framer教程、Framer汉化

小红书

没有想要的内容?

没有想要的内容?

没有想要的内容?

Version

2.0.4

Version

2.0.4

Version

2.0.4

2025年10月6日

2025年10月6日

2025年10月6日

几周内从0到100上线网站

大家好!

非常高兴地宣布,我们的​​全新内容页面已经搭建完成啦!​​ 🎉

从这个月开始,我会​​每周固定更新一篇高质量的原创内容​​,专注于帮助大家从零开始,系统性地学习和掌握 Framer,让你也能轻松打造出专业又惊艳的网站。

​🚀 本周更新内容:【Framer 完全改变了我构建网站的方式】​

在这第一篇内容里,我没有一上来就讲枯燥的工具用法,而是分享了我个人从对 Framer 感到陌生和困惑,到几周内就能独立上线的真实学习历程。

我坦诚地告诉大家,Framer 虽然强大,但确有学习曲线。我成功的秘诀并非疯狂看教程,而是采用了一种非常高效且有趣的 ​​「逆向拆解」学习方法​​。

这篇文章将详细为你拆解:

  • 🤔 ​​为什么最终选择了 Framer?​​ (解决了我的哪些核心痛点)

  • 🧠 ​​什么是「逆向拆解」学习法?​​ 为什么它比传统学习方式快得多?

  • 🔍 ​​五步实操指南:​​ 从如何选择合适的模板,到最终从零重建,一步步带你上手。

  • ⏱ ​​合理的时间预期:​​ 告诉你每个阶段可能花费的时间,帮你更好地规划学习。

如果你也对 Framer 感到好奇,或者曾经打开过却不知从何下手,相信我的这份经验分享能给你带来巨大的启发和帮助。

​👉 点击这里阅读全文

希望这篇内容能成为你 Framer 学习之旅的完美起点。期待你的反馈和想法!

我们下周见!

大家好!

非常高兴地宣布,我们的​​全新内容页面已经搭建完成啦!​​ 🎉

从这个月开始,我会​​每周固定更新一篇高质量的原创内容​​,专注于帮助大家从零开始,系统性地学习和掌握 Framer,让你也能轻松打造出专业又惊艳的网站。

​🚀 本周更新内容:【Framer 完全改变了我构建网站的方式】​

在这第一篇内容里,我没有一上来就讲枯燥的工具用法,而是分享了我个人从对 Framer 感到陌生和困惑,到几周内就能独立上线的真实学习历程。

我坦诚地告诉大家,Framer 虽然强大,但确有学习曲线。我成功的秘诀并非疯狂看教程,而是采用了一种非常高效且有趣的 ​​「逆向拆解」学习方法​​。

这篇文章将详细为你拆解:

  • 🤔 ​​为什么最终选择了 Framer?​​ (解决了我的哪些核心痛点)

  • 🧠 ​​什么是「逆向拆解」学习法?​​ 为什么它比传统学习方式快得多?

  • 🔍 ​​五步实操指南:​​ 从如何选择合适的模板,到最终从零重建,一步步带你上手。

  • ⏱ ​​合理的时间预期:​​ 告诉你每个阶段可能花费的时间,帮你更好地规划学习。

如果你也对 Framer 感到好奇,或者曾经打开过却不知从何下手,相信我的这份经验分享能给你带来巨大的启发和帮助。

​👉 点击这里阅读全文

希望这篇内容能成为你 Framer 学习之旅的完美起点。期待你的反馈和想法!

我们下周见!

几周内从0到100上线网站

大家好!

非常高兴地宣布,我们的​​全新内容页面已经搭建完成啦!​​ 🎉

从这个月开始,我会​​每周固定更新一篇高质量的原创内容​​,专注于帮助大家从零开始,系统性地学习和掌握 Framer,让你也能轻松打造出专业又惊艳的网站。

​🚀 本周更新内容:【Framer 完全改变了我构建网站的方式】​

在这第一篇内容里,我没有一上来就讲枯燥的工具用法,而是分享了我个人从对 Framer 感到陌生和困惑,到几周内就能独立上线的真实学习历程。

我坦诚地告诉大家,Framer 虽然强大,但确有学习曲线。我成功的秘诀并非疯狂看教程,而是采用了一种非常高效且有趣的 ​​「逆向拆解」学习方法​​。

这篇文章将详细为你拆解:

  • 🤔 ​​为什么最终选择了 Framer?​​ (解决了我的哪些核心痛点)

  • 🧠 ​​什么是「逆向拆解」学习法?​​ 为什么它比传统学习方式快得多?

  • 🔍 ​​五步实操指南:​​ 从如何选择合适的模板,到最终从零重建,一步步带你上手。

  • ⏱ ​​合理的时间预期:​​ 告诉你每个阶段可能花费的时间,帮你更好地规划学习。

如果你也对 Framer 感到好奇,或者曾经打开过却不知从何下手,相信我的这份经验分享能给你带来巨大的启发和帮助。

​👉 点击这里阅读全文

希望这篇内容能成为你 Framer 学习之旅的完美起点。期待你的反馈和想法!

我们下周见!

Version

2.0.3

Version

2.0.3

Version

2.0.3

2025年10月5日

2025年10月5日

2025年10月5日

新模板限时免费领!限时!

本次更新重磅推出限时免费模板,并带来一系列炫酷的新组件和资源库,助您打造更具互动性和设计感的网站!

🎉 新模板限时免费!​

​【Aylix】—— 人工智能与SaaS品牌的优雅之选​

  • ✨ ​​简介​​:专为AI初创企业和SaaS品牌打造的时尚Framer模板。

  • 💎 ​​功能​​:优雅地展示您的按需人工智能团队、集成功能、自动化流程和合规情况。

  • ⏰ ​​限时免费赠送活动​​:

    • ​📱 小红书平台​​:关注我们,私信​​FramerAylix,并点赞/收藏/关注指定笔记,即可免费获得模板兑换码!

    • ​💬 微信公众号​​:关注我们,私信FramerAylix,即可免费获取该模板的Figma设计源文件!

    • 立即行动,用兑换码免费兑换模板,快速启动您的项目!

​🧩 炫酷新组件​

我们新增了5个极具表现力的组件,让您的网站动起来:

  • ​⛓️ 重力文本 (Gravity Text)​​:模拟重力对字母产生影响的文本组件,让每个字符都拥有物理质感。

  • ​🌀 波普网格 (Pop Grid)​​:适用于Framer的波普网格组件,能在形状网格上创建生动有趣的动画效果。

  • ​🧈 可拖动Bento (Draggable Bento)​​:支持实时拖放和重新排列,搭配如黄油般流畅顺滑的动画。

  • ​🖱️ 运动轨迹光标 (Motion Trail Cursor)​​:一款流畅、具有方向感知功能且可完全自定义的光标,为交互增添乐趣。

  • ​🌈 流体网格渐变 (Fluid Grid Gradient)​​:轻松在Framer中创建流畅、动态的网格渐变背景,提升视觉层次。

​📚 新资源库​
  • ​【FramerCN模板库】正式上线!​

    面向不同团队和场景的精选Framer模板集合。无论您是初创公司、工作室还是个人创作者,都能在这里找到灵感,​​只需几个小时,就能从想法变为上线的网站​​。

​🐛 Bug 修复与优化​
  • ​已修复​​:解决了H5移动端导航菜单展开后,项目分布不均匀导致的布局错位问题,现在导航体验更完美了!

希望您喜欢本次更新!立即尝试新功能,打造您的下一个杰作吧! 🚀

本次更新重磅推出限时免费模板,并带来一系列炫酷的新组件和资源库,助您打造更具互动性和设计感的网站!

🎉 新模板限时免费!​

​【Aylix】—— 人工智能与SaaS品牌的优雅之选​

  • ✨ ​​简介​​:专为AI初创企业和SaaS品牌打造的时尚Framer模板。

  • 💎 ​​功能​​:优雅地展示您的按需人工智能团队、集成功能、自动化流程和合规情况。

  • ⏰ ​​限时免费赠送活动​​:

    • ​📱 小红书平台​​:关注我们,私信​​FramerAylix,并点赞/收藏/关注指定笔记,即可免费获得模板兑换码!

    • ​💬 微信公众号​​:关注我们,私信FramerAylix,即可免费获取该模板的Figma设计源文件!

    • 立即行动,用兑换码免费兑换模板,快速启动您的项目!

​🧩 炫酷新组件​

我们新增了5个极具表现力的组件,让您的网站动起来:

  • ​⛓️ 重力文本 (Gravity Text)​​:模拟重力对字母产生影响的文本组件,让每个字符都拥有物理质感。

  • ​🌀 波普网格 (Pop Grid)​​:适用于Framer的波普网格组件,能在形状网格上创建生动有趣的动画效果。

  • ​🧈 可拖动Bento (Draggable Bento)​​:支持实时拖放和重新排列,搭配如黄油般流畅顺滑的动画。

  • ​🖱️ 运动轨迹光标 (Motion Trail Cursor)​​:一款流畅、具有方向感知功能且可完全自定义的光标,为交互增添乐趣。

  • ​🌈 流体网格渐变 (Fluid Grid Gradient)​​:轻松在Framer中创建流畅、动态的网格渐变背景,提升视觉层次。

​📚 新资源库​
  • ​【FramerCN模板库】正式上线!​

    面向不同团队和场景的精选Framer模板集合。无论您是初创公司、工作室还是个人创作者,都能在这里找到灵感,​​只需几个小时,就能从想法变为上线的网站​​。

​🐛 Bug 修复与优化​
  • ​已修复​​:解决了H5移动端导航菜单展开后,项目分布不均匀导致的布局错位问题,现在导航体验更完美了!

希望您喜欢本次更新!立即尝试新功能,打造您的下一个杰作吧! 🚀

新模板限时免费领!限时!

本次更新重磅推出限时免费模板,并带来一系列炫酷的新组件和资源库,助您打造更具互动性和设计感的网站!

🎉 新模板限时免费!​

​【Aylix】—— 人工智能与SaaS品牌的优雅之选​

  • ✨ ​​简介​​:专为AI初创企业和SaaS品牌打造的时尚Framer模板。

  • 💎 ​​功能​​:优雅地展示您的按需人工智能团队、集成功能、自动化流程和合规情况。

  • ⏰ ​​限时免费赠送活动​​:

    • ​📱 小红书平台​​:关注我们,私信​​FramerAylix,并点赞/收藏/关注指定笔记,即可免费获得模板兑换码!

    • ​💬 微信公众号​​:关注我们,私信FramerAylix,即可免费获取该模板的Figma设计源文件!

    • 立即行动,用兑换码免费兑换模板,快速启动您的项目!

​🧩 炫酷新组件​

我们新增了5个极具表现力的组件,让您的网站动起来:

  • ​⛓️ 重力文本 (Gravity Text)​​:模拟重力对字母产生影响的文本组件,让每个字符都拥有物理质感。

  • ​🌀 波普网格 (Pop Grid)​​:适用于Framer的波普网格组件,能在形状网格上创建生动有趣的动画效果。

  • ​🧈 可拖动Bento (Draggable Bento)​​:支持实时拖放和重新排列,搭配如黄油般流畅顺滑的动画。

  • ​🖱️ 运动轨迹光标 (Motion Trail Cursor)​​:一款流畅、具有方向感知功能且可完全自定义的光标,为交互增添乐趣。

  • ​🌈 流体网格渐变 (Fluid Grid Gradient)​​:轻松在Framer中创建流畅、动态的网格渐变背景,提升视觉层次。

​📚 新资源库​
  • ​【FramerCN模板库】正式上线!​

    面向不同团队和场景的精选Framer模板集合。无论您是初创公司、工作室还是个人创作者,都能在这里找到灵感,​​只需几个小时,就能从想法变为上线的网站​​。

​🐛 Bug 修复与优化​
  • ​已修复​​:解决了H5移动端导航菜单展开后,项目分布不均匀导致的布局错位问题,现在导航体验更完美了!

希望您喜欢本次更新!立即尝试新功能,打造您的下一个杰作吧! 🚀

Version

2.0.2

Version

2.0.2

Version

2.0.2

2025年9月30日

2025年9月30日

2025年9月30日

重磅更新! 拟物风格UI套件

本次更新我们带来了一个精心打造的​​拟物风格(Skeuomorphic)UI组件合集​​,旨在帮助您无需代码即可在Framer中构建出质感十足、交互惊艳的设计。所有组件均可一键复制,立即使用!

​✨ 更新内容
  • ​🔄 拟物风格转动组件​​ - 带来复古表盘般的精准操控感。

  • ​🔄 拟物风格切换组件​​ - 在两种状态间优雅滑过,反馈清晰。

  • ​🔘 拟物风格按钮组件​​ - 拥有逼真的按压质感与物理反馈。

  • ​📜 拟物风格滚动组件​​ - 模拟实体滚轮的顺滑与阻尼感。

  • ​🎚️ 拟物风格滑块组件​​ - 像调节物理旋钮一样直观地控制数值。

  • ​🔌 拟物风格开关组件​​ - 经典拨动开关,咔哒声仿佛就在耳边。

  • ​📸 拟物风格相机交互组件(重磅推荐!)​​ - 此组件设计极为精巧,涵盖了在Framer中使用​​变体(Variants)​​ 构建复杂交互的大部分高级技巧。通过它,您可以深入探索如何将多个交互逻辑无缝衔接,创造出令人惊叹的流畅效果。

🐛 问题修复
  • ​✅ 修复了组件库页面更新消息入口无法正常进入的问题​​ - 现在您可以顺畅地访问所有更新动态了。

​🚀 立即体验​

欢迎复制使用这些组件,尽情探索如何在Framer中​​无需一行代码​​,即可轻松构建出拟物化的精致设计和令人叹为观止的交互效果!

希望它们能激发您的创作灵感!💡

本次更新我们带来了一个精心打造的​​拟物风格(Skeuomorphic)UI组件合集​​,旨在帮助您无需代码即可在Framer中构建出质感十足、交互惊艳的设计。所有组件均可一键复制,立即使用!

​✨ 更新内容
  • ​🔄 拟物风格转动组件​​ - 带来复古表盘般的精准操控感。

  • ​🔄 拟物风格切换组件​​ - 在两种状态间优雅滑过,反馈清晰。

  • ​🔘 拟物风格按钮组件​​ - 拥有逼真的按压质感与物理反馈。

  • ​📜 拟物风格滚动组件​​ - 模拟实体滚轮的顺滑与阻尼感。

  • ​🎚️ 拟物风格滑块组件​​ - 像调节物理旋钮一样直观地控制数值。

  • ​🔌 拟物风格开关组件​​ - 经典拨动开关,咔哒声仿佛就在耳边。

  • ​📸 拟物风格相机交互组件(重磅推荐!)​​ - 此组件设计极为精巧,涵盖了在Framer中使用​​变体(Variants)​​ 构建复杂交互的大部分高级技巧。通过它,您可以深入探索如何将多个交互逻辑无缝衔接,创造出令人惊叹的流畅效果。

🐛 问题修复
  • ​✅ 修复了组件库页面更新消息入口无法正常进入的问题​​ - 现在您可以顺畅地访问所有更新动态了。

​🚀 立即体验​

欢迎复制使用这些组件,尽情探索如何在Framer中​​无需一行代码​​,即可轻松构建出拟物化的精致设计和令人叹为观止的交互效果!

希望它们能激发您的创作灵感!💡

重磅更新! 拟物风格UI套件

本次更新我们带来了一个精心打造的​​拟物风格(Skeuomorphic)UI组件合集​​,旨在帮助您无需代码即可在Framer中构建出质感十足、交互惊艳的设计。所有组件均可一键复制,立即使用!

​✨ 更新内容
  • ​🔄 拟物风格转动组件​​ - 带来复古表盘般的精准操控感。

  • ​🔄 拟物风格切换组件​​ - 在两种状态间优雅滑过,反馈清晰。

  • ​🔘 拟物风格按钮组件​​ - 拥有逼真的按压质感与物理反馈。

  • ​📜 拟物风格滚动组件​​ - 模拟实体滚轮的顺滑与阻尼感。

  • ​🎚️ 拟物风格滑块组件​​ - 像调节物理旋钮一样直观地控制数值。

  • ​🔌 拟物风格开关组件​​ - 经典拨动开关,咔哒声仿佛就在耳边。

  • ​📸 拟物风格相机交互组件(重磅推荐!)​​ - 此组件设计极为精巧,涵盖了在Framer中使用​​变体(Variants)​​ 构建复杂交互的大部分高级技巧。通过它,您可以深入探索如何将多个交互逻辑无缝衔接,创造出令人惊叹的流畅效果。

🐛 问题修复
  • ​✅ 修复了组件库页面更新消息入口无法正常进入的问题​​ - 现在您可以顺畅地访问所有更新动态了。

​🚀 立即体验​

欢迎复制使用这些组件,尽情探索如何在Framer中​​无需一行代码​​,即可轻松构建出拟物化的精致设计和令人叹为观止的交互效果!

希望它们能激发您的创作灵感!💡

Version

2.0.1

Version

2.0.1

Version

2.0.1

2025年9月28日

2025年9月28日

2025年9月28日

大量组件更新,强大到发光!

本次更新我们带来了大量炫酷的 Framer 组件和效果,并对一些关键问题进行了修复,让你的网站体验更上一层楼!

🚀 ​​新增超强组件​
  • ​🔥 热成像效果​

    全新可定制热成像组件!现在你可以自由调整热图的颜色、对比度、灵敏度和动画速度,创造出独一无二的视觉冲击。

  • ​🔄 文本切换​

    想让你的标语动起来?这个组件能让你展示一系列词语,并通过3种不同的动画效果让它们优雅地淡入淡出。

  • ​🌀 乱码文本​

    借助这个组件,你可以对文本进行打乱处理,创造出犹如黑客帝国般的酷炫效果,瞬间提升页面的科技感和互动性。

  • ​🔄 前后对比​

    用两张图片进行直观的前后对比!它的核心采用了GPU硬件加速技术,确保对比滑块操作如丝般顺滑。

  • ​💫 边缘辉光​

    为你的设计注入一丝魔力!悬停在任何帧上时让边缘发出微光,或者在整个帧的顶部呈现完整的光泽效果。

  • ​🎠 轮播组件 - 增强版​

    带来了体验升级的轮播!支持流畅的自由拖动滚动、无限循环,并能自动调整图像尺寸。还包含精准的吸附功能,便于导航。

  • ​🎮 3D悬停 & 倾斜​

    轻松将任何框架或图像转换为立体的交互卡片!当用户悬停时,它会平滑地呈现动态倾斜效果,深度感十足。

  • ​🌌 圆环渐变背景​

    源自 React Bits 中的 “The Orb” 并进一步增强!这是一种非常酷炫的背景效果,我们为它增加了额外的功能和灵活性。

  • ​📊 滚动进度监测​

    一个实用的滚动跟踪组件,它能实时监测并显示页面的滚动进度,以及当前正在阅读的标题,导航从未如此清晰。

  • ​🎴 卡片模糊效果​

    使用 Framer 变体实现了优雅的卡片悬停效果。卡片内容在悬停时会从模糊变为清晰,全部无需代码即可实现!

  • ​👁️ 渐变模糊​

    为任何对象添加时尚的渐变背景模糊效果。模糊的程度、精度甚至叠加的颜色都可以完全自定义,细节控的福音。

  • ​🖊️ 自定义文本下划线​

    告别单调的下划线!该组件可以给全文或特定词语/短语添加下划线,并且能完全自定义其样式,让你的排版更出彩。

  • ​🃏 堆叠卡片效果​

    创建可交互的卡片堆叠!以级联的布局展示卡片,带有优雅的缩放和间距效果,动画和交互均可自定义。

  • ​♾️ 无限图像网格​

    一个可以无限延伸的图像网格组件,为你的作品集或画廊设计提供无尽的可能。

✅ ​​问题修复​
  • ​🐛 修复了手机端 Header 导航无法正常点击的问题。​

  • ​🐛 修复了 Footer 联系按钮无法正常点击的问题。​

希望你喜欢这次重磅更新!快去尝试这些新组件,打造更令人惊艳的网站吧!🎉

本次更新我们带来了大量炫酷的 Framer 组件和效果,并对一些关键问题进行了修复,让你的网站体验更上一层楼!

🚀 ​​新增超强组件​
  • ​🔥 热成像效果​

    全新可定制热成像组件!现在你可以自由调整热图的颜色、对比度、灵敏度和动画速度,创造出独一无二的视觉冲击。

  • ​🔄 文本切换​

    想让你的标语动起来?这个组件能让你展示一系列词语,并通过3种不同的动画效果让它们优雅地淡入淡出。

  • ​🌀 乱码文本​

    借助这个组件,你可以对文本进行打乱处理,创造出犹如黑客帝国般的酷炫效果,瞬间提升页面的科技感和互动性。

  • ​🔄 前后对比​

    用两张图片进行直观的前后对比!它的核心采用了GPU硬件加速技术,确保对比滑块操作如丝般顺滑。

  • ​💫 边缘辉光​

    为你的设计注入一丝魔力!悬停在任何帧上时让边缘发出微光,或者在整个帧的顶部呈现完整的光泽效果。

  • ​🎠 轮播组件 - 增强版​

    带来了体验升级的轮播!支持流畅的自由拖动滚动、无限循环,并能自动调整图像尺寸。还包含精准的吸附功能,便于导航。

  • ​🎮 3D悬停 & 倾斜​

    轻松将任何框架或图像转换为立体的交互卡片!当用户悬停时,它会平滑地呈现动态倾斜效果,深度感十足。

  • ​🌌 圆环渐变背景​

    源自 React Bits 中的 “The Orb” 并进一步增强!这是一种非常酷炫的背景效果,我们为它增加了额外的功能和灵活性。

  • ​📊 滚动进度监测​

    一个实用的滚动跟踪组件,它能实时监测并显示页面的滚动进度,以及当前正在阅读的标题,导航从未如此清晰。

  • ​🎴 卡片模糊效果​

    使用 Framer 变体实现了优雅的卡片悬停效果。卡片内容在悬停时会从模糊变为清晰,全部无需代码即可实现!

  • ​👁️ 渐变模糊​

    为任何对象添加时尚的渐变背景模糊效果。模糊的程度、精度甚至叠加的颜色都可以完全自定义,细节控的福音。

  • ​🖊️ 自定义文本下划线​

    告别单调的下划线!该组件可以给全文或特定词语/短语添加下划线,并且能完全自定义其样式,让你的排版更出彩。

  • ​🃏 堆叠卡片效果​

    创建可交互的卡片堆叠!以级联的布局展示卡片,带有优雅的缩放和间距效果,动画和交互均可自定义。

  • ​♾️ 无限图像网格​

    一个可以无限延伸的图像网格组件,为你的作品集或画廊设计提供无尽的可能。

✅ ​​问题修复​
  • ​🐛 修复了手机端 Header 导航无法正常点击的问题。​

  • ​🐛 修复了 Footer 联系按钮无法正常点击的问题。​

希望你喜欢这次重磅更新!快去尝试这些新组件,打造更令人惊艳的网站吧!🎉

大量组件更新,强大到发光!

本次更新我们带来了大量炫酷的 Framer 组件和效果,并对一些关键问题进行了修复,让你的网站体验更上一层楼!

🚀 ​​新增超强组件​
  • ​🔥 热成像效果​

    全新可定制热成像组件!现在你可以自由调整热图的颜色、对比度、灵敏度和动画速度,创造出独一无二的视觉冲击。

  • ​🔄 文本切换​

    想让你的标语动起来?这个组件能让你展示一系列词语,并通过3种不同的动画效果让它们优雅地淡入淡出。

  • ​🌀 乱码文本​

    借助这个组件,你可以对文本进行打乱处理,创造出犹如黑客帝国般的酷炫效果,瞬间提升页面的科技感和互动性。

  • ​🔄 前后对比​

    用两张图片进行直观的前后对比!它的核心采用了GPU硬件加速技术,确保对比滑块操作如丝般顺滑。

  • ​💫 边缘辉光​

    为你的设计注入一丝魔力!悬停在任何帧上时让边缘发出微光,或者在整个帧的顶部呈现完整的光泽效果。

  • ​🎠 轮播组件 - 增强版​

    带来了体验升级的轮播!支持流畅的自由拖动滚动、无限循环,并能自动调整图像尺寸。还包含精准的吸附功能,便于导航。

  • ​🎮 3D悬停 & 倾斜​

    轻松将任何框架或图像转换为立体的交互卡片!当用户悬停时,它会平滑地呈现动态倾斜效果,深度感十足。

  • ​🌌 圆环渐变背景​

    源自 React Bits 中的 “The Orb” 并进一步增强!这是一种非常酷炫的背景效果,我们为它增加了额外的功能和灵活性。

  • ​📊 滚动进度监测​

    一个实用的滚动跟踪组件,它能实时监测并显示页面的滚动进度,以及当前正在阅读的标题,导航从未如此清晰。

  • ​🎴 卡片模糊效果​

    使用 Framer 变体实现了优雅的卡片悬停效果。卡片内容在悬停时会从模糊变为清晰,全部无需代码即可实现!

  • ​👁️ 渐变模糊​

    为任何对象添加时尚的渐变背景模糊效果。模糊的程度、精度甚至叠加的颜色都可以完全自定义,细节控的福音。

  • ​🖊️ 自定义文本下划线​

    告别单调的下划线!该组件可以给全文或特定词语/短语添加下划线,并且能完全自定义其样式,让你的排版更出彩。

  • ​🃏 堆叠卡片效果​

    创建可交互的卡片堆叠!以级联的布局展示卡片,带有优雅的缩放和间距效果,动画和交互均可自定义。

  • ​♾️ 无限图像网格​

    一个可以无限延伸的图像网格组件,为你的作品集或画廊设计提供无尽的可能。

✅ ​​问题修复​
  • ​🐛 修复了手机端 Header 导航无法正常点击的问题。​

  • ​🐛 修复了 Footer 联系按钮无法正常点击的问题。​

希望你喜欢这次重磅更新!快去尝试这些新组件,打造更令人惊艳的网站吧!🎉

Version

2.0.0

Version

2.0.0

Version

2.0.0

2025年9月16日

2025年9月16日

2025年9月16日

隆重介绍 FramerCN 2.0

🏠【前端焕新】

视觉与交互全面升级,精心优化的界面让浏览更流畅、信息更清晰,愿您第一眼就感受到我们的用心。

🧩【模块库与组件库双升级】

  • 原“组件库”正式更名为“模块库”,涵盖更丰富的Framer功能模块;

  • 全新“组件库”上线!专注收录创意性UI组件,助力灵感迸发;

  • 新增「相似组件推荐」功能,找组件更快、更准、更智能。

📄【文档体验优化】

内容排版重构,阅读更舒适,关键信息一目了然,助您高效获取知识。

✨【更多令人欣喜的改进】

  • 移除用户系统,所有内容免费开放,真正实现无障碍访问;

  • 新增「联系」页面,欢迎随时反馈想法、建议或合作意向;

  • 多个页面持续优化中,我们始终以用户体验为核心。

感谢大家的持续关注与支持,未来我们会继续迭代,带来更优质的内容与功能!🚀

🏠【前端焕新】

视觉与交互全面升级,精心优化的界面让浏览更流畅、信息更清晰,愿您第一眼就感受到我们的用心。

🧩【模块库与组件库双升级】

  • 原“组件库”正式更名为“模块库”,涵盖更丰富的Framer功能模块;

  • 全新“组件库”上线!专注收录创意性UI组件,助力灵感迸发;

  • 新增「相似组件推荐」功能,找组件更快、更准、更智能。

📄【文档体验优化】

内容排版重构,阅读更舒适,关键信息一目了然,助您高效获取知识。

✨【更多令人欣喜的改进】

  • 移除用户系统,所有内容免费开放,真正实现无障碍访问;

  • 新增「联系」页面,欢迎随时反馈想法、建议或合作意向;

  • 多个页面持续优化中,我们始终以用户体验为核心。

感谢大家的持续关注与支持,未来我们会继续迭代,带来更优质的内容与功能!🚀

隆重介绍 FramerCN 2.0

🏠【前端焕新】

视觉与交互全面升级,精心优化的界面让浏览更流畅、信息更清晰,愿您第一眼就感受到我们的用心。

🧩【模块库与组件库双升级】

  • 原“组件库”正式更名为“模块库”,涵盖更丰富的Framer功能模块;

  • 全新“组件库”上线!专注收录创意性UI组件,助力灵感迸发;

  • 新增「相似组件推荐」功能,找组件更快、更准、更智能。

📄【文档体验优化】

内容排版重构,阅读更舒适,关键信息一目了然,助您高效获取知识。

✨【更多令人欣喜的改进】

  • 移除用户系统,所有内容免费开放,真正实现无障碍访问;

  • 新增「联系」页面,欢迎随时反馈想法、建议或合作意向;

  • 多个页面持续优化中,我们始终以用户体验为核心。

感谢大家的持续关注与支持,未来我们会继续迭代,带来更优质的内容与功能!🚀

Version

1.0.5

Version

1.0.5

Version

1.0.5

2025年9月7日

2025年9月7日

2025年9月7日

FAQ组件库大升级!20+组件上线!​

📢 本次更新我们隆重推出了​​✨20个✨​​全新的FAQ组件,显著提升了内容的广度与深度。

🔄 为进一步提升用户体验,我们将建立​​📅每周更新​​的长期机制,对组件库进行持续优化。

⭐ 诚挚邀请您​​收藏我们的网站​​,以便及时获取最新资讯。感谢您一直以来的支持🙏

📢 本次更新我们隆重推出了​​✨20个✨​​全新的FAQ组件,显著提升了内容的广度与深度。

🔄 为进一步提升用户体验,我们将建立​​📅每周更新​​的长期机制,对组件库进行持续优化。

⭐ 诚挚邀请您​​收藏我们的网站​​,以便及时获取最新资讯。感谢您一直以来的支持🙏

FAQ组件库大升级!20+组件上线!​

📢 本次更新我们隆重推出了​​✨20个✨​​全新的FAQ组件,显著提升了内容的广度与深度。

🔄 为进一步提升用户体验,我们将建立​​📅每周更新​​的长期机制,对组件库进行持续优化。

⭐ 诚挚邀请您​​收藏我们的网站​​,以便及时获取最新资讯。感谢您一直以来的支持🙏

Version

1.0.4

Version

1.0.4

Version

1.0.4

2025年8月30日

2025年8月30日

2025年8月30日

资源库组件持续更新

✨ 15个免费 LogoClouds 组件 | 提升品牌展示效果

✨ 20个高效集成连接组件 | 快速对接第三方服务与数据

🔧 组件丰富,开箱即用,助力项目高效开发!

⭐ 欢迎收藏关注,持续获取更多优质组件更新 ~

✨ 15个免费 LogoClouds 组件 | 提升品牌展示效果

✨ 20个高效集成连接组件 | 快速对接第三方服务与数据

🔧 组件丰富,开箱即用,助力项目高效开发!

⭐ 欢迎收藏关注,持续获取更多优质组件更新 ~

资源库组件持续更新

✨ 15个免费 LogoClouds 组件 | 提升品牌展示效果

✨ 20个高效集成连接组件 | 快速对接第三方服务与数据

🔧 组件丰富,开箱即用,助力项目高效开发!

⭐ 欢迎收藏关注,持续获取更多优质组件更新 ~

Version

1.0.3

Version

1.0.3

Version

1.0.3

2025年8月24日

2025年8月24日

2025年8月24日

40+ 响应式亮点区块来袭!

✨ 新增 40 个多功能“功能亮点”组件

多样风格|覆盖多种场景和视觉风格

响应式适配|多端自动优化,完美兼容不同设备

灵活易用|直接复用,快速构建吸睛页面

🚀 轻松突出产品特性,让用户一眼看见你的亮点!

✨ 新增 40 个多功能“功能亮点”组件

多样风格|覆盖多种场景和视觉风格

响应式适配|多端自动优化,完美兼容不同设备

灵活易用|直接复用,快速构建吸睛页面

🚀 轻松突出产品特性,让用户一眼看见你的亮点!

40+ 响应式亮点区块来袭!

✨ 新增 40 个多功能“功能亮点”组件

多样风格|覆盖多种场景和视觉风格

响应式适配|多端自动优化,完美兼容不同设备

灵活易用|直接复用,快速构建吸睛页面

🚀 轻松突出产品特性,让用户一眼看见你的亮点!

Version

1.0.2

Version

1.0.2

Version

1.0.2

2025年8月19日

2025年8月19日

2025年8月19日

超强首屏来袭

🎉 新增 30 款精美 Hero 组件

多风格设计|覆盖现代、简约、商务、创意等多种风格

响应式布局|自动适配手机、平板、电脑端,完美展示

即拖即用|轻松定制,快速搭建惊艳的首屏视觉

✨ 让你的页面“第一屏”就抓住用户的眼睛!

👇 需要的话欢迎随时调用,也欢迎大家收藏关注,持续获取更新哟~

🎉 新增 30 款精美 Hero 组件

多风格设计|覆盖现代、简约、商务、创意等多种风格

响应式布局|自动适配手机、平板、电脑端,完美展示

即拖即用|轻松定制,快速搭建惊艳的首屏视觉

✨ 让你的页面“第一屏”就抓住用户的眼睛!

👇 需要的话欢迎随时调用,也欢迎大家收藏关注,持续获取更新哟~

超强首屏来袭

🎉 新增 30 款精美 Hero 组件

多风格设计|覆盖现代、简约、商务、创意等多种风格

响应式布局|自动适配手机、平板、电脑端,完美展示

即拖即用|轻松定制,快速搭建惊艳的首屏视觉

✨ 让你的页面“第一屏”就抓住用户的眼睛!

👇 需要的话欢迎随时调用,也欢迎大家收藏关注,持续获取更新哟~

Version

1.0.1

Version

1.0.1

Version

1.0.1

2025年8月16日

2025年8月16日

2025年8月16日

组件系统正式上线

✅ 组件系统已全面搭建完成!

当前所有组件支持

🔍 智能搜索 | 轻松查找所需组件

📂 分类筛选 | 快速定位资源类型

👀 在线预览 | 实时查看效果与代码

⬇️ 免费下载 | 所有组件开放使用,随心集成~

🆓 当前组件库内容​​完全免费​​,欢迎大家随意使用和分享!

📢 后续更新通知平台

新组件/新资源将首发更新至小红书 & 微信,

如果想第一时间获取最新内容,欢迎前往支持页面关注我们的官方账号✨

🙏 感谢大家的关注与支持,我们会持续更新优质组件!

✅ 组件系统已全面搭建完成!

当前所有组件支持

🔍 智能搜索 | 轻松查找所需组件

📂 分类筛选 | 快速定位资源类型

👀 在线预览 | 实时查看效果与代码

⬇️ 免费下载 | 所有组件开放使用,随心集成~

🆓 当前组件库内容​​完全免费​​,欢迎大家随意使用和分享!

📢 后续更新通知平台

新组件/新资源将首发更新至小红书 & 微信,

如果想第一时间获取最新内容,欢迎前往支持页面关注我们的官方账号✨

🙏 感谢大家的关注与支持,我们会持续更新优质组件!

组件系统正式上线

✅ 组件系统已全面搭建完成!

当前所有组件支持

🔍 智能搜索 | 轻松查找所需组件

📂 分类筛选 | 快速定位资源类型

👀 在线预览 | 实时查看效果与代码

⬇️ 免费下载 | 所有组件开放使用,随心集成~

🆓 当前组件库内容​​完全免费​​,欢迎大家随意使用和分享!

📢 后续更新通知平台

新组件/新资源将首发更新至小红书 & 微信,

如果想第一时间获取最新内容,欢迎前往支持页面关注我们的官方账号✨

🙏 感谢大家的关注与支持,我们会持续更新优质组件!

Version

1.0.0

Version

1.0.0

Version

1.0.0

2025年8月16日

2025年8月16日

2025年8月16日

网站优化更新一览

🧭 导航栏升级

整体优化,现在更加实用高效

用户头像加载样式美化:告别“加载中”文字,迎来流畅骨架屏效果

新增用户菜单:快速查看个人信息、进入用户中心或退出登录

📄 全新页面亮相

【里程碑】记录每一个重要时刻🏆

【组件库】上线!首批带来多个导航栏组件 ➕ 更多精彩组件持续更新中!

【更新日志】随时掌握最新开发动态📃

【支持页面】等你来探索~ ❤️

感谢大家的支持,我们会持续优化体验!

🧭 导航栏升级

整体优化,现在更加实用高效

用户头像加载样式美化:告别“加载中”文字,迎来流畅骨架屏效果

新增用户菜单:快速查看个人信息、进入用户中心或退出登录

📄 全新页面亮相

【里程碑】记录每一个重要时刻🏆

【组件库】上线!首批带来多个导航栏组件 ➕ 更多精彩组件持续更新中!

【更新日志】随时掌握最新开发动态📃

【支持页面】等你来探索~ ❤️

感谢大家的支持,我们会持续优化体验!

网站优化更新一览

🧭 导航栏升级

整体优化,现在更加实用高效

用户头像加载样式美化:告别“加载中”文字,迎来流畅骨架屏效果

新增用户菜单:快速查看个人信息、进入用户中心或退出登录

📄 全新页面亮相

【里程碑】记录每一个重要时刻🏆

【组件库】上线!首批带来多个导航栏组件 ➕ 更多精彩组件持续更新中!

【更新日志】随时掌握最新开发动态📃

【支持页面】等你来探索~ ❤️

感谢大家的支持,我们会持续优化体验!

问题解答

问题解答

问题解答

常见问题与解决方案

常见问题与解答

下面解答一些关于FramerCN

常见的问题

下面解答一些关于FramerCN

常见的问题

下面解答一些关于FramerCN

常见的问题

什么是FramerCN?

FramerCN 是一个专注于 Framer的中文社区​​。它的主要目标是帮助国内用户更好地学习和使用 Framer,提供一个集中交流、分享经验和获取资源的平台。

FramerCN是Framer官方运营吗?

FramerCN ​​并非由 Framer 官方运营​​,虽然我们不是官方团队,但我们与广大中国用户的目标是一致的:​​更好地推广和普及 Framer 这一优秀工具​​。

会持续更新吗?更新周期?

FramerCN一定会持续更新!​​ 这正是我们作为活跃社区的核心价值。保证每周至少会有一次高质量的内容更新​​。确保了社区能够定期获得新的养分,网站内容始终保持活力。

网站资源都是免费的吗?

目前FramerCN 站内的​​所有资源、教程和组件都是完全免费的​​,您可以毫无负担地下载、使用和学习。未来我们可能会对极少数 premium(高级/精品)资源或服务引入合理的收费模式​​。

网站资源可以商用吗?

完全可以!​​ FramerCN 提供的代码、组件和模板(除非额外单独说明),均遵循​​非常宽松的开源协议精神​​。

我可以把资源分享给别人吗?

我们非常鼓励您将​​好用的资源和网站​​分享给您的朋友、同事或团队成员! 但是,为了维护 FramerCN 社区的原创性和独特性,我们有一个重要的限制:您不能将 FramerCN 的独家资源、组件或模板,直接、大量地转载、镜像或挂到您自己或其他网站上供人下载。​

什么是FramerCN?

FramerCN 是一个专注于 Framer的中文社区​​。它的主要目标是帮助国内用户更好地学习和使用 Framer,提供一个集中交流、分享经验和获取资源的平台。

FramerCN是Framer官方运营吗?

FramerCN ​​并非由 Framer 官方运营​​,虽然我们不是官方团队,但我们与广大中国用户的目标是一致的:​​更好地推广和普及 Framer 这一优秀工具​​。

会持续更新吗?更新周期?

FramerCN一定会持续更新!​​ 这正是我们作为活跃社区的核心价值。保证每周至少会有一次高质量的内容更新​​。确保了社区能够定期获得新的养分,网站内容始终保持活力。

网站资源都是免费的吗?

目前FramerCN 站内的​​所有资源、教程和组件都是完全免费的​​,您可以毫无负担地下载、使用和学习。未来我们可能会对极少数 premium(高级/精品)资源或服务引入合理的收费模式​​。

网站资源可以商用吗?

完全可以!​​ FramerCN 提供的代码、组件和模板(除非额外单独说明),均遵循​​非常宽松的开源协议精神​​。

我可以把资源分享给别人吗?

我们非常鼓励您将​​好用的资源和网站​​分享给您的朋友、同事或团队成员! 但是,为了维护 FramerCN 社区的原创性和独特性,我们有一个重要的限制:您不能将 FramerCN 的独家资源、组件或模板,直接、大量地转载、镜像或挂到您自己或其他网站上供人下载。​

什么是FramerCN?

FramerCN 是一个专注于 Framer的中文社区​​。它的主要目标是帮助国内用户更好地学习和使用 Framer,提供一个集中交流、分享经验和获取资源的平台。

FramerCN是Framer官方运营吗?

FramerCN ​​并非由 Framer 官方运营​​,虽然我们不是官方团队,但我们与广大中国用户的目标是一致的:​​更好地推广和普及 Framer 这一优秀工具​​。

会持续更新吗?更新周期?

FramerCN一定会持续更新!​​ 这正是我们作为活跃社区的核心价值。保证每周至少会有一次高质量的内容更新​​。确保了社区能够定期获得新的养分,网站内容始终保持活力。

网站资源都是免费的吗?

目前FramerCN 站内的​​所有资源、教程和组件都是完全免费的​​,您可以毫无负担地下载、使用和学习。未来我们可能会对极少数 premium(高级/精品)资源或服务引入合理的收费模式​​。

网站资源可以商用吗?

完全可以!​​ FramerCN 提供的代码、组件和模板(除非额外单独说明),均遵循​​非常宽松的开源协议精神​​。

我可以把资源分享给别人吗?

我们非常鼓励您将​​好用的资源和网站​​分享给您的朋友、同事或团队成员! 但是,为了维护 FramerCN 社区的原创性和独特性,我们有一个重要的限制:您不能将 FramerCN 的独家资源、组件或模板,直接、大量地转载、镜像或挂到您自己或其他网站上供人下载。​

发挥想象

共创

FramerCN社区

提交你的想法,我们帮你实现

发挥想象

共创

FramerCN

提交你的想法,我们帮你实现

发挥想象

共创

FramerCN社区

提交你的想法,我们帮你实现

Create a free website with Framer, the website builder loved by startups, designers and agencies.