Skip to content
View Developer-Zahid's full-sized avatar
39 followers · 2 following

Achievements

Achievement: Pull SharkAchievement: Pair ExtraordinaireAchievement: YOLOAchievement: Starstruck

Achievements

Achievement: Pull SharkAchievement: Pair ExtraordinaireAchievement: YOLOAchievement: Starstruck

Block or report Developer-Zahid

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Developer-Zahid/README.md

👋 Hi, I'm Zahid @Developer-Zahid

Front-End Web Designer & Developer · Webflow Specialist

I build fast, accessible, SEO-ready websites, and the tools that make building them faster.

LinkedIn WhatsApp Email X Facebook YouTube CodePen

About Me

  • Focused on front-end web design & development, with deep expertise in the Webflow ecosystem: CMS, API, Cloud, Localization, MCP and automation.
  • I build Webflow apps, Chrome extensions and free web tools that solve real problems for designers and developers.
  • I care about clean semantic markup, accessibility, schema markup and on-page SEO.
  • Currently learning: Prompt Engineering, Advanced JavaScript Libraries, Advanced CSS

Tech Stack

Webflow

Webflow Advanced CMS Webflow MCP Webflow API Optimize Localization Webflow Cloud Webflow Automation Tools Webflow App Development Webflow Chrome Extensions

Frameworks

Next.js React Astro Nuxt Vue.js Svelte

Animation & Interaction

GSAP Anime.js Three.js CSS Animations LottieFiles Spline Motion

Quality & SEO

W3C Semantic Markup Web Accessibility Schema Markup On-Page SEO

Languages & Styling

HTML5 CSS3 SCSS JavaScript jQuery Bootstrap Tailwind CSS

Tooling & Integrations

Git Gulp API Integration Finsweet Attributes Chrome Extensions HTML Email Signatures

My Published Chrome Extensions

Extension What it does
Breakpoint Remover for Webflow Removes extra custom breakpoints in the Webflow Designer
Attribute Class Enhancer for Webflow Speeds up working with attributes and classes in Webflow
Video Information Extractor for Webflow Extracts video information for use in Webflow projects

My Free Web Tools

Tool What it does
HTML to Webflow Converter Converts HTML and CSS markup into Webflow-ready elements
Meta Head Tag Builder Generates SEO, Open Graph, Twitter and JSON-LD head tags
Fluid Typography Generator Creates fluid, viewport-scaled type sizes with CSS
CSS :nth-child() Sequence Generator Builds :nth-child() selectors for repeating sequences
CSS Aspect Ratio Calculator Calculates aspect ratios and outputs the CSS
Code Minifier & Obfuscator Minifies and obfuscates HTML, CSS and JavaScript
Brand Previewer Previews how a brand's assets look in different platforms
Stripe Mask Reveal Generator Generates staggered stripe image-reveal animations as code

Featured Work

Project Short Description
Usarion Design and build agency for SaaS and AI teams.
Filllo Complete digital design agency
Full Court Modern ecommerce helpdesk
Leading Cards Secure virtual cards for media buyers & advertisers
Don't Die Summit (clone) Webflow recreation of the Don't Die Summit website
Classica (Dribbble clone) Webflow recreation of a Dribbble design

Websites & Landing Pages

Name Live URL
Fabby She fabby-she.netlify.app
A2 Exterminators developer-zahid.github.io/A2-Exterminators
Greenville Outdoor Living developer-zahid.github.io/Greenville-Outdoor-Living
Hop Business developer-zahid.github.io/Hop-Business-Landing-Page
Kacper XP kacper-xp-website.netlify.app
TR Telecoms tr-telecoms-website.netlify.app
CryptoKitties (clone) cryptokitties-clone.netlify.app
Clickdown clickdown.netlify.app
SDOC sdoc-dev-z.netlify.app
Source Raffles source-raffles-dev-z.netlify.app
Valcartier valcartier.netlify.app
Pure Living developer-zahid.github.io/Pure-living
Influencer (animated) influencer-animated-dev-z.netlify.app
Kaff Coffee Webshop kaff-coffee-webshop.netlify.app
Ourformation ourformation.netlify.app
Business Landing business-landing-dev-z.netlify.app
DGTALSPACE dgtalspace-landing-page.netlify.app
EEE eee-dev-z.netlify.app
App Name app-name-dev-z.netlify.app
Kids Play Ground kids-play-ground.netlify.app
6ixGuns 6ixguns-dev-z.netlify.app
Small Event Website small-event-website.netlify.app
Clothy (clone) clothy-clone.netlify.app
Blvck Tumbler blvck-tumbler-dev-z.netlify.app
ABC Landing developer-zahid.github.io/ABC-landing
Pharm Web Template pharm-web-template.netlify.app
Engineering Consultancy engineering-consultancy.netlify.app
Novecology Design new-novecology-design.netlify.app
Renovation renovation-dev-z.netlify.app
Eco Property eco-property-dev-z.netlify.app
Car Repair car-repair-dev-z.netlify.app
Vanguard Motors vanguard-motors-dev-z.netlify.app
Portfolio (LEDP) portfolio-ledp-project.netlify.app
Kerstfesst kerstfesst-dev-z.netlify.app
Coming Soon Page common-coming-soon-page.netlify.app
Error Page Template common-error-page.netlify.app

Animations, Sliders & UI Experiments

Name Live URL
GSAP Motion Intro gsap-motion-intro.netlify.app
GSAP Split & Scramble Text developer-zahid.github.io/GSAP-Split-and-Scramble-Text-Effect
Fruity Hero Slider fruity-hero-slider.netlify.app
jQuery Stacking Card Slider developer-zahid.github.io/JQuery-Stacking-Card-Slider
CSS Impossible Carousel css-impossible-carousel.netlify.app
Chatbase Features Slider (clone) developer-zahid.github.io/Chatbase-Features-Slider-Clone
V7 Labs Team Slider (clone) developer-zahid.github.io/V7-Labs-Team-Slider-Clone
Clipy & Splity Slider developer-zahid.github.io/Clipy-and-Splity-Slider
Filter Sliders developer-zahid.github.io/Filter-Sliders
Timeline Animation timeline-animation-dev-z.netlify.app
CSS macOS Dock Hover developer-zahid.github.io/CSS-MacOS-Dock-Hover
Huly Gradient Glow Border developer-zahid.github.io/Huly-Animated-Gradient-Glow-Border
CSS View Transitions developer-zahid.github.io/CSS-View-Transitions-Effect
Intersection Observer intersection-observer-dev-z.netlify.app
Vanilla Typed.js vanilla-typed-js.netlify.app
CSS Magic Camera css-magic-camera-dev-z.netlify.app
CSS Helicopter css-helicopter.netlify.app
CSS Theme Toggler css-theme-toggler.netlify.app
CSS-Only Skeleton Sprite Game developer-zahid.github.io/CSS-Only-Skeleton-Sprite-Sheets-Game
Number Guess Game number-guess-game-dev-z.netlify.app
Typewriter Effect (plugin) github.com/Developer-Zahid/TypewriterEffect
CSS only Animated CTA Button codepen.io/DeveloperZahid/full/ogjoXPa
Ribbon Infographic Animation
using GSAP		 codepen.io/DeveloperZahid/full/raOzJQK

GitHub

GitHub followers Repositories

Let's work together

Have a Webflow or front-end project in mind? Message me on LinkedIn or email me.

Popular repositories Loading

  1. cryptokitties cryptokitties Public

    CryptoKitties clone | Cryptocurrency type website

    HTML 18 8

  2. coming-soon-page coming-soon-page Public

    A common coming soon page html template

    HTML 12 25

  3. css-impossible-carousel css-impossible-carousel Public

    This is a HTML & CSS based carousel. When a user click on previous and next slide images, then carousel going to start manually.

    CSS 12

  4. Timeline-Animation Timeline-Animation Public

    This is a Creative Progressbar Timeline Animation with only CSS no Javascript or Jquery

    HTML 11 4

  5. ClickDown ClickDown Public

    This is a clickup website homepage clone for practice purpose 😇

    HTML 9

  6. Valcartier Valcartier Public

    Valcartier is a Digital Marketing Services Website

    JavaScript 8