Freelancers using Shadcn UI in Pakistan

Freelancers using Shadcn UI in PakistanFreelancers using Shadcn UI in Pakistan

Projects People

Product UI/UX Designer for SaaS & Startups

$25k+: Earned

10x: Hired

5.0: Rating

85: Followers

Partner

Product UI/UX Designer for SaaS & Startups

Cover image for AI Legal Contract Product Development

AI Legal Contract Product Development

0

3

Cover image for UI/UX Design for Kortex AI Healthcare Transcription

UI/UX Design for Kortex AI Healthcare Transcription

0

49

Cover image for Changemkr Workspace Design

Changemkr Workspace Design

1

52

Cover image for Website Design & Positioning for AI Construction Startup

Website Design & Positioning for AI Construction Startup

0

1

proIslamabad, Pakistan

Web Designer & Developer | Figma to Next.js | UI/UX

$1k+: Earned

3x: Hired

5.0: Rating

34: Followers

Web Designer & Developer | Figma to Next.js | UI/UX

Cover image for Cryptocurrency Solution Landing Page Design

Cryptocurrency Solution Landing Page Design

0

4

Cover image for Design Rocket - Fullstack Web App

Design Rocket - Fullstack Web App

0

5

Cover image for Alex Chan - Next JS Template

Alex Chan - Next JS Template

1

3

Cover image for Lunex Sites - Web Design Agency Website

Lunex Sites - Web Design Agency Website

0

1

Karachi, Pakistan

Innovative Solution-Driven Developer

$1k+: Earned

1x: Hired

4.9: Rating

1: Followers

Innovative Solution-Driven Developer

Cover image for Synage Global | HRM

Synage Global | HRM

0

13

Cover image for TMBR | Portal

1

54

Cover image for Afkar | Framer Project

Afkar | Framer Project

0

12

Cover image for Getz Pharma | Gastro Guru

Getz Pharma | Gastro Guru

0

18

Karachi, Pakistan

Next.js Landing Page Developer | AI Web Apps | GSAP

New to Contra

Next.js Landing Page Developer | AI Web Apps | GSAP

Cover image for Shoefy Dark Sneaker Ecommerce Landing

Shoefy Dark Sneaker Ecommerce Landing Page A bold, high-energy ecommerce landing page for a premium sneaker brand. Built with a dark aesthetic, bold typography, product grid, featured drops, blog section and newsletter the complete package for any fashion or footwear brand. Sections: Hero, Why Us, Featured Drop, Shop By Vibe, Trending Now grid, Product Detail, Blog, FAQ, Newsletter, Footer Built with: Next.js, TypeScript, Tailwind CSS, ImageKit Project URL: https://shoefyy.netlify.app/

1

141

Cover image for Cosmosfy
A cinematic dark space-themed landing

Cosmosfy A cinematic dark space-themed landing page for a data security SaaS platform. Built with a dramatic video hero, bold typography, and a full set of conversion-focused sections. Sections: Video hero with large bold headline and CTA Trusted brands marquee Features grid (6 features) 3 step onboarding flow Stats bar (99.99% uptime, 24ms response, 0 breaches) Testimonials Pricing tiers (Free, $29/mo, Custom) Final CTA Footer Built with: React, Tailwind CSS, Bun Project URL: https://cosmofy.munain605.workers.dev/

1

163

Cover image for Neurolie AI SaaS Landing Page

Neurolie AI SaaS Landing Page A fully responsive landing page built for an AI platform. Designed with a dark aesthetic, video hero section, animated stats, feature grid, pricing tiers, and FAQ all crafted to convert visitors into signups. What's inside: Full screen video hero with blue glow overlay Stats bar (2.4M+ users, 99.99% uptime, 180+ integrations, <80ms speed) Feature grid section Platform capabilities section Pricing tiers (Free, Pro, Custom) FAQ section Fully responsive Built with: React.js, Tailwind CSS, TypeScript, Motion

5

3

296

Cover image for Clario AI AI-Powered Interview Practice

Clario AI AI-Powered Interview Practice Platform A full-stack AI interview prep platform that helps job seekers practice and improve before the real thing. Users create an interview by entering their target role, industry, and experience level the AI generates tailored questions and conducts a realistic voice or text-based mock interview, then delivers detailed feedback. How it works: User creates a profile target role, industry/stack, experience level Selects interview type technical, behavioral, or case study Practices with AI voice-based or text-based interview Gets detailed feedback, performance analytics, and model answers Key features: AI-generated questions tailored to role, industry, and experience Real-time voice interview with AI (Vapi) Text-based chat interview mode Real-time voice analysis tone, pacing, clarity feedback Detailed performance analytics dashboard Credit-based subscription system with 3 tiers Public shareable agent URL Built with: Next.js, TypeScript, Vapi, Polar (billing), Hono RPC, Vercel AI SDK Live Demo: https://clario-sh.vercel.app/ #vapi #nextjs #clerk

1

33

Islamabad, Pakistan

Full Stack Developer specializing in SaaS & Admin Dashboard

New to Contra

Full Stack Developer specializing in SaaS & Admin Dashboard

Cover image for Glam Gallery E-commerce Admin Dashboard Development

Glam Gallery E-commerce Admin Dashboard Development

1

9

Cover image for Spendify Finance Dashboard Design and Development

Spendify Finance Dashboard Design and Development

1

11

Cover image for HealthLuma Clinic Platform Development

HealthLuma Clinic Platform Development

1

19

Placeholder project card media

View more →

Syed Muhammad Ali

Karachi, Pakistan

I specialize in SaaS dashboards and marketing websites

New to Contra

I specialize in SaaS dashboards and marketing websites

Cover image for NicheHunter — Figma to Next.js

NicheHunter — Figma to Next.js Landing Page Overview NicheHunter is an AI-powered product research platform for dropshippers and e-commerce marketers, scanning 500K+ Facebook and TikTok ads daily to surface winning products before they saturate the market. My task was to convert the Figma design into a fully functional Next.js landing page, building the front end from scratch. My Role & Contributions ✅ Built a brand-new Next.js application from the ground up based on the provided Figma design ✅ Used ShadCN UI to implement clean, accessible, and consistent UI components (pricing cards, feature sections, FAQ accordion, etc.) ✅ Implemented an interactive testimonials carousel using React-Slick ✅ Set up authentication flow with NextAuth for user sign-up/login/reset ✅ Handled form validation using Zod and React Hook Form for the trial sign-up and lead capture flows ✅ Built out key sections: hero with product dashboard preview, feature highlights, social proof/testimonials, pricing tiers (Starter, Professional, Enterprise), and FAQ ✅ Ensured responsive design and smooth UX across all sections Tech Stack Next.js · ShadCN UI · NextAuth · Zod · React Hook Form · React-Slick Outcome A polished, conversion-focused landing page with a complete sign-up and authentication flow — translating the original design 1:1 into a fast, responsive, production-ready Next.js build. Live Preview: https://niche-hunter.vercel.app/

0

88

Cover image for NoizInvest — Figma-to-Code Redesign &

NoizInvest — Figma-to-Code Redesign & Rebuild Overview NoizInvest is a platform that lets everyday investors build and manage automated crypto portfolios by securely connecting their exchange accounts. My task was to replace the platform's existing design with a brand-new Figma design and rebuild the entire front end from scratch — fully responsive across all devices. My Role & Contributions ✅ Converted high-fidelity Figma designs into a pixel-perfect, fully responsive Next.js application ✅ Built smooth scroll-based animations and transitions using Framer Motion to bring the design to life (hero sections, step-by-step "How It Works" flow, feature reveals) ✅ Implemented an interactive carousel with React-Slick for showcasing reviews ✅ Integrated Chart.js to display portfolio analytics and performance data in a clean, readable format ✅ Set up Nodemailer to handle contact/interest form submissions and email delivery ✅ Styled the entire UI with Tailwind CSS, ensuring consistent spacing, typography, and responsiveness across breakpoints ✅ Structured reusable components for sections like security features, testimonials, supported exchanges, and pricing Tech Stack Next.js · Tailwind CSS · Framer Motion · Chart.js · React-Slick · Nodemailer Outcome A fully redesigned, production-ready marketing site with smooth animations, interactive data visualizations, and a responsive layout that works seamlessly across desktop and mobile — replacing the old design with a modern, conversion-focused experience. Live Preview https://noizinvest.com/

0

107

Cover image for GVD Renovations — HTML to

GVD Renovations — HTML to React Conversion Overview GVD Renovations is a kitchen remodeling business based in Sacramento, specializing in quality materials and expert installation. I was brought in to convert their existing static HTML landing page into a fully componentized React application — improving code structure and maintainability without changing the original design. My Role & Contributions ✅ Broke down the static HTML markup into clean, reusable React components (Header, Hero, Services, Testimonials, Footer, etc.) ✅ Preserved the original design and styling exactly while restructuring the codebase for scalability ✅ Replaced static markup with component-driven architecture, making future content updates and edits far easier to manage ✅ Ensured cross-browser consistency and responsive behavior was maintained post-conversion ✅ Delivered clean, organized code following React best practices Tech Stack React · JavaScript · HTML5 · Tailwind CSS · Netlify (Deployment) Outcome A faster, more maintainable codebase that keeps the original look and feel of the site while making it easy for the client to scale, update, or extend the landing page going forward. Live Preview https://gvdrenovations.netlify.app/

0

77

Cover image for RepurposeAI — AI-Powered Content Repurposing

RepurposeAI — AI-Powered Content Repurposing SaaS Overview RepurposeAI is a fully functional SaaS application that uses AI to instantly transform a single blog post into three ready-to-publish formats: a Twitter/X thread, a LinkedIn post, and an email newsletter — saving content creators hours of manual rewriting every week. This was a complete 0→1 build, where I designed and developed every layer of the product, from front-end to backend to deployment. What I Built Frontend: Responsive, intuitive UI built with Next.js 16 and Tailwind CSS, including real-time loading states and platform-specific output cards with copy-to-clipboard functionality AI Integration: Connected the app to the OpenAI API to generate platform-tailored content from a single blog post input Authentication: Implemented secure user sign-up/login using Supabase Auth Payments: Integrated Stripe for premium plan subscriptions, including checkout flow and subscription management Database: Designed and managed the data layer using Supabase (PostgreSQL) to store user data, content history, and subscription status Deployment: Hosted and continuously deployed on Vercel Tech Stack Next.js 16 · TypeScript · OpenAI API · Supabase (Auth + PostgreSQL) · Stripe · Tailwind CSS · Vercel Outcome A production-ready SaaS product with a complete user journey — sign-up, content generation, and premium subscription upgrade — built and shipped end-to-end by me.

0

230

Lahore, Pakistan

Experienced Full Stack Web Developer

Experienced Full Stack Web Developer

Cover image for SaaS Landing Page

SaaS Landing Page

0

3

Cover image for Trending Blogs for Multi Niche Blogging

Trending Blogs for Multi Niche Blogging

0

2

Cover image for FIND DREAM PROPERTIES

FIND DREAM PROPERTIES

0

1

Cover image for Job Portal Website Modern Design

Job Portal Website Modern Design

0

12

Lahore, Pakistan

Building Modern Web Experiences | MERN | Next.js/React.js

10: Followers

Building Modern Web Experiences | MERN | Next.js/React.js

Cover image for Decentralized AI Infrastructure Development

Decentralized AI Infrastructure Development

1

1

Cover image for https://www.youtube.com/watch?v=dzBIFPJ8Sg0 https://vape.mar...

https://www.youtube.com/watch?v=dzBIFPJ8Sg0 https://vape.markovicsystems.com/ Modern Vape Website using reactjs,nextjs,tailwindcss

1

52

Cover image for Midora AI - Multi-Model Platform -> Chatgbt -> Gemini -> Cla...

Midora AI - Multi-Model Platform -> Chatgbt -> Gemini -> Claude -> Deepseek and many more all in one place. midoraai.com

1

67

Cover image for Building a Healthcare Platform with MERN & Next.js | MediCar...

Building a Healthcare Platform with MERN & Next.js | MediCare #showyourwork #newone #mern #nextjs #reactjs #webdev #healthcare #medicare #contra #casestudy https://www.youtube.com/watch?v=DAqYIPGh1gE

3

2

120