Freelancers using Shadcn UI in KarachiFreelancers using Shadcn UI in Karachi
ProjectsPeople
Mufasil Iqbal's avatar
Mufasil Iqbal
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
16
Cover image for TMBR | Portal
TMBR | Portal
1
59
Cover image for Afkar | Framer Project
Afkar | Framer Project
0
14
Cover image for Getz Pharma | Gastro Guru
Getz Pharma | Gastro Guru
0
20
Shadcn UI(1)
Muhammad Unain's avatar
Muhammad Unain
Karachi, Pakistan
Full-Stack Next.js Developer | SaaS & AI Products
8
Followers
Full-Stack Next.js Developer | SaaS & AI Products
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
158
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
172
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
306
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
105
Shadcn UI(3)
Umair Shakeel's avatar
Umair Shakeel
Karachi, Pakistan
Product Designer SaaS Mobile App Fintech UI UX
5.0
Rating
9
Followers
Product Designer SaaS Mobile App Fintech UI UX
Cover image for Cloudhub SaaS Landing Page Design
Cloudhub SaaS Landing Page Design
0
1
Cover image for Most SaaS products don’t feel
Most SaaS products don’t feel complicated because they have too many features. They feel complicated because users don’t know what to do next. A good experience creates clarity through hierarchy, context, and clear actions. The goal isn’t to make the interface look simple. It’s to make the next step feel obvious. #ProductDesign #UXDesign #SaaS #UIUX #DigitalProductDesign
3
3
38
Cover image for Exploring a bold new direction
Exploring a bold new direction for a FinTech / digital banking website ⚡ For this concept, I focused on strong visual hierarchy, high-contrast UI, clear product messaging, and a conversion-focused landing page experience that feels more like a modern tech product than a traditional banking website. Designed in Figma with a focus on: • FinTech UI/UX Design • Digital Banking Website Design • SaaS Landing Page Design • Product Design • Responsive Web Design • Conversion-Focused UX I wanted the experience to feel bold, modern, and premium while keeping the main user journey simple and easy to understand. Would you trust a banking product with this visual direction? 👀 #UIDesign #UXDesign #ProductDesign #FinTechDesign #FinTech #DigitalBanking #WebDesign #LandingPageDesign #Figma #SaaSDesign #UIUXDesigner #ProductDesigner
2
39
Cover image for Virtual Office & Meeting Management SaaS Design
Virtual Office & Meeting Management SaaS Design
1
2
Shadcn UI(1)
Syed Muhammad Ali's avatar
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
141
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 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 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
Shadcn UI(1)
Sakhawat Hussain's avatar
Sakhawat Hussain
Karachi, Pakistan
Full stack and Ai powered agents developer
33
Followers
Full stack and Ai powered agents developer
Cover image for Elevate Your Salon’s Online Presence👍
Elevate Your Salon’s Online Presence👍 First impressions are everything in the beauty industry. If you’re looking to transform your salon’s digital space, this premium template is designed to do exactly that.💯 I’ve crafted this website template specifically for beauty professionals who want a sleek, modern, and high-converting look. It’s built to balance stunning aesthetics with seamless functionality—allowing your clients to view services, check portfolios, and book appointments with ease. Why this template stands out:👍 Visual-First Design: Optimized to showcase your high-quality imagery and branding. Client-Focused Layout: Intuitive navigation so your visitors find what they need in seconds. Fully Responsive: It looks just as beautiful on a mobile screen as it does on a desktop. Ready to Customize: Easy to personalize with your own colors, typography, and content. Whether you're a boutique studio or a growing salon, this template provides the perfect foundation to help your business look as professional as the services you provide. Interested in leveling up your online presence? Check out the live preview and let’s get your salon the website it deserves. 😍 💯
0
11
Cover image for E-commerce Full-Stack Development
E-commerce Full-Stack Development
0
9
Cover image for Custom E-Commerce Websites Built for Growth I design and dev...
Custom E-Commerce Websites Built for Growth I design and develop high-performance, fully responsive custom e-commerce websites tailored to your brand and business goals. From modern UI/UX and smooth user journeys to secure checkout, product management, and scalable architecture everything is built to convert visitors into customers. Whether you’re launching a new store or upgrading an existing one, I deliver fast, reliable, and future-ready solutions.
1
107
Cover image for Building modern, scalable, and user-friendly web application...
Building modern, scalable, and user-friendly web applications 🚀 I specialize in Full-Stack (MERN) development, creating responsive UIs, secure authentication, Firebase integrations, and performance-optimized solutions. Always focused on clean code, great UX, and real business value.
1
41
Shadcn UI(1)
M Faisal's avatar
M Faisal
Karachi, Pakistan
Premium landing pages & MVPs. Next.js, React, GSAP, Three.js
Premium landing pages & MVPs. Next.js, React, GSAP, Three.js
Cover image for ConfessItUp: City-Based Anonymous Confessions Platform
ConfessItUp: City-Based Anonymous Confessions Platform
0
1
Cover image for SlapDroid: A Slap-Tracking Android App
SlapDroid: A Slap-Tracking Android App
0
1
Cover image for ARC Reactor: A 3D UI Experiment
ARC Reactor: A 3D UI Experiment
0
0
Cover image for Portfolio: Premium Landing Pages & MVPs
Portfolio: Premium Landing Pages & MVPs
0
1
Shadcn UI(1)