Hi, I'm Aziz Khan Web Designer / Developer and 3D Artist
I create stunning digital experiences that combine beautiful design with cutting-edge technology for clients worldwide.
About Me
Aziz Khan
Web Developer/Designer & Graphic Artist 2D/3D
I specialize in crafting visually stunning websites and immersive 2D/3D designs that transform ideas into unforgettable digital experiences.
My Skills
sunrise300@gmail.com
Phone
N/A
My Services
I offer a wide range of services to help bring your vision to life, from web development to graphic design and 3D modeling.
Web Development
Custom website development using the latest technologies to create responsive, user-friendly, and high-performing websites.
Request ServiceUI/UX Design
Creating intuitive and engaging user interfaces with a focus on user experience to ensure your digital products are both beautiful and functional.
Request Service3D Modeling & Design
Professional 3D modeling and design services for product visualization, architectural rendering, game assets props design and more.
Request Service2D Graphic Design
Creative graphic design services including logo design, branding, marketing materials, social media graphics, and more.
Request ServiceAnimation
Engaging 2D and 3D animations for websites, marketing campaigns, explainer videos, product demonstrations, and more.
Request ServiceBrand Identity
Comprehensive brand identity development including logo design, color schemes, typography, brand guidelines, and more.
Request ServiceMy Portfolio
Explore my latest projects and creative works across web development and graphic design.
Aziz Khan | Video Downloader
Aziz Khan | Video Downloader A modern, feature-rich web application that allows users to download videos from various platforms by simply pasting a URL. This application features an elegant UI with interactive particle animations and supports multiple video platforms. Features Multi-Platform Support: Download videos from YouTube, Twitter, Instagram, Facebook, TikTok, Vimeo, and more Format Options: Choose between MP4 video or MP3 audio downloads Quality Selection: Select from available quality options for each video Interactive UI: Modern interface with particles animation that responds to mouse movements Video Information Display: Shows thumbnail, title, duration, and available formats New Window Downloads: Opens downloads in a new window for better user experience Error Handling: Robust error handling with informative messages Responsive Design: Fully responsive layout that works on all devices Dark/Light Mode: Toggle between dark and light themes with theme-specific particles Timeout Prevention: Improved handling of download timeouts Visual Features Interactive Particles Background: Particles that are attracted to the mouse pointer Modern Gradient Design: Sleek gradient backgrounds that change with dark/light mode Animated UI Elements: Subtle animations for cards, buttons, and interactive elements Custom Typography: Enhanced typography with gradient text effects Glass Morphism Effects: Modern transparent/blurred UI components Tech Stack Frontend: React 19 with hooks and functional components Material-UI for component styling particles.js for interactive background CSS animations and transitions Backend: Express.js server ytdl-core for YouTube downloads youtube-dl-exec as fallback for multi-platform support
Aziz Khan's Personal CMS Portfolio
Aziz Khan's Personal CMS Portfolio A modern, galaxy-themed portfolio website built with Next.js 15.3.3, featuring 3D models, interactive animations, data visualizations, and a comprehensive content management system. 🌟 Features Galaxy-themed Design: Dark background with blue/purple accents and neon glow effects Interactive 3D Models: Three.js integration with rotating 3D models using React Three Fiber Particle Background: Animated starfield with interactive particles D3.js Data Visualization: Interactive bar chart race showing global brands evolution from 2000-2025 Responsive Design: Fully mobile-friendly using Tailwind CSS Modern Typography: Poppins for headings, Inter for body text Smooth Animations: AOS (Animate On Scroll) integration for scroll-triggered animations Contact Form: Functional contact form with validation Blog Section: Latest posts with newsletter signup Portfolio Showcase: Filterable project gallery 🚀 Tech Stack Framework: Next.js 15.3.3 with App Router Styling: Tailwind CSS 3.4.0 3D Graphics: Three.js 0.177.0 with React Three Fiber 9.1.2 and Drei 10.1.2 Data Visualization: D3.js 7.9.0 Particles: tsparticles 3.8.1 Animations: AOS 2.3.4 (Animate On Scroll) Typography: Google Fonts (Poppins, Inter) Language: TypeScript 5 📁 Project Structure src/ ├── app/ │ ├── globals.css # Global styles and theme │ ├── layout.tsx # Root layout with fonts and AOS provider │ └── page.tsx # Main page component ├── components/ │ ├── AOSProvider.tsx # Animation provider │ ├── Navbar.tsx # Sticky navigation │ ├── Hero.tsx # Hero section with 3D model │ ├── WhatWeOffer.tsx # Services overview │ ├── Services.tsx # Detailed services │ ├── Portfolio.tsx # Project showcase │ ├── D3BarChart.tsx # Interactive data visualization │ ├── Blog.tsx # Blog posts section │ ├── CTA.tsx # Call to action │ ├── Contact.tsx # Contact form │ ├── Footer.tsx # Site footer │ └── ParticleBackground.tsx # Animated background └── types/ └── aos.d.ts # Type declarations 🎨 Design System Colors Background: #0a0a1a (Dark galaxy) Primary: #6366f1 (Indigo) Secondary: #8b5cf6 (Purple) Accent: #06b6d4 (Cyan) Typography Headings: Poppins (Bold, Modern) Body: Inter (Clean, Readable)
Pixel and Code Agency Website
Pixel and Code Agency Website A modern, responsive agency website built with Next.js 13+, TypeScript, and Tailwind CSS. Overview This website serves as the online presence for Pixel and Code, a digital agency offering web design, app development, branding, and digital marketing services. The site features a modern UI with responsive design, accessibility features, and SEO optimization. Features Layout Components Header: Modern navigation with sticky mode that changes to blue background when scrolling Footer: Comprehensive footer with company info, quick links, services, contact details, social media icons, and legal links Pages and Components Home Page Hero Section: Eye-catching headline, CTA buttons, animated stars background, and 3D model image Value Proposition: Company offerings and key value points Featured Services: Multiple services with icons and descriptions Testimonials: Client quotes and logos Call to Action: Strong CTA section About Us Page Company Story: Mission, vision, and history Team Section: Key team members with bios and social links Achievements: Awards, recognition, and growth metrics Services Page Service Detail: Features, benefits, and pricing for each service Case Studies: Portfolio items with results All service offerings (Web Design, App Development, Branding, Digital Marketing) on a single page with jump links Contact Page Contact Form: Fields for name, email, phone, subject, and message Contact Info: Address, phone, email, and business hours Map Location: Office location using Leaflet Live Chat: Real-time support option FAQ Page FAQ Section: Categorized questions and answers Contact Support: Email, chat, and phone support options Blog Page Blog Post Cards: Blog post previews Blog Categories Nav: Filter posts by category Blog Subscribe: Newsletter signup Individual Blog Posts: Detailed articles with related content Technologies Framework: Next.js 13+ Language: TypeScript Styling: Tailwind CSS UI Components: Radix UI (NavigationMenu) Maps: Leaflet for location display Development: Turbopack for faster development
3D Model Viewer
3D Model Viewer A modern, feature-rich 3D model viewer built with Next.js and Three.js. This application allows users to view and interact with various 3D model formats with an intuitive user interface and extensive customization options. Features Multiple File Format Support: View 3D models in .fbx, .obj, .glb, .gltf, .3ds, and .dae formats Drag and Drop Interface: Easily load models by dragging and dropping files Automatic Camera Focus: Camera automatically focuses on imported 3D models Reset View Button: Easily reset the camera view to focus on the model Intelligent Model Scaling: Automatically scales models to a reasonable size for better viewing Display Properties: Toggle background color Enable/disable auto-rotation View models in wireframe mode Show/hide skeleton Toggle grid visibility Enable/disable screen space pan Lighting Settings: Choose from multiple environment presets Adjust exposure Control punctual lights Customize ambient intensity and color Modify direct light intensity and color Performance Settings: Select render quality (low, medium, high) Toggle shadows Enable/disable anti-aliasing About Page: Information about the application and its features Footer: Links to developer website and about page
72
Web Development
258
Graphic Designing
198
3D Work
60
Animation
Get in Touch
please feel free to contact me if you want to ask work related.