marcosfitzsimons/multi-step-form

Next.js-powered multi-step form with elegant UI, custom data management hook, and Framer Motion for smooth step transitions.

Hi, I'm Marcos.

I am a self-taught developer who is currently focusing on honing my skills in full-stack development. With a solid foundation in Javascript, React.js and Next.js, I am dedicated to creating elegant, efficient, and user-friendly applications.

building... 👨‍💻

---

Languages & Tools I Use:

Let's Connect:

multi-step-form's Issues

From framer-motion to tailwindcss-animate

Another way to achieve this could be using tailwindcss-animate. Since its already installed, can be a better choice (1 less package, ssr).

eg., in the app/page.tsx:

from
<AnimatePresence mode="wait">

to
<div className="animate-in fade-in zoom-in">

Flagging this because i did something similar in another project. And I thought it would be nice to share with you. 🤌🏻