Similar Topics

Web Technologies32.1K+ articles

DSA20.4K+ articles

Python19.6K+ articles

Experiences15.8K+ articles

ReactJS3.3K+ articles

CSS-Properties772+ articles

React-Questions713+ articles

Styled-components5+ articles

Three.js3+ articles

TailwindCSS-QnA3+ articles

Framer-motion

9 posts

Creating a Dynamic Background Effect with Moving Stars and Centered Image

Last Updated: 23 July 2025

In this article, we’ll walk through the process of creating a visually engaging background effect using a moving stars animation and overlaying it with a centred image. Th...read more

article_image

Web Technologies

TailwindCSS-QnA

How to reorder list of items using Framer Motion in ReactJS?

Last Updated: 23 July 2025

To reorder the list of items using Framer Motion in ReactJS we will use a dummy list and the reorder component that enables reordering of items on user interaction.Prerequ...read more

article_image

React-Questions

Framer-Motion Introduction and Installation

Last Updated: 02 May 2026

Framer Motion is an open-source animation and gesture library for React, offering a high-level API for adding smooth animations and gestures. It works with React to create...read more

article_image

Web Technologies

Animated expanding card using framer-motion and ReactJS

Last Updated: 23 July 2025

In this article, we are going to learn how to create an animated expanding card using react and framer.Prerequisites:Knowledge of JavaScript (ES6). JavaScript inbuilt meth...read more

article_image

Animated sliding image gallery using framer and ReactJS

Last Updated: 23 July 2025

Animated sliding image gallery using Framer and React JS will have some image and show one by one by one with a sliding animation from right to left.Prerequisites:Node.js ...read more

article_image

React-Questions

Animated sliding page gallery using framer-motion and React.js

Last Updated: 23 July 2025

The following approach covers how to create an animated sliding page gallery using framer-motion and ReactJS.Prerequisites:Knowledge of JavaScript (ES6)Knowledge of HTML a...read more

article_image

Animated shared layout using framer-motion and React.js

Last Updated: 23 July 2025

Animated shared layout using framer-motion and React.js involves items that toggle open and close show some animation/transitions and switch the states when clicked.Prereq...read more

article_image

React-Questions

Design an Animated Toggle Switch Button using framer-motion & React

Last Updated: 23 July 2025

Animated Toggle Switch Button using framer-motion React is a button that shows some animation/transitions and switches the states when clicked.Prerequisites:Node.js and N...read more

article_image

Technical Scripter 2020

React-Questions

Animated modal using react, framer-motion & styled-components

Last Updated: 23 July 2025

In this article, we are going to learn how to create an animated model using react, framer-motion styled-components.PrerequisitesJavaScript (ES6).HTMLCSSReactJS. Rea...read more

article_image

React-Questions

Styled-components