Freelance Low-Code/No-Code Developers in Islamabad Capital TerritoryFreelance Low-Code/No-Code Developers in Islamabad Capital Territory
ProjectsPeople
Khakan Hayder's avatar
Khakan Hayder
proIslamabad, Pakistan
Framer Expert
$1k+
Earned
1x
Hired
5.0
Rating
14
Followers
FRAMER_EXPERT

expert

Framer Expert
Cover image for A quick reel of recent
A quick reel of recent client work delivered through VConekt. Each project went from blank canvas to live, conversion-ready Framer site: covering SaaS landing pages, fintech dashboards, AI product launches, local service businesses, and personal portfolios. What I bring to every project: • Official Framer Expert (verified) • Strategy-first design, not just pretty pixels • CMS, animations, responsive across every breakpoint • Clean handoff or full ongoing management Available for new projects starting June. Let's build.
1
112
Cover image for MoneyDays Currency Exchange
MoneyDays Currency Exchange
0
5
Cover image for Nordic Nexuz Conversion Website Design
Nordic Nexuz Conversion Website Design
0
4
Cover image for New template launch: TORVYN 🚀 Yesterday
New template launch: TORVYN 🚀 Yesterday I shipped my latest Framer template, and this one is for the people I know best: agencies. After building sites for dozens of agency clients at Vconekt, I kept seeing the same pattern. Agencies are great at selling their clients' work and terrible at selling their own. Their portfolio is a Notion doc, their pricing is "DM us," and their site was last updated two rebrands ago. TORVYN fixes that in an afternoon: ✦ 9 complete pages: home, about, work, services, pricing, news, contact and more ✦ Project showcase powered by the Framer CMS, so adding a case study takes minutes ✦ A news blog to keep the site alive between projects ✦ Deep indigo design with confident typography and buttery Lenis smooth scrolling ✦ Fully responsive and launch-ready Built for full-service agencies, small studios, and solo designers who want to look established from day one. Live now on the Framer Marketplace for $39: framer.com/community/marketplace/templates/torvyn And if you want it customised to your brand, that's literally what we do. My inbox is open.
1
103
Low-Code/No-Code Developer(1)
Ather Waseem's avatar
Ather Waseem
proIslamabad, Pakistan
UI/UX & Framer Dev for Energy, Tech & Growing Business
19
Followers
FRAMER_EXPERT

expert

UI/UX & Framer Dev for Energy, Tech & Growing Business
Cover image for Hira's Gem & Jewelry | Designed, Built & Photographed
Hira's Gem & Jewelry | Designed, Built & Photographed
0
20
Cover image for 𝗖𝗼𝗱𝗲𝘅 𝗠𝗲𝗱𝗶𝗰𝗮𝗹 𝗕𝗶𝗹𝗹𝗶𝗻𝗴, a medical
𝗖𝗼𝗱𝗲𝘅 𝗠𝗲𝗱𝗶𝗰𝗮𝗹 𝗕𝗶𝗹𝗹𝗶𝗻𝗴, a medical billing company serving healthcare providers across the US.
1
63
Cover image for How many of these 𝗜𝗰𝗼𝗻𝘀
How many of these 𝗜𝗰𝗼𝗻𝘀 can you name? 👀 I designed these 𝗖𝘂𝘀𝘁𝗼𝗺 𝗜𝗰𝗼𝗻𝘀 on 𝗙𝗶𝗴𝗺𝗮 for a new project.
1
144
Cover image for Real Estate SaaS Landing Page Design: Simple vs Glossy?
Working on this new 𝗥𝗲𝗮𝗹 𝗘𝘀𝘁𝗮𝘁𝗲 𝗦𝗮𝗮𝗦 𝗟𝗮𝗻𝗱𝗶𝗻𝗴 𝗣𝗮𝗴𝗲. Which one should I go with? 𝗦𝗶𝗺𝗽𝗹𝗲 or with 𝗚𝗹𝗼𝘀𝘀𝘆 𝗕𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱?
1
1
229
Low-Code/No-Code Developer(1)
Yaseen lenceria's avatar
Yaseen lenceria
proIslamabad, Pakistan
Full-Stack Engineer | AI Systems, Automation | Shopify & SEO
14
Followers
Full-Stack Engineer | AI Systems, Automation | Shopify & SEO
Cover image for 🚀 How I Built This
🚀 How I Built This Website (Quick Roadmap) This website was created step-by-step with a clean workflow: 1️⃣ Designed the full layout in RedFlash 2️⃣ Built everything locally on my PC 3️⃣ Connected it with Cloud Code 4️⃣ Pushed the project to GitHub 5️⃣ Deployed and launched it on Netlify The client loved the final result — fast, modern, and professional. If you want a website like this or need help with design, development, or deployment, I’m here to help. Let’s build something amazing together! 💚✨
0
107
Cover image for Wedding Planner Website Design for
Wedding Planner Website Design for Weddings With Erica 🇮🇪 I designed and developed this website for Weddings With Erica, an Irish wedding planning business. Erica wanted a website that felt elegant, personal and professional while making it easy for couples to understand her services and get in touch. The Project 💰 Project Value: €700 ⏱️ Delivery: 1 Week 🌐 Website: weddingswitherica.com (http://weddingswitherica.com)💍 Industry: Wedding Planning 📍 Market: Ireland I handled the complete website project, including: • Website design and development • Mobile responsive design • User experience and navigation • Wedding service pages • Enquiry focused layout • SEO friendly website structure • On page SEO foundations • Performance optimisation • Final testing and launch The goal wasn't simply to create something beautiful. I wanted Erica's personality and brand to come through while also creating a website that could support her business as it grows. The complete website was designed, developed and launched within one week for €700, and Erica was delighted with the final result. 🎥 Watch the video above to see the website and how I created it. Need Something Similar? I work with Wedding Planners, Celebrants, Wedding Bands, Musicians and other Wedding Professionals across Ireland and the UK. If you need a new website, SEO help or someone reliable to improve your existing website, I'd be happy to hear about your project.
0
18
Cover image for Created and Amazing easy to
Created and Amazing easy to use salution to create wedding invition
1
90
Cover image for I used to spend hours rewriting my resume for every job. Now...
I used to spend hours rewriting my resume for every job. Now an AI does it for me - in 10 minutes. Built it myself on @Replit using one prompt. Here’s how 👇 All I did was open Replit and type this prompt: “Build an AI-powered resume optimizer that tailors resume to job descriptions and tracks interview responses.” That’s it. Now the app: ✅ Reads any job description ✅ Customizes your resume automatically ✅ Optimizes formatting for ATS systems ✅ Tracks which versions get the most responses That’s the real power of Replit: You can go from idea → working product in minutes. Just describe it and let Replit do the rest. Your next big idea deserves to exist. 👉 https://replit.com
0
83
Low-Code/No-Code Developer(1)
Muhammad Saifullah's avatar
Muhammad Saifullah
Islamabad, Pakistan
Web Developer | UI/UX| 3D Product Animation |
9
Followers
Web Developer | UI/UX| 3D Product Animation |
Cover image for "Premium" — Design-Driven Real Estate
"Premium" — Design-Driven Real Estate & Architecture Website | Framer A modern, minimal real estate and architecture portfolio website built entirely in Framer, designed to showcase luxury property listings and architectural projects with a clean, editorial aesthetic. 🔑 Key Sections & Features Hero Section Full-bleed, cinematic hero with a high-resolution architectural photograph as the background, an overlapping bold serif headline ("Design Driven"), a fixed transparent navbar (Home, About, Content, Services, Contact), and a subtle scroll-down indicator for smooth entry into the page. Projects / Portfolio Grid A responsive masonry-style project grid displaying multiple luxury property/architecture case studies, each with a featured image, category label, project title, short description, and a "Learn More" link — ideal for showcasing a design or real estate portfolio. Services Section A 6-card icon-based services layout (Consulting, Business Services, Solutions & Management, Customer Service, Residency Projects, Fund Services) with clean line icons, concise descriptions, and "Learn More" CTAs, plus carousel navigation dots for additional service slides. Contact / Lead Capture Section A two-column "Property & Contact" section pairing a bold editorial headline with a minimal contact form (Name, Email, Contact button) — built for lead generation. : A dark, structured footer with sitemap-style navigation (About Us, Design, Information, Contact) and a login CTA button. 🛠️ Tools & Tech Used Framer (no-code responsive web design & CMS) Framer's built-in animation & scroll interactions Responsive/auto-layout grid systems Custom typography pairing (serif display + clean sans-serif body) Component-based design (reusable cards, buttons, nav)
5
244
Cover image for 🚨 Big reveal on the
🚨 Big reveal on the skyline! 🚨 I build custom, animated, and fully responsive portfolio websites — no templates, no shortcuts, 100% built from scratch. ✅ Custom design tailored to you ✅ Fully responsive (Mobile / Tablet / PC) ✅ Modern UI/UX with smooth animations Ready to unveil your own standout portfolio? Let's work together 👇 https://fiverr.com/createdbysaif
0
50
Cover image for 🖤 Velaro — Technical Architecture 🔗
🖤 Velaro — Technical Architecture 🔗 Live Website https://saif-velaro-clothing-brand.netlify.app 📌 Overview Velaro is a single-page application (SPA) for a fashion/clothing brand, built with React + TypeScript, bundled by Vite, and styled with Tailwind CSS. The entire UI renders on one HTML page and updates dynamically as the user scrolls, searches, or interacts with the cart — no full page reloads. The architecture follows a standard modern frontend pattern: a single entry point boots the app, a root App component composes independent section components, and a global context manages shared state (the shopping cart) across all of them. ⚙️ Build & Tooling Layer These files configure how the project compiles, lints, and runs — they aren't part of the visible website, but control everything behind it. vite.config.ts — Configures Vite, the build tool/dev server. Defines how .tsx/.ts files are compiled, how the dev server runs (npm run dev), and how the production bundle is generated (npm run build). tsconfig.json — Root TypeScript config — points to the two more specific configs below via project references. tsconfig.app (http://tsconfig.app).json — TypeScript rules specifically for the application code in src/ (JSX handling, module resolution, strictness, the @/ path alias). tsconfig.node.json — TypeScript rules for Node-context files (like vite.config.ts itself), since those run outside the browser. tailwind.config.js — Configures Tailwind CSS — defines the design system (colors, spacing, fonts) and which files Tailwind scans to generate only the CSS classes actually used. postcss.config.js — Configures PostCSS, the tool that processes Tailwind's output and applies vendor prefixing/optimization during build. eslint.config.js — Defines linting rules — catches code-quality issues, unused variables, and React/TypeScript best-practice violations during development. package.json — Lists all dependencies (React, Vite, Tailwind, etc.) and defines the npm scripts (dev, build, preview). package-lock.json — Locks exact dependency versions so the build is reproducible across machines. .gitignore — Tells Git which files/folders to exclude from version control (e.g. node_modules, dist). index.html — The single real HTML file. Contains a root <div> that React mounts into — everything else is injected by JavaScript. dist/ — Auto-generated production build output (plain HTML/CSS/JS) created by npm run build. This is the folder actually deployed to Netlify. node_modules/ — Auto-generated folder holding all installed dependencies (created by npm install, never edited manually). 🚪 Application Entry & Root src/main.tsx — The true entry point of the app. Imports React, imports App.tsx, and mounts it into the <div> inside index.html. This is the first application code that runs. src/App.tsx — The root component. Doesn't contain page content itself — instead it imports and arranges every section component (Navbar, Hero, About, etc.) in order, and wraps everything in the CartProvider so cart state is available app-wide. src/index.css — Global stylesheet — imports Tailwind's base/utility layers, applied once at the root so every component can use Tailwind classes. src/vite-env.d.ts — TypeScript type declarations for Vite-specific features (like importing images/CSS as modules) — lets TypeScript understand syntax that isn't standard JavaScript. 🛒 State Management src/cart.tsx — Implements the CartProvider, a React Context that holds global cart state (items, quantities, totals) and exposes functions to add/remove items. Any component wrapped inside it (via App.tsx) can read or update the cart without prop-drilling. src/data.ts — Static data module — likely product listings, collection info, or other content consumed by components like FeaturedCollection and Showcase, kept separate from UI logic. 🧱 Component Layer (src/components/) Each file is a self-contained, single-responsibility UI section. App.tsx stacks them vertically to form the full page. Navbar.tsx — Persistent top navigation — branding, menu links, and likely triggers for search/cart. Hero.tsx — The primary landing banner — headline, tagline, and call-to-action (e.g. "Shop Collection"). HeroCanvas.tsx — A visual/animated layer paired with Hero.tsx — likely a canvas-based or decorative background effect behind the hero text. FeaturedCollection.tsx — Renders a curated set of products, pulling structured data from data.ts. About.tsx — Brand-story section — static content describing the label's identity. Lookbook.tsx — A style/editorial gallery — visually presents outfits or campaign imagery. Showcase.tsx — An additional highlight section, likely for a specific collection, drop, or promotional content. Testimonials.tsx — Displays customer reviews/social proof. Newsletter.tsx — Email capture form/section for marketing signups. SearchOverlay.tsx — A modal/overlay component for in-site product search, toggled from the Navbar. CartDrawer.tsx — A slide-out panel UI that reads from the CartProvider (cart.tsx) to display current cart items and totals. Footer.tsx — Bottom-of-page section — links, contact details, social icons. 🔄 How It All Connects (Data Flow) The browser loads index.html, which pulls in the compiled JS bundle. main.tsx runs first and mounts App.tsx into the page. App.tsx wraps all sections in CartProvider, so cart state is shared without passing props down manually through every component. Each section component renders independently — some are purely static/presentational (About, Footer), while others are interactive and tied into shared state (CartDrawer, SearchOverlay). Tailwind classes used throughout every component are compiled once into index.css based on what's scanned via tailwind.config.js. On npm run build, Vite compiles and bundles all of this into optimized static files inside dist/ — which is what gets deployed to Netlify and served to visitors. 🧠 Why This Structure Works Separation of concerns — each component owns one visual section; layout composition happens only in App.tsx. Centralized state — cart logic lives in one file (cart.tsx) instead of being duplicated across components. Data/UI separation — data.ts keeps content separate from rendering logic, making it easy to update products without touching component code. Type safety — TypeScript configs enforce consistent typing across the whole src/ folder, catching errors before runtime. Optimized output — the dev-only tooling (Vite, Tailwind, ESLint, TS configs) never ships to production; only the final compiled dist/ bundle is deployed.
0
55
Cover image for StreamPro — Brand Website for
StreamPro — Brand Website for a Live Event Broadcasting Studio Live Website: saif-stream-pro-website.netlify.app (http://saif-stream-pro-website.netlify.app) What I built😍 A fully responsive, mobile and web based single-page marketing website for StreamPro, a Brisbane-based live-streaming production studio that broadcasts memorial services, weddings, sports events, and community occasions. The site was designed and developed from scratch to establish a premium, trustworthy brand presence and convert visitors into booking inquiries — working seamlessly whether accessed from a phone, tablet, or desktop. What it does🙌 The website guides visitors through a structured narrative — introducing the brand, building credibility, showcasing services, explaining the booking process, displaying social proof, and closing with a direct contact/quote form. It's built to load fast, adapt fluidly across mobile and web based environments, and feel as polished and reliable as the broadcast service it's selling. Core concepts & techniques applied💯 Semantic document structure — content organized into meaningful, accessible sections rather than generic divs, improving both SEO and screen-reader usability. Design system / design tokens — a centralized set of reusable variables (colors, gradients, typography, spacing) so the entire visual identity stays consistent and can be updated globally from one place. Responsive, mobile-first layout design — fluid grids and breakpoints so the layout adapts smoothly across mobile and web based screens without needing separate versions. Scroll-based interactivity — dynamic navbar states, scrollspy navigation (highlighting the active section as the user scrolls), and progressive scroll-reveal animations for content. DOM manipulation & event handling — mobile menu toggling, animated statistic counters, and form interaction logic, all built with vanilla JavaScript (no frameworks). Accessibility considerations — visible focus states, reduced-motion support for users sensitive to animation, and descriptive alt text on all imagery. Brand identity integration — a custom 3D gradient logo mark and supporting visual graphics applied consistently across the navigation, hero section, and footer to reinforce brand recognition. Conversion-focused UX — strategic placement of trust signals (stats, testimonials, direct phone contact) and a structured lead-capture form to turn visitors into inquiries. Outcome🚀 A performant, framework-free static website that's lightweight, cheap to host, easy to maintain, fully mobile and web based responsive, and built entirely around fundamental web development principles — structure, styling systems, interactivity, accessibility, and conversion design.
0
99
Low-Code/No-Code Developer(1)
Pir Ahsan Raza's avatar
Pir Ahsan Raza
Islamabad, Pakistan
Automation Engineer | n8n | Voice Agent | Python | Web dev
New to Contra
Automation Engineer | n8n | Voice Agent | Python | Web dev
Cover image for I built an n8n (https://www.linkedin.com/company/n8n/)
I built an n8n (https://www.linkedin.com/company/n8n/) community node for Plausible Analytics from scratch
2
108
Cover image for Identified a server side discount
Identified a server side discount enforcement vulnerability in Name.com (http://Name.com)'s GitHub Student Pack integration. Developed a PoC confirming unlimited free domain redemptions post-OAuth verification.
1
18
Cover image for Built a complete On-boarding pipeline
Built a complete On-boarding pipeline + Match Alert for Investors and Founders and Mail Hot leads directly to CEO of Owlvest. Workflow on n8n, stored all data in google sheets, form was built with tally.so.... #n8n #Automation
1
48
Cover image for Just finished Webflow project for
Just finished Webflow project for @Greydots!
1
49
Low-Code/No-Code Developer(1)