Chaos Tab

About

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 synchronization

🎓 LEARN WHILE YOU BROWSE

The double pendulum is one of the simplest systems exhibiting chaotic behavior. It's a perfect demonstration of chaos theory - small changes in starting position lead to dramatically different paths, making long-term prediction impossible. Watch it every time you open a new tab and appreciate the beauty of mathematics and physics.

🚀 PERFECT FOR

DEVELOPERS
- Store code snippets in widgets
- Create mini API testers
- Quick color palette reference
- Pomodoro timers
- Custom calculation tools

STUDENTS
- Study notes with formatting
- Assignment tracker with priorities
- Formula reference widgets
- Quick links to resources
- Study session timers

PROFESSIONALS
- Meeting notes
- Task management
- Dashboard widgets for metrics
- Quick access to tools
- Status monitoring

EVERYONE
- Daily planner
- Link collection
- Meditation with relaxing pendulum
- Inspiration on every tab
- All-in-one productivity hub

🔒 PERMISSIONS EXPLAINED

We only request the minimum permissions needed:

- chrome_url_overrides - Replace the new tab page
- storage - Save your data locally and sync across devices
- bookmarks - Read-only access to display your bookmarks
- contextMenus - Add right-click menu options for quick actions

Your privacy is our priority. We never collect, transmit, or sell your data.

✨ KEY FEATURES SUMMARY

✓ Mesmerizing double pendulum physics simulation
✓ Rich text notes with auto-save
✓ Priority-based to-do list
✓ Searchable bookmarks manager
✓ Custom HTML/CSS/JS widgets
✓ Image gallery with carousel viewer
✓ Online/offline indicator
✓ Context menu integration
✓ Cross-device synchronization
✓ Beautiful zinc-themed UI
✓ Glassmorphic design
✓ Modern Lucide icons
✓ Touch-optimized
✓ Keyboard shortcuts
✓ Privacy-focused (zero tracking)
✓ Lightweight (35KB)
✓ Fast (<100ms load)
✓ Open source (MIT License)

🎉 GET STARTED

1. Install Chaos Tab
2. Open a new tab
3. Watch the mesmerizing pendulum
4. Click the tray toggle at the bottom
5. Explore Notes, To-Do, Bookmarks, Widgets, and Gallery
6. Right-click text, links, or images to save them
7. Create custom widgets with your own code
8. Enjoy a beautiful, productive browsing experience!

Transform every new tab into a moment of beauty and productivity. Experience the perfect balance of chaos and order.

Install Chaos Tab today and embrace the chaos while staying organized!

GitHub: https://github.com/theabbie/ChaosTab
Issues & Feedback: https://github.com/theabbie/ChaosTab/issues

Made with ❤️ by Abhishek Choudhary