Razorpay-Clone Tailwind Templates

Razorpay Clone

A responsive Razorpay landing page built with Tailwind CSS. Features a modern UI design with smooth layouts and hover effects.

πŸ’³ Razorpay Clone

A fully responsive Razorpay landing page clone built using Tailwind CSS. This clone replicates the sleek, modern UI of Razorpay with a mobile-friendly design and clean layout.


πŸ“Έ Screenshots

Home Section Features Section
Home Features
Integrations Testimonials Footer
Integrations Testimonials Footer

πŸš€ Features

  • βœ… Pixel-perfect Razorpay UI clone
  • πŸ“± Responsive design across all devices
  • ⚑ Built using utility-first Tailwind CSS
  • 🌐 Clean layout with clear call-to-actions
  • 🎯 Organized, scalable HTML structure

πŸ› οΈ Tech Stack

  • HTML5
  • Tailwind CSS
  • JavaScript for minor interactivity

πŸ“ Project Structure


razorpay-clone/ β”œβ”€β”€ index.html β”œβ”€β”€ tailwind.config.js β”œβ”€β”€ postcss.config.js β”œβ”€β”€ input.css (optional) β”œβ”€β”€ output.css (generated) β”œβ”€β”€ screenshots/ β”‚ β”œβ”€β”€ screenshot1.png β”‚ β”œβ”€β”€ screenshot2.png β”‚ β”œβ”€β”€ screenshot3.png β”‚ β”œβ”€β”€ screenshot4.png β”‚ └── screenshot5.png └── README.md


βš™οΈ Getting Started

  1. Clone the Repository ```bash git clone https://github.com/Krishrajput1107/razorpay-clone.git cd razorpay-clone Install Tailwind CSS (if using via CLI)

Copy Edit npm install -D tailwindcss npx tailwindcss init Start Tailwind Build Process

Copy Edit npx tailwindcss -i ./input.css -o ./output.css --watch Open index.html in Browser

Use VS Code’s Live Server or just open manually.


## πŸ“Œ To Do
 Add animations using AOS/Framer Motion

 Add dark mode support

 Make Navbar sticky

 Deploy on Netlify or Vercel

## πŸ™‹β€β™‚οΈ Author
Made with ❀️ by Krish Rajput




Top categories

Loading Svelte Themes