All Questions
Tagged with framer-motion material-ui
11
questions
0
votes
0
answers
53
views
Framer motion Reorder component issue with react state of an array of objects
i have a state that gets an array of objects
each object is in this form
{
unnacurate: false,
useless: false,
other: false,
otherValue: '',
...
0
votes
1
answer
37
views
Div moving in front of absolute element when hovered
I am creating a component where I have two divs (using MUI Box) sitting behind an absolute positioned div. Everything is positioned in a manner that the absolute div is sitting in the center and you ...
- 105
0
votes
1
answer
49
views
Is there a way to add a button to change the color theme of the whole page in react correctly instead of only change the theme of only the component?
I am a new user to framer-motion and material-ui. I am trying to create a login page while adding an icon to change the theme of whole page to white to black or vice versa but the problem is that only ...
user23351951
0
votes
1
answer
184
views
Issue with MUI fixed Snackbar positioning when wrapped in motion.div
I'm encountering a peculiar issue with the positioning of Material-UI (MUI) Snackbar components (and other statically positioned components) when they are wrapped in a motion.div from the framer-...
- 19
2
votes
2
answers
1k
views
Simple Framer Motion animation not working in NextJS project
In my nextjs project [v13, pages directory] I tried to add the following animation to my hero component, but for some reason I'm getting a static emoji instead of a waving animation.
This is my ...
- 312
-1
votes
1
answer
435
views
Exit Property not working in Framer Motion with react js
Exit Property not working in Framer Motion with react js Everything is going well but exit motion is not working i am trying this for more than a week please help me!
Exit Property not working in ...
- 71
1
vote
1
answer
2k
views
How can I get Framer Motion 3.3.0 scrollYprogress to work in react?
Hi I cant get scrollYProgress to work (xLeft). If I console log it I get nothing. Where as scrollY works fine. I am on a project using an older version of framer (nothing I can do about that). I know ...
- 85
0
votes
0
answers
35
views
freamer motion pathLength props in SVG animation not working
i got the below svg , i wanted the svg image to be drawn on the screen as soon as the page loads but just only the opacity aspect of the animation is playing , am i doing anything wrong here? , below ...
user18095537
0
votes
0
answers
31
views
Custom component that extend MUI SvgIcon cannot accept `component` prop [duplicate]
I have a component Icon that extends the SvgIcon MUI component and its props handling:
Icon.tsx
import React from 'react';
import { SvgIconProps } from '@mui/material';
import SvgIcon, { Icons } ...
- 677
13
votes
5
answers
19k
views
How to use framer-motion with material-ui? (reactjs)(@material-ui/core)(framer motion)
I just want to know if there is a way to use framer-motion with Material-Ui. I tried but I am not getting it.
- 637
12
votes
2
answers
21k
views
How to implement loading screen in Next.js
I am new in nextjs and using nextjs v9.3, next-redux-wrapper v5, @material-ui/core v4.2, and custom express server.
I am trying to implement a loading screen when changing routes in my Nextjs app so I ...
- 558