Product2024Frontend Developer
Razorpay Clone
A pixel‑perfect rebuild of Razorpay's marketing site in Tailwind.
Overview
Recreated the front‑end of Razorpay's official website to sharpen UI/UX skills with Tailwind CSS. Focused on responsive layouts, pixel‑perfect spacing, and reusable components that closely mirror the original site's structure and styling.
Impact
Pixel‑perfect
Fidelity
Responsive
Layout
Reusable
Components
Challenges & solutions
Pixel‑perfect layout
Reconstructed dense marketing sections with Tailwind utility classes, matching the original's typography, grid rhythm and spacing across breakpoints.
Reusable component system
Broke recurring UI patterns — feature cards, CTAs, navigation — into reusable building blocks so the site stays consistent and easy to extend.
Gallery
