Tag Archives: interaction

Pinterest like button interaction animation using React + Framer motion – React Dev Feed

Pinterest like button interaction animation using React + Framer motion Live site Repo When I noticed this UI button interaction, I was like npx create-react-app Enter fullscreen mode Exit fullscreen mode npm install framer-motion Enter fullscreen mode Exit fullscreen mode Now everything is ready. This is how we’re going to achieve this effect…! HTML STRUCTURE…

Read More

React, injecting dialogs with Redux, CRUD dialogs with Axios Flask Api interaction. – React Dev Feed

React, injecting dialogs with Redux, CRUD dialogs with Axios Flask Api interaction. React, injecting dialogs with Redux, CRUD dialogs with Axios Flask API interaction. Whether we like it or not the dialogues are an important part of our application.They allow us to perform simple or complicated actions in a place apart from the main content….

Read More

Mobile navigation micro interaction – HTML Dev Feed

Mobile navigation micro interaction Simple and nice looking mobile navigation with micro interactions Required tools The phone rectangle For proving the point, first, I created a rectangle to mimic a phone screen <section class=”phone”> </section> Enter fullscreen mode Exit fullscreen mode .phone { position: relative; width: 280px; height: 540px; border: 8px solid #292929; border-bottom: 40px…

Read More