# mdsaban.com — Full Site Guide

Md Saban is a web developer based in Bengaluru, India. This personal website showcases his technical blog posts, open-source packages, side projects, and contact information.

## Primary Pages

### Home (https://mdsaban.com/)
Personal homepage with hero section, open source contributions, open source projects, and past project work. Includes interactive email copy button, company logos, and GSAP scroll animations.

### About (https://mdsaban.com/about/)
Detailed about page with photos, videos (skating, pool, running, paragliding), Strava embed, Instagram link, and fun facts about Md Saban.

### Projects (https://mdsaban.com/projects/)
Projects and works page (currently a stub).

### Contact (https://mdsaban.com/contact/)
Contact page (currently a stub).

### Code Runner (https://mdsaban.com/code-runner/)
Interactive CSS code editing game where characters run across the screen and can be eaten by bugs. Built as a fun side project.

### Links (https://mdsaban.com/links/)
Social links page with YouTube, GitHub, LinkedIn, Twitter, and website links using deep-linked app opening.

## Blog Posts (https://mdsaban.com/posts/)

### Best Vue 3 Tabs Components Compared [2026] (https://mdsaban.com/posts/best-vue-tabs-components/)
Comprehensive comparison of Vue 3 tabs components: super-vue3-tabs, vue3-tabs-component, PrimeVue TabView, and DIY approach. Includes feature matrix, code examples, npm stats, and recommendations. Published 2026-05-30.

### Vue 3 Teleport Guide — Examples, Disabled Prop & Scoped Styles (https://mdsaban.com/posts/vue-teleport-component/)
Complete guide to Vue 3 Teleport with code examples covering the Teleport component, 'to' attribute, disabled prop, scoped styles, modal dialogs, programmatic usage via createTeleport, and references. Published 2026-05-30.

### Nuxt vs Vue: Which Framework Should You Choose? (https://mdsaban.com/posts/nuxt-vs-vue/)
Comprehensive comparison of Nuxt.js vs Vue.js covering CSR, SSR, SSG concepts, routing differences, file structure, plugins, and when to use each framework. Published 2026-05-30.

### Vue 3 Ref vs Reactive — What to Use When (https://mdsaban.com/posts/vue-ref-vs-reactive/)
In-depth guide on ref vs reactive in Vue 3 with practical code examples. Covers shallowRef, Vue 2 vs Vue 3 reactivity comparison, and best practices. Published 2026-05-30.

### Instagram Follower Count iPhone Shortcut (https://mdsaban.com/posts/insta-count-shortcut/)
How to create an iPhone shortcut that updates your lock screen wallpaper with your Instagram follower count every 10 minutes. Includes creative use cases for step counting, habit tracking, and more. Published 2024-12-07.

## Open Source Packages

### super-vue3-tabs (https://mdsaban.com/packages/super-vue3-tabs-component/demo/)
A lightweight, zero-dependency Vue 3 tabs component for creating tabbed interfaces. Features: customizable theme colors via prop, disabled tabs support, icon slots, sliding tabs for limited space, v-model binding, TypeScript support. npm: `npm install super-vue3-tabs`. GitHub: https://github.com/mdsaban/super-vue3-tabs. npm registry: https://www.npmjs.com/package/super-vue3-tabs

### github-boost (https://mdsaban.com/packages/github-boost/)
Chrome extension that simplifies GitHub code reviews. Features: dim viewed files, show remaining lines of code, auto-view files based on regex patterns, collapse/uncollapse all files. Available on Chrome Web Store. GitHub: https://github.com/mdsaban/github-boost

### universal-app-opener (https://www.npmjs.com/package/universal-app-opener)
A zero-dependency JavaScript library that converts HTTP URLs (YouTube, LinkedIn) into native mobile deep links. npm: `npm install universal-app-opener`. GitHub: https://github.com/mdsaban/universal-app-opener

### aptus-vs-code (https://marketplace.visualstudio.com/items?itemName=saban.aptus-vs-code)
A VSCode extension providing a Notion-like notebook editor for notes, todos, and work tracking. GitHub: https://github.com/mdsaban/aptus-vs-code

## Open Source Contributions
Md Saban has contributed to:
- Karakeep (bookmark-everything app with AI tagging)
- Yoopta Editor (Notion-like editor framework)
- Nocodb (open source Airtable alternative)

## Contact
- Email: contact@mdsaban.com
- LinkedIn: https://www.linkedin.com/in/iamsaban/
- Twitter/X: https://twitter.com/iamsaban
- GitHub: https://github.com/mdsaban