Hunt Now

Magic UI

magicui.design

面向设计工程师的动画 UI 组件库,150+ 免费开源组件,基于 React、Tailwind CSS 与 Motion 构建。

开源ReactTailwind落地页网页
被推荐 9 次

适合做什么

适合前端与设计工程师快速搭建带动效的落地页、官网和营销页面,常与 shadcn/ui 搭配使用。

标签与属性

授权
技术栈
用途
平台

谁在推荐

@thedzianis · X 推荐出处 ↗
🔖 I tested every vibe-coding resource I could find this year. 29 survived. Grouped by what you're stuck on 👇 STUCK ON DIRECTION 1. https://t.co/Az5gEG7V1C — 200+ full build prompts for 3D and scroll-driven sites. Complete briefs, not components. 2. https://t.co/WZeiCh2pRh — high-end sites to feed
@thedzianis · X 推荐出处 ↗
UI resources I'd bookmark first as a AI-Design Engineer 👇 https://t.co/Az5gEG8sRa — cinematic site prompts + real source files, orchestrated for agents. Your agent finally has taste ⚡️ https://t.co/T0cgTZJIqw — the base layer everything else builds on https://t.co/IlgU1WZDZ9 — huge community compon
@thedzianis · X 推荐出处 ↗
20 UI resources every AI Design Engineer should have bookmarked. Save this 🔖 1. GetLayers (https://t.co/Az5gEG8sRa) — 300+ animated 3D scenes and full site prompts, each one shipping with the complete build prompt behind it. 2. Shadcn/ui (https://t.co/T0cgTZJIqw) — the gold standard for copy-past
@ImranUxi · X 推荐出处 ↗
micro interactions are what separate a site people remember from one they close. these are where I get mine: 👇 https://t.co/Lqo2Cg9oGd - the animation library itself https://t.co/XAlKv8HrS2 - copy-paste UI transitions https://t.co/hn4o3cfcL7 - animated components, ready to go https://t.co/jDgKQKkE
@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗
magicui-startup-templates Magic UI Startup template built using shadcn/ui + TailwindCSS + Framer Motion. Link 2024-12-27T12:56:05.000Z
@birobirobiro/awesome-shadcn-ui · awesome 列表出处 ↗
magicui React components for landing pages with tailwindcss + framer motion. Link 2024-12-27T12:56:05.000Z
@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗
Magic UI free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.

同类推荐

动画库

面向 React、JavaScript 和 Vue 的现代动画库,支持手势、弹簧、布局过渡与滚动联动,性能出色。

开源ReactVue
github.com1 处推荐详情
动画库

基于弹簧物理的 React 动画库,支持声明式与命令式动画,跨平台可用。

开源React
github.com1 处推荐详情
动效组件

开源 React 动效组件库,含 210+ 可高度自定义的动画组件、背景与微交互,即插即用。

免费+付费ReactTailwind落地页作品集
reactbits.dev1 处推荐详情
动效组件

基于 React 和 Tailwind CSS 的组件库,提供 200+ 可复制粘贴的动效组件与落地页模板。

ReactTailwind落地页
ui.aceternity.com11 处推荐详情
代码片段 / CSS 效果

一套纯 CSS3 悬停动效库,为按钮、链接、图标等元素提供上百种悬停效果,支持 CSS、Sass 和 LESS。

开源HTML/CSS落地页
ianlunn.github.io1 处推荐详情
代码片段 / CSS 效果

纯 CSS 实现的加载动画集合,提供多种简洁的 spinner 效果,无需 JavaScript。

开源HTML/CSS极简
tobiasahlin.com2 处推荐详情