multi-step-form

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

nextjs13reactjsshadcn-uitailwindcsstypescript

Created on Feb 16, 2023

Updated on Mar 22, 2026

Stars

332

Forks

25

Watchers

332

Open Issues

0

Repository Health Score

🧡

56/100

Fair

Overall repository health assessment

Score Breakdown

Activity

Regular updates - updated this month

20/30

67%

Issues Analytics

4

Total Issues

All time

0

Open

0% of total

4

Closed

Recent Commits

Merge pull request #6 from PremPrakashCodes/main

Marcos Fitzsimons•1 year ago

a94ad86View on GitHub

Merge pull request #4 from mathiaslawson/patch-1

Marcos Fitzsimons•1 year ago

1de1d27View on GitHub

fix: resolve checkbox selection issue in AddonsForm (#5)

Prem Prakash Sharma•1 year ago

42fb00aView on GitHub

fix: use `import type` for type-only imports

Mathias Prince Lawson•1 year ago

379446eView on GitHub

Update README.md

Marcos Fitzsimons•2 years ago

572631eView on GitHub

Update readme file

marcosfitzsimons•3 years ago

15eb077View on GitHub

Add screenshot

marcosfitzsimons•3 years ago

d97f54eView on GitHub

Change the color of the switch component

marcosfitzsimons•3 years ago

0415e30View on GitHub

Add animations with Framer Motion

marcosfitzsimons•3 years ago

0df64eeView on GitHub

Change document title

marcosfitzsimons•3 years ago

6068f67View on GitHub

Add framer motion

marcosfitzsimons•3 years ago

f807b34View on GitHub

Fix alignment on mobile devices

marcosfitzsimons•3 years ago

9d76c82View on GitHub

Add responsive design

marcosfitzsimons•3 years ago

92e80c6View on GitHub

disable tailwind warnings

marcosfitzsimons•3 years ago

9613f61View on GitHub

Add plan images

marcosfitzsimons•3 years ago

a13149aView on GitHub

View all commits

Community

332 stars, 25 forks

1/30

3%

Documentation

Has description, wiki

15/20

75%

Maintenance

0.0% issue ratio

20/20

100%

Health score is calculated based on activity, community engagement, documentation quality, and maintenance practices

Languages

TypeScript

95.5%

JavaScript

4.2%

CSS

0.3%

Dependencies27 total

23

Production

4

Development

Production Dependencies (23)

@next/font^13.1.6

@radix-ui/react-checkbox^1.0.1

@radix-ui/react-label^2.0.0

@radix-ui/react-radio-group^1.1.1

Top Contributors

1

Marcosfitzsimons

User

27

commits

2

mathiaslawson

User

1

commits

3

PremPrakashCodes

User

1

commits

Languages

TypeScript

95.5%

JavaScript

4.2%

CSS

0.3%

Issues Analytics

4

Total Issues

All time

0

Open

0% of total

4

Closed

Dependencies27 total

23

Production

4

Development

Production Dependencies (23)

@next/font^13.1.6

@radix-ui/react-checkbox^1.0.1

@radix-ui/react-label^2.0.0

@radix-ui/react-radio-group^1.1.1

@radix-ui/react-separator^1.0.1

@radix-ui/react-switch^1.0.1

@radix-ui/react-toggle-group^1.0.2

@types/node18.13.0

@types/react18.0.28

@types/react-dom18.0.10

class-variance-authority^0.4.0

clsx^1.2.1

eslint-config-next13.1.6

eslint-plugin-tailwindcss^3.8.3

framer-motion^9.0.4

lucide-react^0.112.0

next13.1.6

react18.2.0

react-dom18.2.0

react-rough-notation^1.0.3

tailwind-merge^1.9.1

tailwindcss-animate^1.0.5

typescript4.9.5

Development Dependencies (4)

autoprefixer^10.4.13

eslint^8.34.0

postcss^8.4.21

tailwindcss^3.2.6

multi-step-formv0.1.0

100% of total

1mo

Avg Close Time

Avg response

Issues Activity: Last 6 months

Hottest Issues

1

#1 From framer-motion to tailwindcss-animate

1

closed

2

#5 Clicking on other labels affects the first label's checkbox selection instead of the intended one.

1

closed

3

#3 Can you use this without React ?

1

closed

4

#2 Is it open source?

1

closed

Top Contributors

1

Marcosfitzsimons

User

27

commits

2

mathiaslawson

User

1

commits

3

PremPrakashCodes

User

1

commits

Recent Commits

Merge pull request #6 from PremPrakashCodes/main

Marcos Fitzsimons•1 year ago

a94ad86View on GitHub

Merge pull request #4 from mathiaslawson/patch-1

Marcos Fitzsimons•1 year ago

1de1d27View on GitHub

fix: resolve checkbox selection issue in AddonsForm (#5)

Prem Prakash Sharma•1 year ago

42fb00aView on GitHub

fix: use `import type` for type-only imports

Mathias Prince Lawson•1 year ago

379446eView on GitHub

Update README.md

Marcos Fitzsimons•2 years ago

572631eView on GitHub

Update readme file

marcosfitzsimons•3 years ago

15eb077View on GitHub

Add screenshot

marcosfitzsimons•3 years ago

d97f54eView on GitHub

Change the color of the switch component

marcosfitzsimons•3 years ago

0415e30View on GitHub

Add animations with Framer Motion

marcosfitzsimons•3 years ago

0df64eeView on GitHub

Change document title

marcosfitzsimons•3 years ago

6068f67View on GitHub

Add framer motion

marcosfitzsimons•3 years ago

f807b34View on GitHub

Fix alignment on mobile devices

marcosfitzsimons•3 years ago

9d76c82View on GitHub

Add responsive design

marcosfitzsimons•3 years ago

92e80c6View on GitHub

disable tailwind warnings

marcosfitzsimons•3 years ago

9613f61View on GitHub

Add plan images

marcosfitzsimons•3 years ago

a13149aView on GitHub

View all commits

GitHub Explorer

multi-step-form

Score Breakdown

Production Dependencies (23)

Production Dependencies (23)

Development Dependencies (4)

Issues Activity: Last 6 months

Hottest Issues