View Code? Open in Web Editor
NEW
Next.js-powered multi-step form with elegant UI, custom data management hook, and Framer Motion for smooth step transitions.
Home Page: https://multi-step-form-tawny.vercel.app
TypeScript 95.45%
JavaScript 4.25%
CSS 0.30%
multi-step-form's Issues
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. ๐ค๐ป
Hi, this is very well done and beautiful design. TY!
Is there a way to use it without React?
Is this project open source and free to use?