Freelancers using Tailwind CSS in Sindh

Freelancers using Tailwind CSS in SindhFreelancers using Tailwind CSS in Sindh

Projects People

Muhammad Hassan

proKarachi, Pakistan

Full-Stack & AI Developer | Next.js, AI Agents

$50k+: Earned

12x: Hired

5.0: Rating

212: Followers

Full-Stack & AI Developer | Next.js, AI Agents

Cover image for Ecommerce Service Selling Platform

Ecommerce Service Selling Platform

0

49

Cover image for Ecommerce React Website - With Email Marketing

Ecommerce React Website - With Email Marketing

2

127

Cover image for Ecommerce Grocery Store - Full-Stack Website

Ecommerce Grocery Store - Full-Stack Website

0

45

Cover image for Ecommerce Gadget Selling Website

Ecommerce Gadget Selling Website

1

97

Tailwind CSS(5)

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 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

131

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

158

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

284

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

141

Tailwind CSS(3)

Karachi, Pakistan

Full-Stack Developer | Scalable Web & Mobile Apps

11: Followers

Full-Stack Developer | Scalable Web & Mobile Apps

Cover image for Hi 👋 I’m Ahsan Mansoori, a Full-Stack Developer building sc...

Hi 👋 I’m Ahsan Mansoori, a Full-Stack Developer building scalable, high-performance web & mobile apps. I help founders and businesses with: ⚡ Web & Mobile Development 📱 React Native apps with clean UI 🎯 Performance & backend scalability 🎨 UX/UI that converts I focus on clean code, clear communication, and real business impact. Worked on SaaS platforms, POS systems, AI tools, and business dashboards. If you’re building an MVP or scaling your product, let’s connect 🤝 💬 DM me or follow — I’m currently working on new projects. 🔗 Portfolio (https://<https://mansooriportfolio.lovable.app/>)

1

65

Cover image for Introducing ToolifyHubs — Your All-in-One Productivity Toolk...

Introducing ToolifyHubs — Your All-in-One Productivity Toolkit I recently built ToolifyHubs, a powerful collection of smart tools designed to help creators, students, and professionals work faster and smarter. The platform includes AI-powered utilities, productivity tools, and daily-use features — all wrapped in a clean, modern UI built with React + Tailwind CSS. This project focuses on: ✅ Smooth UI/UX ✅ Fast performance ✅ Responsive design ✅ Practical tools people can use every day 👉 Check it out here: https://www.toolifyhubs.com Excited to keep improving it and open to feedback, collaborations, or ideas that can make ToolifyHubs even better!

1

75

Cover image for ProPose AI — AI Proposal & Portfolio Builder for Freelancers...

ProPose AI — AI Proposal & Portfolio Builder for Freelancers ProPose AI — an AI tool that creates fast, personalized proposals and instant portfolio pages for freelancers. Built in Tempo with a clean, modern UI. Who It’s For: Freelancers who waste time writing proposals and managing profiles. Design Thought Process: Focused on speed and clarity: AI-generated proposals, simple input → preview flow, glassmorphism UI, mobile-first layout, and smooth interactions. Build: build (https://1c008d23-afdc-41f4-be27-9fdf6c95b2e3.canvases.tempo.build/)

2

139

Cover image for ProPose AI — AI Proposal

ProPose AI — AI Proposal & Portfolio Builder for Freelancers ProPose AI — an AI tool that creates fast, personalized proposals and instant portfolio pages for freelancers. Built in Tempo with a clean, modern UI. Who It’s For: Freelancers who waste time writing proposals and managing profiles. Design Thought Process: Focused on speed and clarity: AI-generated proposals, simple input → preview flow, glassmorphism UI, mobile-first layout, and smooth interactions. Build: build (https://1c008d23-afdc-41f4-be27-9fdf6c95b2e3.canvases.tempo.build/?framework=NEXT_JS_APP_ROUTER)

2

149

Tailwind CSS(4)

Karachi, Pakistan

Creating modern websites

Creating modern websites

Cover image for Horse Genetics Mint

Horse Genetics Mint

0

11

Cover image for NFT Landing Page

NFT Landing Page

0

10

Cover image for BITXCELS

0

13

Cover image for Dine Market

0

69

Tailwind CSS(4)

proKarachi, Pakistan

Full-Stack & AI Developer | Next.js, AI Agents

$25k+: Earned

7x: Hired

5.0: Rating

45: Followers

Full-Stack & AI Developer | Next.js, AI Agents

Cover image for LiveBazaar - Live Ecommerce Platform

LiveBazaar - Live Ecommerce Platform

1

15

Cover image for Legacy Building: Media Export & Community Features

Legacy Building: Media Export & Community Features

0

1

Cover image for C2BM Workforce Management System

C2BM Workforce Management System

2

19

Cover image for Legacy Building - Journal Management Platform

Legacy Building - Journal Management Platform

2

12

Tailwind CSS(1)

Muhammad Salman

proKarachi, Pakistan

Building interactive framer & shopify sites for startups.

5.0: Rating

40: Followers

expert

expert

Building interactive framer & shopify sites for startups.

Cover image for Website Experience Enhancement for Diva Clinic

Website Experience Enhancement for Diva Clinic

4

14

Cover image for YES NOW – Creative Agency

YES NOW – Creative Agency Website | Framer Development A sleek, story-driven website built for YES NOW, a European creative agency crafting campaigns for NGOs, institutions, and mission-driven brands. From smooth scroll animations to an immersive project showcase, every detail was designed to reflect the agency's bold, purpose-driven identity, fully built and developed on Framer. Highlights: -Responsive, pixel-perfect design across all devices -Custom animations & micro-interactions for an engaging user journey -Clean, conversion-focused layout with seamless navigation -Built entirely on Framer, no-code, high-performance 🔗 Live Preview: yesnowww.com (http://yesnowww.com)

2

55

Cover image for Vivazen Direct Shopify Redesign for Sales Growth

Vivazen Direct Shopify Redesign for Sales Growth

8

13

Cover image for CoHo Retail - Shopify

CoHo Retail - Shopify

9

15

Tailwind CSS(1)

Karachi, Pakistan

Full-Stack Next.js Developer | SaaS & AI Products

8: Followers

Full-Stack Next.js Developer | SaaS & AI Products

Cover image for spent some time designing this AI landing page. wanted it to...

spent some time designing this AI landing page. wanted it to feel premium without relying on flashy animations. still refining it, but i'm happy with where it's heading. built with reactjs, tailwindcss. what would you improve? live demo: https://nexora.munain605.workers.dev/

1

114

Cover image for Puple Co Premium Food &

Puple Co Premium Food & Beverage Landing Page A cinematic landing page for a cold-pressed juice brand built with a warm amber aesthetic and scroll-triggered pour animation. Every section is designed to make the product feel premium and convert visitors into buyers. Sections: Scroll hero with frame-by-frame orange pour animation Marquee brand values strip Story section with stats Product range with 4 SKUs and pricing Orchard to glass process timeline Weekly subscription section Full footer Built with: React, Tailwind CSS, Bun, GSAP Project URL: https://hero-scroll-magic-79.munain605.workers.dev/

1

156

Cover image for SonicBlend – Multi-Page Audio E-Commerce

SonicBlend – Multi-Page Audio E-Commerce Experience SonicBlend is a fully realized multi-page frontend web application built for the premium audio market. Beyond a simple landing page, this project showcases a complete user journey from discovery on the homepage to detailed product browsing and brand storytelling. The site is optimized for high performance and a "mobile-first" responsive experience. Technical Highlights Multi-Page Architecture: Includes dedicated routes for Home, About Us, Collections Headphones, and Latest News, ensuring a structured and scalable site map. Dynamic Component Library: Built with reusable UI components buttons, product cards, feature grids to maintain visual consistency across all pages. Responsive UX: A fluid layout that adapts seamlessly from desktop ultrawide monitors to mobile devices, ensuring the "Sonic Sound" experience isn't lost on smaller screens. Interactive Frontend: Features custom hover effects, smooth transitions between pages, and functional newsletter validation. View the Project 🌐 Live Demo: https://sonicblend.vercel.app/

3

2

193

Cover image for Aperture Cinematic Interiors
A scroll-triggered architectural

Aperture Cinematic Interiors A scroll-triggered architectural showcase built for a residential design studio. Instead of a static portfolio grid, visitors "walk" through a house the camera moves room to room as they scroll, with video-driven transitions instead of static images. What it solves: Architecture firms often struggle to translate spatial experience into a flat web page. Photos and floor plans tell you what a space looks like, not what it feels like to move through it. This site turns the scroll bar into a camera dolly, so the sequence of light, threshold, and volume the actual experience of the building becomes the interface itself. What's inside: Full-bleed cinematic video/scroll-sync hero sequence Sectioned narrative flow Approach → Process → Selected Work → Available Residences Stats bar, project grid, listings with pricing/specs, and a client testimonial block Responsive, minimal, editorial typography built to feel like a design monograph, not a template Built for: boutique architecture and real estate studios who want their site to read as a portfolio piece in its own right not just a listings page. If you're an architecture, interior design, or luxury real estate brand and want a site that actually shows the work instead of listing it let's talk. 🔗 Live: aperture.munain605.workers.dev (http://aperture.munain605.workers.dev)

4

2

86

Tailwind CSS(3)

Hyderabad, Pakistan

Full Stack Developer creating high-performance websites.

New to Contra

Full Stack Developer creating high-performance websites.

Cover image for Maison — Luxury Car Rental

Maison — Luxury Car Rental Website | UI/UX Design & React Development Maison is a premium luxury car rental website crafted to deliver an elegant and immersive digital experience. I designed the complete interface in Figma before developing it into a fully responsive website using React and Tailwind CSS. The website follows a modern single-page experience with smooth scrolling, premium typography, cinematic visuals, and refined interactions that reflect the exclusivity of the brand. Every section was designed with attention to detail, ensuring a seamless experience across desktop, tablet, and mobile devices. What I Did Designed the complete UI/UX in Figma Developed the website using React & Tailwind CSS Built a fully responsive layout Created reusable UI components Optimized performance and clean code structure Designed a premium luxury user experience

0

25

Cover image for AETHER — Luxury Wellness Retreat

AETHER — Luxury Wellness Retreat Experience Designed and developed a premium wellness retreat website that blends luxury aesthetics with immersive storytelling and modern user experience. The project features responsive design, elegant typography, cinematic visuals, smooth interactions, and conversion-focused booking flows to create a calm, memorable digital experience across all devices.

3

147

Cover image for Crumb & co bakery Website

Crumb & co bakery Website

0

95

Cover image for Dental Clinic website

Dental Clinic website

2

3

178

Tailwind CSS(6)