https://github.com/sepidsoroush/stepper

A multi-step component with smooth sliding transitions between steps
https://github.com/sepidsoroush/stepper

framer-motion react typescript ui-components vite

Last synced: 1 day ago
JSON representation

A multi-step component with smooth sliding transitions between steps

• Host: GitHub
• URL: https://github.com/sepidsoroush/stepper
• Owner: sepidsoroush
• Created: 2024-12-01T19:16:17.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-02-12T20:41:05.000Z (2 days ago)
• Last Synced: 2025-02-12T21:33:05.879Z (2 days ago)
• Topics: framer-motion, react, typescript, ui-components, vite
• Language: TypeScript
• Homepage: https://sepidev.vercel.app/stepper
• Size: 200 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Stepper

A multi-step form with smooth sliding transitions between steps. The component supports both Dark and Light modes for seamless theme integration.

## Tech stack

- React

- TypeScript

- Framer-motion

- TailwindCSS

## Preview

Check out the [Live Demo](https://sepidev.vercel.app/stepper)

#### Dark Mode

![dark mode](https://github.com/user-attachments/assets/3880fda7-1c6a-4667-a77f-3cc541c73cd2)

#### Light Mode

![light mode](https://github.com/user-attachments/assets/ca09b8c1-45b4-4b8f-8501-b69b8d60bc80)