Copy-paste animated React and Tailwind CSS components built with Framer Motion.
Libraries
Copy-paste animated React and Tailwind CSS components built with Framer Motion.
150+ free, open-source animated React components and effects built with Tailwind CSS and Motion.
Free, open-source React library of ready-to-use animated components and microinteractions.
A UI kit of beautiful, customizable animated components built with Motion and Tailwind CSS.
Copy-paste React components, animated blocks, and design tools, compatible with the shadcn registry.
A collection of animated React components built with Tailwind CSS and Motion, installable per component.
Refined, animated React UI components for design engineers to copy and paste into any project.
Collection of reusable animated React components built with Framer Motion and Tailwind CSS by Chetan Verma.
Copy-paste library of animated SVG components built with React and Tailwind CSS.
78+ free, open-source animated React components and effects that drop into any shadcn/ui project.
UI components and blocks built with Tailwind CSS and shadcn/ui.
A client-first, animation-rich UI component library built on Radix UI and shadcn/ui with Framer Motion.
Free, open-source collection of copy-paste animation and interaction components built with React and Tailwind CSS.
Motion-first React UI library built with TypeScript, Tailwind CSS, Motion, and shadcn/ui.
Animated UI component library for React and Next.js developers.
Copy-paste video component library for Remotion: production-ready animations, transitions, and backgrounds for React.
A collection of interactive Tailwind CSS components built for React and Vue.js.
150+ free, open-source animated React components built with TypeScript, Tailwind CSS, and Motion.
React component library on Tailwind and shadcn/ui with 50+ component variants, 100+ blocks, and starter kits.
React UI component library built with shadcn and Framer Motion for rich, styled, animated components.
Copy-paste React components focused on smooth animations and clean design, built with Tailwind CSS and Framer Motion.
A library of animated React components built with Tailwind CSS and Motion, distributed as copy-paste code.
Copy-paste React components built with Next.js, React 19, Tailwind CSS v4 and Motion.
50+ animated React components for shadcn/ui, built with Motion and Tailwind CSS.
Collection of modern React UI components with GSAP animations, built with TypeScript, Tailwind CSS, and Nextra.
Video courses and reference code for building modern, animated user interfaces for the web.
Animated React and shadcn/ui components you install as editable source. 86 components, MIT licensed, zero lock-in.
Copy-paste animated, interactive UI components and templates for React, Tailwind CSS, and Framer Motion.
Free, open-source collection of animated React UI components built with Next.js, Tailwind CSS, and Framer Motion.
Membership toolkit of copy-paste components, animations, and page transitions for Webflow and HTML developers.
Library of beautifully crafted, animated components built with Next.js, React, Tailwind CSS, and Framer Motion.
The best animated React and Tailwind components for fast web development.
Open-source set of 50+ shadcn/ui-based React and Next.js components with TypeScript support.
Fusion UI library combining shadcn/ui and Magic UI with 150+ React, TypeScript, Tailwind, and Framer Motion components.
Open-source collection of animated, responsive React components built with Tailwind CSS and Framer Motion.
A library of animated, responsive, Tailwind-powered React components for fast front-end development.
@avenra/liquid-glass is a zero-dependency, physics-based SVG displacement lens library for the web that simulates real glass optics. It leverages Snell's law refraction, specular highlights, and spring animations to create beautiful, realistic glass UI components.