Kiran
KPCKevin Powell - Community
•Created by Kiran on 8/30/2024 in #front-end
How exactly can we replicate the animation in this video?
I have a few options to create animations using Intersection Observer and ScrollMagic. Can anyone help me determine which approach is the best and most optimized for achieving these animations i have the assets with me the scroll animation itself I'm confused. I appreciate any help you can provide.
31 replies
KPCKevin Powell - Community
•Created by Kiran on 8/5/2024 in #front-end
How to Animate an SVG's frame by frame ?
5 replies
KPCKevin Powell - Community
•Created by Kiran on 2/22/2024 in #front-end
How to animate slides using swiper.js ?
2 replies
KPCKevin Powell - Community
•Created by Kiran on 1/10/2024 in #front-end
Having trouble implementing the exit functionality on various mobile devices using framer Motion.
I have used AnimatePresence and set the time interval for the animation. Everything is working fine on the desktop, but on mobile, I have tested it on seven devices, and in three devices the animation is working properly, while in the other four, it is not. The issue is that the animation takes extra space during the transition, causing the height to increase. I need someone to review my code and fix any errors causing this issue. The animation should work properly on mobile, without taking any extra space during the transition. Can anyone please help me fix this problem?
2 replies
KPCKevin Powell - Community
•Created by Kiran on 11/21/2023 in #front-end
Is this Possible by Clip-paths and is it possible to animate Clip-paths ?
18 replies
KPCKevin Powell - Community
•Created by Kiran on 11/10/2023 in #front-end
Can you provide guidance on setting up a container that uses an SVG in a different shape?
10 replies
KPCKevin Powell - Community
•Created by Kiran on 10/10/2023 in #front-end
How can I turn a React application into a PWA?
I am currently using a React application with Vite and I want to turn it into a PWA by implementing a customized popup for users to download the application. I have attempted a few solutions, but the service worker is not registering and I am only able to access the PWA on desktop and not mobile devices. I am using a vite-plugin-pwa and need assistance in resolving this issue. Can anyone help me sort this out?
7 replies
KPCKevin Powell - Community
•Created by Kiran on 5/14/2023 in #front-end
How can I Create a horizontal Infinite scroll with Images when I get the data from Graph Ql API's
Hi every one i wanted to create an horizontal Infinite scroll with Images when I get the data from GraphQl API's in order to do that what are the possible ways to achieve the infinite scroll for reference i have attached an video and you can find reference of it here https://www.framer.com/ can any one help me out in this ?
Thank you in advance.
1 replies
KPCKevin Powell - Community
•Created by Kiran on 4/26/2023 in #front-end
How to Achieve multiple style of cards by align 3cards in BG and 2cards on top of 3Cards in grid ?
6 replies
KPCKevin Powell - Community
•Created by Kiran on 3/1/2023 in #front-end
Alert the user if they are using older version of chrome , edge ?
Hi
Which is the best way to alert the users if they are using the older version of the chrome or safari ?
I think by using the older versions of browsers they are not able to access few components.
this is due to older versions or some other issues (like based on React Version they are not working or due to some npm packages etc. )if it is browser then what approach can i follow and alert the user to update the chrome or safari ?
4 replies
KPCKevin Powell - Community
•Created by Kiran on 2/7/2023 in #front-end
Testimonial vertical infinite scrolling
30 replies
KPCKevin Powell - Community
•Created by Kiran on 2/6/2023 in #front-end
I have an SVG animation that animates when we reload a page
12 replies
KPCKevin Powell - Community
•Created by Kiran on 1/30/2023 in #front-end
Screen Resolution errors in tailwind css
2 replies
KPCKevin Powell - Community
•Created by Kiran on 1/23/2023 in #front-end
How to add web workers in react components for 3rd party scripts like google tag manager etc..
17 replies
KPCKevin Powell - Community
•Created by Kiran on 12/28/2022 in #front-end
The best way to add MP4, GIF, or animated videos to an HTML page in an optimized way
24 replies
KPCKevin Powell - Community
•Created by Kiran on 11/17/2022 in #front-end
Trying to make Canvas image into a circular image in chart.js(Line Graph)
24 replies