#动效动画
46项资源收录所有带有 #动效动画 标签的 UI 组件库与指南。
相关组件库
23rd
An open-source shadcn/ui registry of opinionated, tasteful components by radiumcoders — WebGL shaders, playful 404s, and interactive showpieces you copy, paste, and own.
nxui (Vue)
A collection of 230+ beautiful animated Vue 3 components built with Tailwind CSS v4 and motion-v. Copy, paste, and ship with Nuxt 4 and shadcn-vue.
Kinetics (Colorion)
A library of 150+ spring-driven micro-interactions for web apps. Copy the CSS, React, or ready-made AI prompts to ship physics-based motion instantly.
Ambient CSS
A physics-based lighting system for CSS calibrated against Blender raytraces. Define a light source, and all shadows, highlights, and gradients follow deterministically.
Great UI
A curated collection of beautiful, copy-paste React components built with TypeScript, Tailwind CSS v4, and Motion for crafting premium interfaces instantly.
remocn
A copy-paste component library for Remotion. Build promotional and product demo videos with your AI coding agent using modular React primitives.
Amicro
A curated collection of premium React micro-interactions, transition primitives, and card layouts powered by Motion and Tailwind CSS.
Animated Icons
Over 3,600+ beautifully animated Lucide, Iconoir, and Heroicons with interactive hover triggers, dual-tone color palettes, and React support.
Svelte Bits
An open-source collection of animated UI components, interactive backgrounds, and kinetic text effects built specifically for Svelte 5 and SvelteKit.
Honest UI
A source-first React component library with expressive animations, WebGL shaders, physical interactions, and dynamic visual charts.
Snapcn
An open-source Remotion video component registry for React. Install text reveals, karaoke captions, device mockups, and video scenes directly with the shadcn CLI.
AniUI
A collection of 100+ modern animated UI components built with React, Tailwind CSS, and Framer Motion. Copy and paste into your apps.
Design Spells (UI Micro-Interactions)
A curated collection of micro-interactions and design details that feel like magic, celebrating delightful craftsmanship in modern software.
100 Text Animations (Kawai Design)
A curated interactive showcase of 100 pure CSS and JavaScript text animation patterns. Features live custom text preview, favorite picking, and 1-click code copying.
60fps (UI/UX Animation Inspiration)
A curated design gallery capturing delightful UI/UX animations and micro-interaction details from best-in-class iOS, Android, and web applications.
Anime.js
A fast, lightweight, and versatile JavaScript animation engine. Powers smooth CSS, SVG, DOM, and JS object animations with intuitive timeline chaining.
GSAP (GreenSock Animation Platform)
The industry standard JavaScript animation library built for professionals. Ultra-high performance, robust timeline control, and zero framework constraints.
Evil Buttons
A shadcn/ui registry of 31 playful, highly animated button components with evil aesthetics — built with Motion, installable with one CLI command, copy-paste friendly.
Lucide Animated
A popular open-source library of 350+ beautifully crafted animated React icons built with Lucide and Motion. Copy-paste ready with shadcn CLI support.
Hover Icons (itshover)
A collection of 180+ interactive, hover-animated vector icons with physics-based spring transitions and micro-interactions for modern React applications.
Fancy Components
A curated collection of playful, creative animated React components (Letter Scramble, Physics Cards, Floating Particles) built with Tailwind & Motion.
Motion Primitives
A curated library of animated, customizable React components and layout primitives built with Framer Motion and Tailwind CSS by ibelick.
Number Flow
A high-craft animated number component with smooth spring physics, automatic formatting, currency symbols, and multi-framework support (React, Vue, Svelte).
Rare UI
A curated collection of rare, animated React components and creative UI widgets (Fluid Orb, Gravity Letters, Duration Picker, OTP inputs) for Next.js & Tailwind.
Pace UI
A vast collection of 200+ blocks, full-page templates, and GSAP-powered animated React components for SaaS dashboards, Next.js, and TanStack Start.
Text Effects (Colorion)
A curated library of creative CSS, SVG, and WebGL text animations, gradient headers, glitch effects, and kinetic typography ready for instant copy & paste.
Recent Design
A premier daily-updated gallery of web design, UI/UX, typography, motion, and visual experiments from elite designers and studios worldwide. The evolution of Godly.
Fluid Functionalism
Functional motion and spring-tuned UI components designed to communicate interface state changes rather than acting as mere decoration. Built for shadcn/ui.
beUI
A modern animated component library and registry for React and Next.js applications styled with Tailwind CSS and Motion.
Animate UI
A modern animated component registry for React and Tailwind CSS. Features animated icons, interactive buttons, and kinetic text effects.
Paper Shaders
A collection of zero-dependency WebGL shader components for React. Add mesmerizing generative shader backgrounds in seconds.
Zelda Hyrule UI
A Zelda: Breath of the Wild-inspired React UI library with 84+ components, Sheikah Slate glow effects, and AI-consumable design specs.
Animal Island UI
A charming Animal Crossing-inspired UI component library for React and Vue. Features organic organic shapes, claymorphism, and playful bounces.
NeonBlade UI
A futuristic cyberpunk React component library built with Tailwind CSS and Framer Motion for sci-fi web experiences.
Performative UI
A satire-driven collection of hype-aesthetic components parodying high-velocity tech startups and Silicon Valley landing pages.
Eldora UI
A collection of re-usable animated components, blocks, and templates built with React and Tailwind CSS for modern landing pages.
Cult UI
A curated library of animated React components styled with Tailwind CSS, Framer Motion, and shadcn tokens for ambitious builders.
React Bits
A massive open-source collection of 100+ animated React components, text effects, backgrounds, and interactive cards with 46k+ stars.
Animata
Hand-crafted animated React components styled with Tailwind CSS. Copy-paste animations, cards, buttons, and bento grids.
Transitions.dev
Curated collection of smooth CSS View Transitions and page transitions for modern web frameworks and Astro sites.
Morphicons
Dynamic morphing animated icons library for modern web applications. Smooth SVG vector interpolations between states.
React Spring
Spring-physics-based animation library for React by Poimandres (pmndrs). Natural, fluid, and interruption-safe motion.
Motion (Framer Motion)
The complete animation library for React and the web. Silky smooth spring physics, layout animations, and gesture support.
HeroUI (NextUI)
Beautiful, fast and modern React UI library with built-in Tailwind CSS and silky smooth spring animations (formerly NextUI).
Aceternity UI
Trending copy-paste components with stunning 3D visual effects, card spotlights, and glowing gradients for modern web design.
Magic UI
Over 50+ animated UI components built with React, TypeScript, Tailwind CSS, and Motion (Framer Motion). Perfect for modern landing pages.