UIPicks UI 组件库
Magic UI
开源 React 动效组件，适合滚动卡片、文字效果和背景。
公开目录 · 2026-10-13。来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。
资源与访问条件
- 免费 React 动效组件
Web · 组件代码 · React / Next.js · 有免费资源
- live · 2026-10-18：官网明确提供免费的 React 动效组件，并另列 Pro 模板入口。
- Magic UI Pro 页面区块与模板
Web · 组件代码、页面模板与区块 · React / Next.js · 有付费资源
- live · 2026-10-18：官方定价区列出一次性付费获取 React / Next.js 的页面区块和模板。
“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。
已保存的精选样本
Marquee · 横向滚动卡片
原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。
Marquee · 纵向滚动卡片
原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。
Marquee · 3D 卡片阵列
原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。
目录入口
共 79 条记录，本页显示 1–79 条。每页最多 80 条；直接点击名称进入已保存的真实网址。
条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。
🎉 Introducing Floating 3D Particles
相关词：粒子、三维、3D
官网站点地图2026-10-13
Android
官网站点地图2026-10-13
Animated Beam
相关词：光束、动画、动效
官网站点地图2026-10-13
Animated Circular Progress Bar
相关词：环形、圆形、柱状图、进度条、动画、动效
官网站点地图2026-10-13
Animated Gradient Text
相关词：渐变、文字、文本、动画、动效
官网站点地图2026-10-13
Animated Grid Pattern
相关词：网格、动画、动效
官网站点地图2026-10-13
Animated List
相关词：列表、动画、动效
官网站点地图2026-10-13
Animated Shiny Text
相关词：文字、文本、动画、动效
官网站点地图2026-10-13
Animated Theme Toggler
相关词：动画、动效
官网站点地图2026-10-13
Aurora Text
相关词：极光、渐变背景、文字、文本
官网站点地图2026-10-13
Avatar Circles
相关词：头像
官网站点地图2026-10-13
Backlight
官网站点地图2026-10-13
Bento Grid
相关词：模块化布局、格子、卡片、网格
已核验画面：Bento 功能网格、浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
官网站点地图2026-10-13
Blur Fade
相关词：淡入、淡出、模糊
官网站点地图2026-10-13
Border Beam
相关词：光束、发光边框、流光边框
官网站点地图2026-10-13
Code Comparison
官网站点地图2026-10-13
Comic Text
相关词：文字、文本
官网站点地图2026-10-13
Confetti
相关词：彩纸、庆祝
官网站点地图2026-10-13
Cool Mode
官网站点地图2026-10-13
Dia Text Reveal
相关词：揭示、出现、入场、文字、文本
官网站点地图2026-10-13
Dock
相关词：程序坞、导航
官网站点地图2026-10-13
Dot Pattern
官网站点地图2026-10-13
Dotted Map
相关词：地图
官网站点地图2026-10-13
File Tree
相关词：树形列表、文件
官网站点地图2026-10-13
Flickering Grid
相关词：网格
官网站点地图2026-10-13
Glare Hover
相关词：悬停、鼠标悬停、反光、高光
官网站点地图2026-10-13
Globe
官网站点地图2026-10-13
Glyph Matrix
官网站点地图2026-10-13
Grid Pattern
相关词：网格
官网站点地图2026-10-13
Hero Video Dialog
相关词：弹窗、对话框、模态框、首屏、主视觉、视频
已核验画面：浅色、简洁留白 · 2026-10-14
标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。
官网站点地图2026-10-13
Hexagon Pattern
官网站点地图2026-10-13
Highlighter
官网站点地图2026-10-13
Hyper Text
相关词：文字、文本
官网站点地图2026-10-13
Icon Cloud
相关词：图标
官网站点地图2026-10-13
Interactive Grid Pattern
相关词：网格
官网站点地图2026-10-13
Interactive Hover Button
相关词：按钮、悬停、鼠标悬停
官网站点地图2026-10-13
Iphone
官网站点地图2026-10-13
Kinetic Text
相关词：文字、文本
官网站点地图2026-10-13
Lens
官网站点地图2026-10-13
Light Rays
官网站点地图2026-10-13
Line Shadow Text
相关词：折线、线条、文字、文本
官网站点地图2026-10-13
Magic Card
相关词：卡片
官网站点地图2026-10-13
Marquee
相关词：跑马灯、轮播、滚动列表
官网站点地图2026-10-13
Meteors
相关词：流星
官网站点地图2026-10-13
Morphing Text
相关词：文字、文本
官网站点地图2026-10-13
Neon Gradient Card
相关词：卡片、渐变
官网站点地图2026-10-13
Noise Texture
官网站点地图2026-10-13
Number Ticker
官网站点地图2026-10-13
Orbiting Circles
官网站点地图2026-10-13
Particles
相关词：粒子
官网站点地图2026-10-13
Pixel Image
相关词：图片
官网站点地图2026-10-13
Pointer
相关词：指针、鼠标
官网站点地图2026-10-13
Progressive Blur
相关词：模糊
官网站点地图2026-10-13
Pulsating Button
相关词：按钮
官网站点地图2026-10-13
Rainbow Button
相关词：按钮
官网站点地图2026-10-13
Retro Grid
相关词：网格
官网站点地图2026-10-13
Ripple
相关词：涟漪、波纹
官网站点地图2026-10-13
Ripple Button
相关词：按钮、涟漪、波纹
官网站点地图2026-10-13
Safari
官网站点地图2026-10-13
Scroll Based Velocity
相关词：滚动
官网站点地图2026-10-13
Scroll Progress
相关词：进度条、滚动
官网站点地图2026-10-13
Shimmer Button
相关词：按钮、流光、闪烁
官网站点地图2026-10-13
Shine Border
相关词：发光边框、流光边框
官网站点地图2026-10-13
Shiny Button
相关词：按钮
官网站点地图2026-10-13
Smooth Cursor
相关词：光标、鼠标、指针
官网站点地图2026-10-13
Sparkles Text
相关词：文字、文本
官网站点地图2026-10-13
Spinning Text
相关词：文字、文本
官网站点地图2026-10-13
Striped Pattern
官网站点地图2026-10-13
Terminal
相关词：终端
官网站点地图2026-10-13
Text 3D Flip
相关词：文字、文本、翻转、三维、3D
官网站点地图2026-10-13
Text Animate
相关词：文字、文本、动画、动效
官网站点地图2026-10-13
Text Reveal
相关词：揭示、出现、入场、文字、文本
官网站点地图2026-10-13
Tweet Card
相关词：卡片
官网站点地图2026-10-13
Typing Animation
相关词：打字机、打字、动画、动效
官网站点地图2026-10-13
Video Text
相关词：文字、文本、视频
官网站点地图2026-10-13
Warp Background
相关词：背景
官网站点地图2026-10-13
Word Rotate
官网站点地图2026-10-13
Marquee · 纵向滚动卡片
相关词：跑马灯、轮播、滚动列表
已采集实例来源2026-10-13
Marquee · 3D 卡片阵列
相关词：跑马灯、轮播、滚动列表、三维、3D
已采集实例来源2026-10-13