framer-motion

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.

Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌

An opinionated collection of components, hooks, and utilities for your Next.js project.

Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.

A web app for creating flexible layouts with the power of CSS Flexbox.

UI Layouts isn’t just a library. It’s your complete front-end universe with components, effects, design tools, and ready-to-use blocks, everything you need to build modern interfaces, faster.

My personal portfolio website built using React and three js

A Modern React Admin Template. It is based on React 19, Vite and TypeScript. It's fast !

Motion for Vue

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity

Open-source collection of stunning Components built with Tailwind CSS, shadcn/ui and Motion to use on your websites

Personal website for Cali Castle

An onboarding wizard flow / product tour for Next.js animated by framer motion

Motion components for React. Copy, paste, done.

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.

UI component library for React, Next.js, and other JSX frameworks. Built with Tailwind CSS, it makes creating beautiful, interactive and responsive interfaces fast and easy.

Production-ready UI blocks, components, and full pages available in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Page Builder, Background Builder, and Grid Generator.

A gooey, morphing toast component built on Sonner with Framer Motion animations

Interactive 3D developer portfolio with a keyboard where every keycap is a skill. Built with Next.js, React, TypeScript, GSAP & Motion. Free to use!

Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS & Framer Motion

Free and open-source animated SVG icons for React, built for smooth micro-interactions, easy customization, and lightweight performance.

Flexible bottom sheet component built with Motion to provide buttery smooth UX while keeping accessibility in mind 🪐

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

A collection of handmade Framer Motion variants made for your next project.

The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste architecture — you own the code.

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!

Simplify your UI with clean, copy-paste components that minimize JavaScript, maximize CSS, spark creativity, and empower you with code you fully own and understand.

Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage