A fast and versatile JavaScript library to animate the web. Break free from browser limitations and animate anything on the web with a single API. Animate faster with an easy-to-use, yet powerful animation API. · api, animate, versatile, web, scroll

Web site created using create-react-app

Fast 3kB alternative to React with the same modern API Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handlers and plays… · preact, dom, fast, virtual, libraries

Build stunning UI in minutes with a drag-and-drop visual editor, beautifully crafted components, and production-ready code. Optimized for React & TailwindCSS.

Velocity.js: An incredibly fast animation engine for motion designers.

A JavaScript library for building user interfaces React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right… · react, state, make, javascript, uis

Motion-Primitives is an open-source UI kit to make beautiful, animated interfaces, faster. Built for React, Next.js, and Tailwind CSS.

An animation library for Svelte apps based on Framer Motion.

A TypeScript library for creating animated videos using the Canvas API.

A JavaScript library for building user interfaces React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right… · react, state, make, javascript, uis

Free React UI components built with TailwindCSS and Framer Motion. shadcn/ui compatible, customizable, responsive, dark mode-ready, and perfect for modern UIs.

react-magic-motion is a react.js library that magically animates your components.

Frames.js is the react based framework for making frames. Debugger included.

Prebuilt UI components and templates to make your next project addicting for your users. Less time on interactions, more time building products.

Fast 3kB alternative to React with the same modern API Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handlers and plays… · preact, dom, fast, virtual, libraries

All the React, Next.js, TailwindCSS, and Framer Motion snippets you will ever need.

Framer Motion 是一个用于创建交互式 UI 动画的 React 库。它提供了一组简单的 API，用于创建各种动画效果，包括缩放、旋转、平移、颜色变化等。 这是一个使用 Next.js、TailwindCSS 和 MDX 构建的一个简易博客，托管在 Github，并且由 Vercel 自动部署。在这个项目中，可以使用 Markdown 语法编写博客文章，也可以使用 React 组件编写交互式内容。 A collection… · react, markdown, framer, motion, api

Theatre.js is a javascript animation library with a professional motion design toolset. It helps you create any animation, from cinematic scenes in THREE.js, to delightful UI interactions. Block out your sequence in… · animation, sequence, editor, theatre, create

Hooks that provides accessible UI primitives by Adobe fluid animations for the web, across desktop and mobile. components and pre-built animations · animations, components, hooks, provides, accessible

Build beautiful motion-driven interfaces with Vue.js based on motion. Simple, powerful, and performant animations for modern web applications. Simple, declarative syntax for complex animations. Define animations with Vue… · animations, motion, vue, simple, powerful

A React component for animating sprites with pixelated motion · react, component, animating, sprites, pixelated

Scene.js is a JavaScript Animation Library for creating animated websites

Prerender is a Google-recommended dynamic rendering solution that enables Angular, React, Vue, or JavaScript sites to be crawled perfectly by search engines.

Create beautiful number animations like countdowns with AnimateNumber and Motion. Leverages Motion's layout animations and transitions. Lightweight at just 2.5kb.

Quick and easy way to build interactive animations and patterns inside Framer. Arrow Dynamics is a code component library created using p5.js for seamless and precise pointer interactions and effects to bring your Framer websites alive.

Unstyled, accessible components for building high‑quality design systems and web apps in Vue

300+ examples for Motion (formerly Framer Motion). Full source code for React, JS, and Vue animations.

A JavaScript library for building user interfaces React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right… · react, state, make, javascript, uis

A JavaScript library for building user interfaces React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right… · react, state, make, javascript, uis

UI library for Developers. 20+ animated components built with React Tailwind CSS, and Framer Motion.

Theatre.js is a javascript animation library with a professional motion design toolset. It helps you create any animation, from cinematic scenes in THREE.js, to delightful UI interactions. Block out your sequence in… · animation, sequence, editor, theatre, create

Video-React is a web video player built from the ground up for an HTML5 world using React library.

Framer Component by Benjamin

A component for creating 3D layer compositions with perspective points, enabling dynamic depth and visual effects during scrolling.

Interactive Animated Gradient component with smooth transitions, customizable colors, and dynamic motion effects. Perfect for modern Framer projects.

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Made with Framer

Framer uses the framer-motion library for declarative animations. You wrap JSX elements with <motion.*> components like <motion.div> or <motion.svg>. Using props like animate, initial, and transition, you control smooth… · motion, framer, like, website, uses

A responsive vertical video carousel for Framer, showcasing multiple 9:16 videos with smooth swipe transitions and customisable controls. Ideal for mobile product demos, social media previews, or storytelling.

A smooth, automated frame carousel that cycles through connected frames with customizable blur, scale, and timing transitions for dynamic visual storytelling.

use No-code for speed and Code for complexity, Framer (at the Top) and Html CSS Javascript expertise and not only that ReactJS, NodeJS, ExpressJS are also in my grip... Get more Info about me Visit my website...

Kinetic Collage is a Framer component that stacks 3D image layers, letting users drag, swipe, and auto-rotate them to create immersive interactive showcases.

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

Create a free website with Framer, the website builder loved by startups, designers and agencies. · website, create, free, framer, builder

The Mighty Motion Guide has all the details about Framer Motion, explained with 200+ example CodeSandboxes. Learn everything about layout and exit animations, variants, keyframes, dragging, SVG animations, controlling animations manually, and more.