Responsive Pricing Page Development

Namra

Namra Mahak

📌 Project Title

Pricing Page – Untitled UI (Dribbble Inspired)

📝 Description

A responsive pricing page built with HTML, Tailwind CSS, and vanilla JavaScript, inspired by a Dribbble design by Jordan Hughes. This project highlights my ability to build conversion-focused UI components with flexible layouts, pricing toggles, and clean responsive design.

✨ Key Features

Three pricing tiers: Basic, Business, and Enterprise
Monthly vs. Annual billing toggle
Fully responsive, mobile-first layout
Lightweight build – no frameworks, just HTML + Tailwind + JS
Easily customizable for SaaS or product websites

🛠 Tech Stack

HTML5
Tailwind CSS (via CDN)
JavaScript (vanilla)

📸 Preview

🔗 Links

⚠️ Attribution

This project was developed from scratch by me, based on a design by Jordan Hughes (Untitled UI on Dribbble). It is a frontend-only practice/demo project and not affiliated with Untitled UI.

💡 Why This Project Matters

Pricing pages are one of the most important conversion points for any SaaS or product business. This project demonstrates my ability to:
Translate a design into responsive, production-ready code
Implement interactive UI elements (billing toggle)
Structure clean, extensible front-end code without heavy frameworks
Like this project

Posted Aug 20, 2025

Built a responsive pricing page with HTML, Tailwind CSS, and JavaScript.

Likes

0

Views

2

Timeline

Aug 9, 2025 - Aug 10, 2025