3D 倾斜卡片轮播效果 | 适合摄影展示的 React 平滑轮播组件

卡片式轮播

3D 倾斜卡片轮播效果 | 适合摄影展示的 React 平滑轮播组件

这是一款 3D 倾斜卡片轮播效果,基于 React+Framer Motion 动画技术实现,中间卡片居中突出,两侧呈自然倾斜透视,切换时带丝滑过渡动画,支持箭头和底部指示器切换,适用于摄影作品...

儿童益智教育游戏 PWA 移动端 App 模板 | 游戏化学习设计,适合早教平台 / 幼儿启蒙 / EdTech 产品
精品

孩子王

儿童益智教育游戏 PWA 移动端 App 模板 | 游戏化学习设计,适合早教平台 / 幼儿启蒙 / EdTech 产品

如果你正在打造一款面向儿童的教育类 App 产品,这套模板提供了一套完整度相当高的移动端设计方案。它以 PWA 渐进式网页应用为技术基础,底层基于 Tailwind CSS 框架实现,兼顾 Ap...

GSAP 实现的图片卡片随鼠标移动产生位移,创意网页展示必备

GSAP 悬停交互

GSAP 实现的图片卡片随鼠标移动产生位移,创意网页展示必备

这是一款横向滚动卡片悬停交互效果,基于 GSAP.js 动画库实现,鼠标悬停卡片时卡片滚动位移丝滑无卡顿,并且标题自动高亮变色,交互反馈清晰直观,适用于个人作品集、摄影画廊、品牌官网等需要横向内...

SVG 借记卡动态效果 GSAP 路径动画实现

金融卡动画

SVG 借记卡动态效果 GSAP 路径动画实现

这是一款 SVG 借记卡动态效果,基于 GSAP+MotionPathPlugin 技术实现,卡片上的几何元素会沿预设路径流畅运动,呈现出简约现代的视觉质感,适用于金融产品展示、支付界面动效、数...

滚动驱动 3D 立方体旋转艺术展厅卡片轮播交互动效(CSS+JS)

3D数字展厅

滚动驱动 3D 立方体旋转艺术展厅卡片轮播交互动效(CSS+JS)

这是一款基于 CSS 3D+JavaScript 实现的滚动驱动 3D 立方体旋转艺术展示效果。它通过页面滚动触发立方体完成顺滑的 3D 旋转,六个展示面可承载不同艺术作品(图片或卡片)与配套内...

React 可配置机票预订卡片组件,旅游出行航班预订 UI 开发模板

机票预订组件

React 可配置机票预订卡片组件,旅游出行航班预订 UI 开发模板

这是一款面向航空票务、旅游出行赛道的专业级机票预订卡片组件,基于React技术栈原生开发,搭配 clsx 样式管理方案与 Lucide React 轻量化图标库实现,组件化封装成熟,具备极强的可...

React+Framer Motion 可拖拽重排名片组件,专业级卡片拖拽排序交互动效开发模板

重组卡片

React+Framer Motion 可拖拽重排名片组件,专业级卡片拖拽排序交互动效开发模板

这是一款面向前端开发与 UI 设计场景的专业级可拖拽重排名片卡片交互效果,基于React 19 + Framer Motion技术栈原生实现,核心复用 Framer Motion 内置的 Reo...

移动端电子钱包 PWA HTML 模板,适合数字支付与金融类 App 开发

易付金

移动端电子钱包 PWA HTML 模板,适合数字支付与金融类 App 开发

这是一款专为数字支付和金融管理场景打造的移动端 H5 模板,支持 PWA(渐进式网页应用),可以像原生 App 一样安装到手机桌面,兼顾网页的易部署与 App 的使用体验。模板内置 60+ 页面...

纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件

弧形轮播

纯CSS 向内 3D 弯曲图片自动轮播组件 | 无需JS的沉浸式画廊组件

这是一款纯CSS 3D环形自动轮播效果,仅用CSS实现,图片卡片沿弯曲弧形轨道排列,两侧自然透视收缩,中间聚焦突出,呈现出强烈的空间纵深感。难得的是全程不依赖JS驱动动画,代码量极少且注释详尽,...

原生 CSS+JS 实现的竖排时钟特效 | 多风格可切换的创意数字时钟组件

个性时钟

原生 CSS+JS 实现的竖排时钟特效 | 多风格可切换的创意数字时钟组件

这是一款竖排数字时钟效果,基于 CSS + JS 技术实现。时钟将每一位数字纵向排列成列状,整体呈"十字交叉"布局展示当前时间,视觉上颇具设计感。亮点在于内置多套风格皮肤——齿轮时钟、卡片时钟、...

Canvas 情话表白多幕交互页面,情人告白网页专用!

爱情告白

Canvas 情话表白多幕交互页面,情人告白网页专用!

这是一款基于 CSS + Canvas 实现的浪漫告白互动效果。深红色背景上漂浮着大量粒子爱心,中央毛玻璃卡片承载着逐幕展开的情书内容,顶部还有一条进度条记录故事推进到哪一步——整体走的是奢华红...

波浪线媒体(音乐)播放卡片(CSS+JS)

音乐播放器

波浪线媒体(音乐)播放卡片(CSS+JS)

这是一款仿 Google 风格的音乐播放卡片效果,基于 CSS + JS 技术实现。进度条被替换成一段动感的波浪曲线,视觉上比普通直线更有活力,整张卡片以专辑封面作为背景,叠加毛玻璃质感的控制区...