https://github.com/hawatri/hacker-search
Hacker Search is a feature-rich Chrome extension that transforms your new tab page into a powerful, customizable dashboard. It combines the aesthetic of a matrix-inspired theme with practical functionality through various widgets and AI tools. Perfect for developers, power users, and anyone who wants to enhance their browsing experience.
https://github.com/hawatri/hacker-search
ai-tools browser-extension chrome-extension css3 customization developer-tools html5 javascript matrix-theme new-tab-page productivity-tools search-engine web-development widgets
Last synced: 5 months ago
JSON representation
Hacker Search is a feature-rich Chrome extension that transforms your new tab page into a powerful, customizable dashboard. It combines the aesthetic of a matrix-inspired theme with practical functionality through various widgets and AI tools. Perfect for developers, power users, and anyone who wants to enhance their browsing experience.
- Host: GitHub
- URL: https://github.com/hawatri/hacker-search
- Owner: hawatri
- License: mit
- Created: 2025-05-08T15:22:22.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-05-08T18:55:37.000Z (5 months ago)
- Last Synced: 2025-05-13T15:19:31.360Z (5 months ago)
- Topics: ai-tools, browser-extension, chrome-extension, css3, customization, developer-tools, html5, javascript, matrix-theme, new-tab-page, productivity-tools, search-engine, web-development, widgets
- Language: JavaScript
- Homepage:
- Size: 4.76 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hacker Search
A modern, customizable search page with a matrix-inspired theme and powerful widgets. Built as a Chrome extension for a personalized new tab experience.
## Quick Install
### From Chrome Web Store (Currently Not available there)
1. Visit [Hacker Search](https://chrome.google.com/webstore/detail/your-extension-id) in Chrome Web Store
2. Click "Add to Chrome"
3. Confirm the installation
### Manual Installation
#### Option 1: Clone the Repository
```bash
# Clone the repository
git clone https://github.com/hawatri/Hacker-Search.git
# Navigate to the project directory
cd Hacker-Search
# Install the extension in Chrome
1. Open Chrome and go to chrome://extensions/
2. Enable "Developer mode" in the top right
3. Click "Load unpacked"
4. Select the Hacker-Search folder
```
#### Option 2: Download ZIP
1. Click the green "Code" button on this repository
2. Select "Download ZIP"
3. Extract the downloaded ZIP file
4. Open Chrome and go to `chrome://extensions/`
5. Enable "Developer mode" in the top right
6. Click "Load unpacked"
7. Select the extracted folder
## Screenshots
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
## Overview
Hacker Search transforms your new tab page into a powerful, customizable dashboard with search capabilities, widgets, and AI tools. The interface features a dynamic matrix background with theme support and a collection of draggable, resizable widgets.
Built from scratch by Hawatri, this project demonstrates modern web development practices and Chrome extension development.
## Technologies Used
- HTML5
- CSS3 (Custom animations, Flexbox, Grid)
- JavaScript (ES6+)
- Chrome Extension APIs
- Local Storage API
- Canvas API (Matrix animation)
- Web APIs (Clipboard, Media, Geolocation)
- REST APIs (Weather data)
## Core Features
### Search
- Multiple search engines (Google, YouTube, GitHub, DuckDuckGo, Bing, Scholar)
- Command-based search syntax
- Quick engine switching
- Persistent engine selection
### Widgets
- Clock (Digital/Analog with timezone support)
- Todo List
- Weather (Real-time data with location support)
- Screensaver (Matrix animation)
- Media Player (Audio files with playlist support)
- Notes (With timestamps)
- Calendar
- Clipboard History (50 items with timestamps)
### AI Tools
- ChatGPT
- Grok
- Blackbox
- Perplexity
- Gemini
- Copilot
- Claude
- Meta AI
### Customization
- 5 themes: Matrix, Cyberpunk, Retro, Hacker, Neon
- Widget size presets (Small to Huge)
- Draggable and resizable widgets
- Minimizable and lockable widgets
- Persistent widget positions and states
## Installation
1. Clone this repository
2. Open Chrome and navigate to `chrome://extensions/`
3. Enable Developer mode
4. Click "Load unpacked"
5. Select the project directory
## Usage
### Search Commands
```
query # Uses default engine
engine query # Uses specific engine
nt engine query # Opens in new tab
```
### Widget Controls
- Drag: Click and hold header
- Resize: Click resize button (cycles through sizes)
- Minimize: Click minimize button
- Lock: Click lock button
- Keyboard: Focus header and use arrow keys
### Settings
Access settings via the gear icon to configure:
- Theme
- Timezone
- Weather location
- Widget preferences
- AI tools visibility
## Technical Details
### Dependencies
- Chrome Storage API
- Open-Meteo API (Weather data)
### Browser Support
- Chrome (Primary)
- Chromium-based browsers
## Development
### Project Structure
```
hacker-search/
├── manifest.json
├── index.html
├── styles.css
├── script.js
└── README.md
```
### Key Features
- Persistent storage using Chrome Storage API
- Responsive matrix background
- Accessibility support (ARIA labels, keyboard navigation)
- Screen reader compatibility
- Custom widget system
- Theme engine
- Real-time data integration
## Author
Hawatri:- https://github.com/hawatri
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
The MIT License is a permissive license that is short and to the point. It lets people do anything they want with your code as long as they provide attribution back to you and don't hold you liable.