Animated Login & Register Form

A modern, responsive, and aesthetically pleasing Login and Registration interface featuring smooth transitions and a unique curved design.

Features

• Smooth Animations: Seamless transitions between Login and Register views with staggered animations for elements.
• Modern Design: Stylish dark theme with vibrant orange accents (#e46033), curved shapes, and focus effects.
• Responsive: Adapts gracefully to different screen sizes.
• Interactive UI:
  • Input field focus effects (floating labels).
  • Hover effects on buttons and links.
  • Form validation indicators.

Technologies Used

• HTML5: Semantic structure.
• CSS3: Layouts (Flexbox), Animations (Transitions, Transforms), and styling.
• JavaScript: Handling the toggle logic between Login and Sign Up states.
• Boxicons: For user and lock icons.

Setup & Usage

1. Clone or Download the repository.
2. Open index.html in any modern web browser.
3. Use the Sign Up and Sign In links to toggle between the forms.

Project Structure

• index.html: Main HTML structure.
• style.css: All styling, animations, and responsive rules.
• script.js: Logic to toggle the .active class on the container for switching views.