🚀 Quick Start
1. Install
Load the extension in Chrome developer mode
2. Navigate
Go to YouTube homepage
3. Customize
Click extension icon and adjust settings
4. Enjoy
See your personalized grid layout
✨ Features
- 🔢 Flexible Columns: Choose from 1-20 columns for your grid
- 📏 Spacing Options: Compact, Normal, or Comfortable spacing
- ⚡ Real-time Updates: Changes apply instantly without refresh
- 💾 Persistent Settings: Your preferences are saved automatically
- 🎨 Enhanced Template: Improved layout with better image sizing
Installation
- Download or clone this repository
- Open Chrome and go to
chrome://extensions/
- Enable "Developer mode" in the top right
- Click "Load unpacked" and select the
AuraExtension
folder - The extension should now be installed
Usage
- Navigate to YouTube
- Click the extension icon in the toolbar
- Select your preferred number of columns and spacing
- Click "Apply" to see changes immediately
- For more options, click "Options" to open the full settings page
File Structure
manifest.json
- Extension manifestcontent.js
- Main content script that modifies YouTube's gridstyles.css
- Custom CSS for grid modificationspopup.html
- Quick access popup interfacepopup.js
- Popup functionalityoptions.html
- Full settings pageoptions.js
- Options page functionalityicons/
- Folder containing extension iconsicon16.png
- 16x16 extension iconicon48.png
- 48x48 extension iconicon128.png
- 128x128 extension iconREADME.txt
- Icon documentation
improved_template.html
- Template for testing grid layoutstemp.html
- Temporary file for developmentREADME.md
- Project documentation
Permissions
activeTab
- To access the current YouTube tabstorage
- To save user preferences
Browser Compatibility
- Chrome 88+
- Edge 88+
- Other Chromium-based browsers
Troubleshooting
If the extension doesn't work:
- Make sure you're on youtube.com
- Try refreshing the page after changing settings
- Check that the extension is enabled in chrome://extensions/
- Open Developer Tools and check for any console errors