Skip to content

💳 A responsive Razorpay homepage UI clone built with ⚛️ React, 🌬️ Tailwind CSS & 🎞️ AOS animations.

Notifications You must be signed in to change notification settings

shivkantx/Razorpay-UI-Cloan

Repository files navigation

💳 Razorpay UI Clone

A fully responsive and visually accurate front-end clone of the Razorpay homepage. Built using React, Vite, and Tailwind CSS, this project replicates the clean, modern interface of Razorpay’s official website. Ideal for learning responsive UI, component-based design, and Tailwind CSS workflows.


✨ Features

  • 🎨 Modern UI Design – Faithful replica of the original Razorpay homepage
  • 📱 Fully Responsive – Optimized for mobile, tablet, and desktop screens
  • 🧩 Modular Component Structure – All sections are separated into React components
  • 💨 Tailwind CSS Utility Classes – Fast and consistent styling throughout
  • 🖱️ AOS Animations – Smooth scroll-triggered transitions
  • 🖼️ Local Assets – All images and icons are stored in the assets folder
  • 🦶 Custom Footer – Styled to match Razorpay’s original design
  • 🌐 Live Deployment – Hosted via Netlify

🛠️ Tech Stack

  • Frontend Framework: React (Vite)
  • Styling: Tailwind CSS
  • Icons: React Icons / Lucide
  • Animations: AOS (Animate on Scroll)
  • Font: Mulish (Google Fonts)
  • Deployment: Netlify

About

💳 A responsive Razorpay homepage UI clone built with ⚛️ React, 🌬️ Tailwind CSS & 🎞️ AOS animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages