Chaos Tab

CHAOS TAB - Transform Your New Tab Into a Mesmerizing Productivity Hub Experience the perfect fusion of beauty and functionality. Chaos Tab replaces your browser's new tab with a stunning double pendulum physics simulation while providing powerful productivity tools—all in one elegant, synchronized interface. 🌀 MESMERIZING PHYSICS SIMULATION Watch chaos theory come to life with an interactive double pendulum that exhibits truly chaotic behavior. Despite having only two moving parts, its motion is highly sensitive to initial conditions—a hallmark of chaos theory that makes long-term prediction impossible. - Real Hamiltonian mechanics with Runge-Kutta integration - Drag the pendulum bobs to set custom initial conditions - Beautiful trail visualization showing the chaotic path - Live angular momentum graph in real-time - Smooth 60 FPS animation with optimized rendering - Adjustable parameters: mass, speed, gravity - Pause/resume with spacebar - Elegant 12-hour clock with AM/PM display 📝 RICH TEXT NOTES Take notes with a lightweight WYSIWYG editor powered by Pell (only 5KB!): - Bold, italic, underline, strikethrough formatting - Headings (H1, H2), lists, quotes, code blocks - Keyboard shortcuts (Ctrl+B, Ctrl+I, etc.) - Auto-save as you type (500ms debounce) - Mobile-friendly touch interface - Syncs across all your devices automatically ✅ SMART TO-DO LIST Organize your tasks with a powerful, priority-based to-do system: - Quick add with Enter key or + button - Three priority levels (High/Medium/Low) with color coding - Click priority badge to cycle through levels - Filter by status (All/Active/Completed) - Filter by priority level - Context menu integration: - Right-click selected text → "Add to To-Do List" - Right-click any link → "Add Link to To-Do List" - Auto-detect and linkify URLs - Real-time sync across all tabs and devices 🔖 BOOKMARKS MANAGER Access all your Chrome bookmarks in one beautiful, searchable interface: - View all bookmarks in organized list - Fast search by title or URL - Beautiful favicons for visual recognition - Domain display for quick identification - Click to open in new tab - Auto-updates when bookmarks change - Recursive folder support 🎨 CUSTOM WIDGETS Create your own personalized widgets with full HTML, CSS, and JavaScript support: - Visual code editor with syntax highlighting (Prism.js) - Three separate tabs for HTML, CSS, JavaScript - Drag widgets anywhere on screen - Resize with corner and edge handles - Snap to grid layout (80px cells) - Minimize/maximize to hide or show widgets - Edit widget code anytime - Shadow DOM isolation for safe rendering - All widgets sync across devices Example uses: - Live clocks and timers - Weather displays - Quick calculators - Color palette references - API testers - Custom dashboards - Anything you can code! 🖼️ IMAGE GALLERY Save and organize images from any webpage with a beautiful gallery interface: - Right-click any image → "Save to Chaos Gallery" - Date-based grouping (Today, Yesterday, day names, dates) - Full-screen carousel viewer with keyboard navigation - Download individual images or bulk download by date - Floating download button on each image - Auto-refresh when opening tray or gallery tab - Source tracking (remembers which page images came from) - Beautiful responsive grid layout - Delete images individually or clear all at once - Local storage for instant access Navigate the carousel with: - Arrow keys (← →) to move between images - ESC key to close - On-screen navigation buttons - Image counter showing position 🌐 ONLINE STATUS INDICATOR Real-time connection monitoring in the top-left corner: - Green glowing dot with pulse animation when online - Red static dot when offline - Automatic status updates - Glassmorphic pill design - Matches the zinc theme perfectly 🎯 WHY CHOOSE CHAOS TAB? BEAUTIFUL & FUNCTIONAL Every new tab is a visual treat with the mesmerizing double pendulum, while powerful productivity tools keep you organized. PRIVACY-FOCUSED - Zero data collection - No external requests - No analytics or tracking - All computation happens locally - Your data stays on your device - Optional Chrome Sync (encrypted by Google) FULLY SYNCHRONIZED - Pendulum state syncs perfectly across all tabs - Notes update in real-time everywhere - Todo items appear instantly across devices - Widget positions sync automatically - Tray state (open/closed) syncs - Everything backed up to your Google account PROFESSIONAL DESIGN - Zinc color palette - dark, elegant, professional - Glassmorphism effects with backdrop blur - Purple accents (#8b5cf6) throughout - Lucide icons - modern, clean, scalable - Smooth 60 FPS animations - Responsive design for all screen sizes - Touch-optimized for tablets LIGHTWEIGHT & FAST - Total size: ~35KB (compressed) - Load time: <100ms - Memory usage: ~15MB - CPU usage: <1% idle, ~5% animating - No build process required - Pure JavaScript, no frameworks 🛠️ TECHNICAL EXCELLENCE Built with modern web technologies: - Manifest V3 (latest Chrome extension standard) - Pell Editor (5KB WYSIWYG editor) - GridStack.js (professional grid layout) - Prism.js (syntax highlighting) - Lucide Icons (modern icon library) - Shadow DOM (isolated widget rendering) - Content Security Policy compliant Architecture: - Modular design with separate files for each feature - Event-driven with proper event listeners - No inline handlers (CSP compliant) - Efficient storage with minimal footprint - Optimized rendering with intelligent state management 📦 WHAT YOU GET Five powerful tabs in the collapsible bottom tray: 1. NOTES - Rich text editor with formatting 2. TO-DO - Priority-based task management 3. BOOKMARKS - Fast searchable bookmark access 4. WIDGETS - Custom HTML/CSS/JS widgets 5. GALLERY - Image collection and viewer Plus: - Mesmerizing double pendulum animation - Elegant clock display - Online/offline indicator - Collapsible settings panel - Context menu integration - Cross-device s…