A modern, responsive pricing section built with React, Tailwind CSS. This component highlights a "Most Popular" plan, features subtle hover animations, and is designed to be clean, simple, and easy to read.
- Framework: React 19 (TypeScript)
- Styling: Tailwind CSS v4
- Icons: Lucide React
This project is inspired by a Dribbble design and serves as a way to practice turning UI/UX designs into functional, maintainable React components.
- Original Design: Subscription Plan
- Clone the repository:
git clone https://github.com/AmithShankar/pricing-component.git- Install dependencies:
npm install- Start the development server:
npm run dev- Open in your browser:
By default, the app runs on
http://localhost:3000/(or your terminal will tell you the exact URL).