Skip to content

alazndy/GTab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GTab: Elite Personal Productivity Dashboard

GTab Logo

Release Tech Performance Design

GTab is a premium, high-performance "New Tab" browser extension designed for power users who demand speed, aesthetics, and total control over their digital workspace.


🚀 What's New in v4.3.0 (The Widget Era)

  • 🌦️ Weather Widget: Real-time weather data via Open-Meteo API. Automatic location detection with 30-minute caching.
  • ⏱️ Pomodoro Widget: Stay focused with 25/5/15 minute sessions, visual SVG progress ring, and browser notifications.
  • 🎵 Spotify Widget: Control your music directly from the dashboard. OAuth integration for playback and "Now Playing" status.
  • ✅ Google Tasks API: Completely rewritten Tasks integration using the official REST API for better reliability and real-time sync.
  • 📝 Quick Notes: A lightweight local notes widget replacing the iframe-restricted Google Keep.
  • 📦 Dual-Edition Build System: We now offer separate builds for Personal use and Chrome Web Store compliance.

🏗️ Release Editions

To maintain power-user features while complying with Chrome Web Store's strict privacy policies, GTab is now built in two editions:

🌟 Personal Edition (Unpacked)

  • Built for: Maximum power and features.
  • Permissions: gmail.readonly (Full email snippets and content reading).
  • How to use: pnpm build -> Load dist/ folder manually in Developer Mode.

🏪 Store Edition (Production)

  • Built for: Chrome Web Store compliance and security.
  • Permissions: gmail.metadata (Header-only access for privacy).
  • How to use: pnpm build:store -> Load dist-store/ folder or download from the store.

🌟 Core Features

🧩 Pro Widget Suite

  • Dynamic Clock: Ultra-customizable glassmorphic time/date display with precision layout controls.
  • Tasks Sidebar: A minimalist, high-velocity To-Do engine integrated directly into your workspace.
  • Omni-Search: Unified search bar supporting global engines with instant keyboard-shortcut access.
  • Grid Engine: Reorder and resize widgets using our advanced drag-and-drop layout manager.

🔗 Advanced Shortcut Management

  • Intelligent Grouping: Organize your digital universe with nested folders and visual category grouping.
  • Multi-Profile Aware: Deep support for profile-specific URLs (e.g., automated authuser management for Google/YouTube accounts).
  • Elite Favicon Caching: Instant shortcut loading via an optimized visual asset layer.
  • Dynamic Filtering: Find what you need instantly with a real-time, fuzzy-search filter bar.

🎨 Design & Personalization (Glassmorphism First)

  • Aperture (Portal) Theme: Premium theme inspired by modern sci-fi aesthetics.
  • Dynamic Backgrounds: High-resolution presets, solid minimalist colors, or daily random high-fidelity imagery.
  • Premium Typography: Utilizing Geist Sans and modern font stacks for maximum readability.
  • Interactive Micro-Animations: Fluid transitions and hover effects powered by Framer Motion.

⚡ Engineering & Performance

GTab is zero-compromise on speed. We've optimized the rendering pipeline to handle thousands of items with sub-millisecond lag.

  • React 19 Concurrent Mode: Leveraging the latest React features for non-blocking UI updates.
  • Atomic State Management: Efficient data flow that prevents unnecessary re-renders in deep component trees.
  • Zero-Overhead Favicons: Background pre-fetching and module-level Map caching.
  • Vite 6 Build Pipeline: Optimized chunking for near-instant extension loading.

🛠 Tech Stack

  • Framework: React 19 (TypeScript)
  • Styling: Tailwind CSS v4 (Alpha/v3 compatible) + Custom CSS Variables
  • Icons: Heroicons (Customized for premium interaction)
  • Build Tool: Vite 6
  • Runtime: Chrome/WebExtension APIs (Manifest V3)

📦 Getting Started

Installation

  1. Download the latest release from the Releases page.
  2. Open Chrome/Edge and navigate to chrome://extensions.
  3. Enable Developer Mode (top right).
  4. Drag and drop the .zip file into the extensions page OR extract and use "Load unpacked".

Development

# Clone the repository
git clone https://github.com/alazndy/GTab.git

# Install dependencies using pnpm
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

💎 Support & Contribution

GTab is an open-source project aimed at creating the ultimate productivity dashboard.


Developed with ❤️ by Antigravity & Jules

About

Modern Web Start Page & Home Tab. Minimalist design with customizable shortcuts and T-Ecosystem widgets.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages