Freelancers in TopiFreelancers in Topi
ProjectsPeople
Daniyal Habib's avatar
Daniyal Habib
Harīpur, Pakistan
Fully Custom Million Dollar Framer Sites
    $1k+
    Earned
    2x
    Hired
    5.0
    Rating
    16
    Followers
Fully Custom Million Dollar Framer Sites
Cover image for Hero section for my upcoming framer template. What do you gu...
Hero section for my upcoming framer template. What do you guys think?
34
433
Cover image for Hubble Feed Website Design & Development
Hubble Feed Website Design & Development
1
8
Cover image for Mumu bath Web Design
Mumu bath Web Design
1
7
Cover image for Odmire Web Design
Odmire Web Design
0
6
Ubaid Web Studio's avatar
Ubaid Web Studio
Hazro, Pakistan
Web Developer | Building Complex, Responsive Websites
    10
    Followers
Web Developer | Building Complex, Responsive Websites
Cover image for Title: Nexa Electronics: Premium E-Commerce
Title: Nexa Electronics: Premium E-Commerce Website with Interactive 3D Exploded Views Description: Nexa Electronics is a demo e-commerce website I designed and built to show my skills in modern web design, front-end development and interactive 3D experiences. This video is a walkthrough of the site. What’s in the vedio. The home page, with a cinematic hero section and a 3D device showcase Browsing by category: Smartphones, Laptops, Audio, Gaming, Smartwatches, Smart Home and Accessories Product pages with configuration and colour options, a zoom inspection view, pricing, stock status and customer reviews The interactive 3D exploded view (“Explore Inside in 3D”), where you can take products apart layer by layer to see their internal components Quick View, the device comparison matrix, the shopping bag and a full checkout flow (shipping details, payment, order review and confirmation) Customer sign-in and an admin dashboard for managing the store Website features Interactive 3D exploded views of products, with labelled internal parts and an explode slider A mega-menu navigation and fast category browsing Product configuration (storage and colour variants) with live pricing Wishlist, compare and shopping bag functionality Device comparison matrix A simulated checkout with order confirmation Customer accounts (sign-in) An admin dashboard with store stats and inventory and price management A newsletter signup section A toggle to turn the 3D experience on or off A responsive, dark and light themed premium UI Note: I made this video with the help of AI, and it is just a demo to show my skills. To see my work properly, I recommend visiting live website.
4
812
Cover image for Sunny Rock — Cinematic Paris
Sunny Rock — Cinematic Paris Travel Website | Creative Web Development Experience Paris through Sunny Rock, a cinematic travel website concept designed to combine immersive visuals, elegant UI/UX, and interactive scrolling into a premium digital experience. This self-directed project explores modern web design through cinematic imagery, scroll-driven animations, glassmorphism, smooth transitions, and responsive layouts. 🛠️ Technologies & Skills HTML5 & CSS3 — Semantic structure, modern styling, and responsive layouts JavaScript (ES6+) / TypeScript — Interactive behavior and animation logic React.js — Reusable components, hooks, and state management Tailwind CSS — Utility-first styling and responsive design HTML5 Canvas API — 2D rendering for visual effects and image sequences Scroll-Driven Animation — Frame-by-frame image sequences synchronized with scrolling requestAnimationFrame & Linear Interpolation (Lerp) — Smooth animation updates Lenis Smooth Scrolling — Fluid scrolling experiences Intersection Observer API — Scroll-triggered reveals and entrance animations UI/UX & Visual Design — Visual hierarchy, typography, glassmorphism, and interaction design SVG Graphics — Scalable icons and vector elements AI Visual Generation & Prompt Engineering — Cinematic visual assets Cloudinary — Media hosting and image optimization Performance Optimization — Efficient asset loading and animation rendering Python & Browser Automation — Development utilities, asset processing, and testing ✨ Design Highlights Cinematic, immersive visual storytelling Premium travel-inspired aesthetic Smooth, scroll-based animation sequences Modern glassmorphism interface Responsive layouts for different screen sizes Interactive elements and refined micro-interactions Project Type: Self-Directed Portfolio Project Focus Areas: Creative Front-End Development · Web Design · UI/UX Design · Interactive Experiences · Animation Designed and developed by Ubaid | Ubaid Web Studio.🔥
9
11
2K
Cover image for PrimeNest Realty is a demo
PrimeNest Realty is a demo real estate website I designed and developed to show clients what I can build for property businesses. Many agency sites feel cluttered and hard to use, so I focused on a clean, premium look and a simple path from search to enquiry. What’s inside: A homepage with a built-in property search (buy or rent, location, price range, type, bedrooms) Property listings for sale and for rent, with filters Buying and renting FAQs to answer common questions Neighbourhood pages (Downtown, Riverside, Oakwood) showing the homes in each area A “Sell your property” page with a simple enquiry form An About page introducing the agents Featured properties, testimonials and clear call-to-action sections The design uses a warm off-white background with navy and gold accents and elegant serif headings. The layout is consistent from page to page so visitors always know where to click. Note: all listings, agents and reviews are fictional sample content. I made this as a portfolio demo. If you want a website like this for your business, message me and I’ll build it around your brand. Skills to used Web Design Web Development UI Design UX Design Responsive Design Landing Page Design Front-End Development Real Estate Website
0
351
Cover image for Maison Belle — Elegant Salon
Maison Belle — Elegant Salon & Beauty Website Design 🌸 An elegant, modern salon website concept created to showcase how a beauty business can present its services and brand through a polished online experience. Designed by Ubaid Web Studio, this project features a soft, luxurious color palette, refined typography, and a stylish layout inspired by the beauty and aesthetics industry. ✨ Key Features Elegant UI Design: A sophisticated visual style with soft colors and modern typography. Beauty Services: Sections for presenting salon treatments and services. Service Pricing: A clear layout for showcasing sample service prices. Team Profiles: Space to introduce beauty professionals. Contact & Booking Sections: Convenient ways for visitors to explore contact and booking information. Responsive Design: Designed for browsing on desktop and mobile devices. 🎯 Project Goal To demonstrate how thoughtful web design can help salons present their services, communicate their brand identity, and create a welcoming first impression for potential customers. Project Type: Salon Website Design & Development Demo Demo Website: https://masionbelleastheticbyubaidwebstudio.netlify.app/ Note: Maison Belle is a demonstration project created to showcase my web design and development skills. It is not a commissioned client project.
1
370
Mudassir Ur Rehman Qureshi's avatar
Mudassir Ur Rehman Qureshi
Wah Cantt, Pakistan
GoHighLevel Expert & CRM Automation Specialist
New to Contra
GoHighLevel Expert & CRM Automation Specialist
Cover image for I designed and built a
I designed and built a modern, high-performance portfolio website using Lovable, focused on creating a premium digital presence and a smooth user experience across desktop, tablet, and mobile devices. The website features a modern SaaS-inspired visual style, responsive layouts, interactive project showcases, detailed case study modals, smooth scrolling, subtle animations, and a carefully structured content hierarchy. Every section was designed to clearly present services, technical expertise, integrations, and real client projects without making the interface feel overcrowded. I also integrated EmailJS with the custom contact form, allowing website inquiries to be sent directly to my Gmail inbox in real time. The form includes structured project information, required field validation, project type selection, and a custom confirmation experience after successful submission. Key features include: • Modern SaaS-Inspired UI/UX • Fully Responsive Website Design • Interactive Project Case Studies • Custom Modal & Popup Experiences • Smooth Animations & Micro-Interactions • EmailJS Integration • Direct Gmail Inquiry Delivery • Custom Contact Form & Validation • Dynamic Project Type Selection • Mobile & Desktop Optimization • Conversion-Focused Content Structure • Performance & User Experience Optimization This project demonstrates my ability to use Lovable to build more than visually attractive pages. I create complete, functional web experiences by combining modern UI design, responsive development, third-party integrations, and business-focused functionality.
3
1
136
Cover image for Complete SaaS Platform Build in
Complete SaaS Platform Build in GoHighLevel. Built a complete white-label GoHighLevel SaaS platform with SaaS architecture, snapshot deployment, English & Swedish landing pages, websites, funnels, CRM, pipelines, lead tracking, forms, surveys, calendars, appointment booking, memberships, online courses, communities, webinars, product management, checkout pages, email marketing, newsletters, onboarding systems, affiliate infrastructure, reporting, team access, custom values, tags, workflow automations, lead nurturing, follow-ups, and internal notifications, creating a scalable end-to-end business ecosystem.
1
141
Cover image for ScoreApp & GoHighLevel Lead Generation
ScoreApp & GoHighLevel Lead Generation System. Integrated ScoreApp with GoHighLevel to create a complete lead generation and automation system for a longevity and aesthetics business. The project included custom field mapping, lead capture synchronization, CRM setup, pipeline management, consultation booking, and automated workflows. Automations were built for quiz completion, personalized report delivery, lead recovery, follow-up sequences, appointment confirmations, reminders, and no-show management, ensuring every lead was captured, nurtured, and moved through the customer journey automatically.
0
115
Cover image for Lassbo Waalan - Publishing Website,
Lassbo Waalan - Publishing Website, Online Store Developed a complete GoHighLevel publishing and e-commerce system for a book publishing business. The project included a multi-page website, online bookstore, product and checkout setup, webinar registration, CRM configuration, lead capture forms, email marketing, newsletters and automation workflows. Advanced automations were implemented for lead nurturing, purchase follow-ups, abandoned checkout recovery, customer segmentation, and internal notifications, creating a seamless journey from visitor to customer.
0
137
Muhammad Zeeshan's avatar
Muhammad Zeeshan
Wah Cantt, Pakistan
Python Developer | ML, Data Science & Automation | Latex
New to Contra
Python Developer | ML, Data Science & Automation | Latex
Cover image for Machine Learning Model Evaluation for
Machine Learning Model Evaluation for Soft Biometric Prediction Developed and evaluated machine learning models to predict physical characteristics from human gait data collected using inertial sensors. The project compares Random Forest Regression (RFR), XGBoost, Support Vector Regression (SVR), and Artificial Neural Networks (ANN) using engineered gait features. To assess model generalization to unseen individuals, multiple subject-wise validation strategies were applied, including hold-out validation, 10-fold cross-validation, and Leave-One-Subject-Out (LOSO). Performance was evaluated using MAE, RMSE, and R², with visual comparisons of actual and predicted values. The project demonstrates an end-to-end workflow for data preprocessing, feature engineering, predictive modelling, and systematic performance evaluation.
0
14
Cover image for Data Analysis & Visualization with
Data Analysis & Visualization with Python: Developed a Python-based data analysis workflow to transform raw datasets into meaningful insights through data cleaning, exploratory data analysis (EDA), statistical analysis, and visualization. The workflow uses Python's data science libraries to organize datasets, identify patterns and trends, examine relationships between variables, and present findings through clear, informative charts and graphs. The goal is to make complex data easier to understand and support data-driven decision-making. Key Features: Data Cleaning & Preprocessing: Handle missing values, inconsistent entries, and data quality issues. Exploratory Data Analysis: Investigate distributions, patterns, trends, and relationships within datasets. Statistical Analysis: Calculate descriptive statistics and analyze correlations between variables. Data Visualization: Create informative charts, graphs, and plots to communicate analytical findings. Insight Generation: Summarize key observations in a clear and understandable format. Reproducible Workflow: Use Python scripts and notebooks for transparent, repeatable analysis. Technologies Used: Python · Pandas · NumPy · Matplotlib · Seaborn · SciPy
0
19
Cover image for Developed a Python-based automation system
Developed a Python-based automation system that generates personalized exam bubble sheets in a single PDF file using student information stored in Excel. The system reads each student's name, ID, section, exam date, and required sheet length from an Excel spreadsheet, then automatically populates a custom LaTeX exam template and compiles the output into a PDF document. Each student receives an individually personalized bubble sheet, with support for one-page exams containing up to 100 questions or two-page exams containing up to 200 questions. The solution streamlines bulk exam preparation, reduces repetitive manual work, and ensures consistent formatting across all generated sheets. Key Features: Excel-based student data import Automated LaTeX template population Personalized bubble sheets for each student Support for 100- and 200-question exams Batch generation of a single multi-page PDF Automated PDF compilation using Python Technologies: Python, LaTeX, Pandas, Excel, pdflatex, PDF Automation.
0
21
Cover image for SRTM DEM Visualization Tool –
SRTM DEM Visualization Tool – Python Desktop Application Developed a Python-based desktop application for visualizing Shuttle Radar Topography Mission (SRTM) Digital Elevation Model (DEM) data. The application allows users to enter geographic coordinates (latitude and longitude), load the corresponding elevation data, and explore terrain through interactive 2D and 3D visualizations. The tool presents a 3D terrain surface to examine landscape features and a 2D elevation map with contour details and elevation-based color mapping. It combines geospatial data processing, raster analysis, and scientific visualization within a user-friendly graphical interface. Key Features: - Coordinate-based terrain data selection - 2D elevation mapping and contour visualization - 3D terrain surface plotting - Elevation-based color mapping - Desktop GUI for convenient data exploration Technologies: Python, SRTM DEM, geospatial data processing, Matplotlib, 2D/3D visualization, and GUI development.
0
22
Arooj Khan's avatar
Arooj Khan
Wah Cantt, Pakistan
Full Stack Developer
    36
    Followers
Full Stack Developer
Cover image for VELOUR is a luxury perfume-store
VELOUR is a luxury perfume-store concept featuring a cinematic 3D entrance: the camera approaches the boutique, the doors open, and visitors discover the fragrances inside. The experience includes interactive perfume bottles, animated spray effects, a personalized scent quiz, product filtering, bottle-size selection, and a shopping bag. A complete demo checkout takes visitors through delivery details to an order-confirmation screen. Built with HTML, CSS, JavaScript, and WebGL, with responsive layouts and motion controls. This is a frontend showcase; checkout does not process real payments or orders.
6
5
440
Cover image for Introducing Aurelia 🍽️ my
Introducing Aurelia 🍽️ my food delivery web app with a dark olive and gold design, smooth animations, and a responsive layout. Built with React, Node.js, Express, and MongoDB, it features restaurant browsing, searchable menus, cuisine filters, and a shopping cart with a demo checkout. I wanted the experience to feel as inviting as the food itself. Here’s a look at what I’ve been building! What do you think of the design? ✨
2
1
149
Cover image for My portfolio is live! ✨ I’m
My portfolio is live! ✨ I’m Arooj, a full-stack developer building responsive websites and web applications. My portfolio brings together projects like SafeSocial, Aurelia, and GymFlow, with a dark theme, soft pink accents, and interactive animations. Take a look: https://arooj-portfolio-ivory.vercel.app I’m available for freelance projects and collaborations. If you need a website or web app, let’s connect! I’d love to hear your feedback on the design 💬
4
7
446
Cover image for Aurelia — Food Delivery Platform
Aurelia — Food Delivery Platform
1
134
Hassan Ali's avatar
Hassan Ali
Hassan Abdal, Pakistan
Product (UI/UX) Designer & Framer Designer/Developer
    6
    Followers
Product (UI/UX) Designer & Framer Designer/Developer
Cover image for Ace Money Transfer - UI/UX Audit & Redesign
Ace Money Transfer - UI/UX Audit & Redesign
1
11
Cover image for Website design & development for Ontarget
Website design & development for Ontarget
1
13
Cover image for Travello - Mobile app
Travello - Mobile app
2
16
Cover image for Framer Landing page design for Convertify
Framer Landing page design for Convertify
1
14