ddSideBar

An Arc-style sidebar for Chrome - Organize your tabs and bookmarks with elegance

Installation • Features • Documentation • Privacy Policy

---

A Chrome extension that brings Arc browser's elegant sidebar experience to Chrome, featuring tabs management and spaces organization. Organize your browsing with a beautiful, minimalist sidebar that puts your tabs and bookmarks at your fingertips.

✨ Features

🎨 Arc-Style Sidebar

• Beautiful left sidebar with tabs list
• Toggle visibility with Ctrl+S (or Cmd+S on Mac)
• Minimalist, dark theme design
• Glassmorphism effects and smooth animations
• Two display modes: Iframe injection or Chrome SidePanel

📑 Tabs Management

• View all open tabs in a clean list
• Quick tab switching by clicking
• Close tabs with hover buttons
• See favicons and URLs
• Active tab highlighting
• Drag and drop support

🗂️ Spaces Organization

• Organize tabs into spaces (like Arc browser)
• Create multiple spaces with custom names and icons
• Switch between spaces easily
• Each space acts as a folder for tabs
• Customizable space colors
• Bottom section for quick access

🔖 Bookmarks Integration

• Two-layer system: bookmarks and tabs
• Organize bookmarks in folders
• Pin important bookmarks
• Seamless bookmark management

Installation

Option 1: Install from Chrome Web Store (Recommended)

👉 Install from Chrome Web Store

Simply click the link above to install the extension directly from the Chrome Web Store.

Option 2: Manual Installation (Developer Mode)

1. Open Chrome and navigate to chrome://extensions/
2. Enable "Developer mode" in the top-right corner
3. Click "Load unpacked"
4. Select the arc-bar-chrome folder
5. The extension icon should appear in your toolbar

Note: For manual installation, you'll need to download the source code from GitHub.

Usage

Opening the Sidebar

• Click the extension icon in the toolbar, OR
• Press Ctrl+S (Cmd+S on Mac)

Managing Tabs

• Click any tab to switch to it
• Hover over a tab and click the "×" to close it
• Right-click a tab for more options (pin/unpin)
• Active tab is highlighted in blue

Working with Spaces

1. Click the "+" button in the Spaces section to create a new space
2. Enter a name for your space
3. Click a space to switch to it
4. Each space can contain different sets of tabs
5. Hover over a space to see delete option

Keyboard Shortcuts

• Ctrl+S / Cmd+S: Toggle sidebar visibility

🛠️ Technology Stack

• Chrome Extension Manifest V3 - Modern extension architecture
• Content Scripts - Iframe injection for seamless integration
• Vanilla JavaScript - No frameworks, lightweight and fast
• Modern CSS - Custom properties and glassmorphism effects
• Chrome APIs - Tabs, Storage, Bookmarks, SidePanel, Search

Browser Compatibility

Works in all Chromium-based browsers:

• ✅ Google Chrome
• ✅ Microsoft Edge
• ✅ Brave Browser
• ✅ Atlas Browser (OpenAI)
• ✅ Any Chromium-based browser

Customization

You can customize the appearance by editing sidebar.css:

• Change colors in the :root CSS variables
• Adjust spacing, borders, and typography
• Modify the dark theme colors

📚 Documentation

Detailed documentation is available in the docs/ folder:

• Installation Guide - Detailed setup instructions
• Spaces Guide - How to use spaces effectively
• Bookmark Feature - Bookmark management and organization
• Two-Layer System - Understanding the bookmark/tab system
• Arc Behavior - Arc browser-inspired features

🎯 Quick Start

1. Install from Chrome Web Store
2. Click the extension icon or press Ctrl+S / Cmd+S to open the sidebar
3. Start organizing your tabs into spaces!

🚀 Roadmap

• Space color picker
• Custom icon selector for spaces
• Tab groups support (via bookmarks and folders)
• Chrome SidePanel mode support
• Settings UI for mode selection
• Drag and drop tabs between spaces
• Tab search functionality
• Import/export spaces
• Sync spaces across devices
• Keyboard shortcuts customization

🔒 Privacy Policy

View our Privacy Policy to understand how we handle your data.

TL;DR: All data is stored locally on your device - nothing is transmitted to external servers. Your privacy is protected by design.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

🐛 Issues & Support

Found a bug or have a feature request? Please open an issue on GitHub Issues.

⭐ Star History

If you find this project useful, please consider giving it a star on GitHub!

🙏 Credits

Inspired by the Arc browser's innovative tab and space management.

📧 Contact

• Developer: ddx0510
• Email: ddx0510@gmail.com
• GitHub: @ddx-510
• Chrome Web Store: ddSideBar

---

Made with ❤️ for better browsing

⬆ Back to Top