https://github.com/bozzhik/website-aura
Chrome extension for analyzing website's mood through color schemes, typography, and overall design elements
https://github.com/bozzhik/website-aura
bozzhik chrome-extension chrome-extension-react chrome-extension-v3 create-chrome-ext react vite
Last synced: 4 months ago
JSON representation
Chrome extension for analyzing website's mood through color schemes, typography, and overall design elements
- Host: GitHub
- URL: https://github.com/bozzhik/website-aura
- Owner: bozzhik
- License: mit
- Created: 2024-11-24T19:36:57.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-21T18:48:38.000Z (4 months ago)
- Last Synced: 2025-01-21T19:38:27.737Z (4 months ago)
- Topics: bozzhik, chrome-extension, chrome-extension-react, chrome-extension-v3, create-chrome-ext, react, vite
- Language: TypeScript
- Homepage: https://chromewebstore.google.com/detail/website-aura/hjlcegcjeflohbigndmpeldcdgdbcbbg?authuser=3&hl=en
- Size: 242 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ⚡️ Website Aura
> Chrome extension that analyzes website color schemes in real-time, leveraging color theory algorithms to detect design patterns, emotional impact, and color relationships. Built with React, TypeScript, and advanced color processing logic.
## ✨ Features
**Color Intelligence** 🎨
Instantly scans and extracts the DNA of any website's design, identifying key colors that shape user experience.
**Pattern Recognition** 🔍
Analyzes relationships between colors, understanding how they work together to create specific moods and emotions.
**Design Story** 💫
Translates complex color data into clear insights about website's personality, from professional elegance to creative energy.
## 🚀 Quick Start
```shell
git clone https://github.com/bozzhik/website-aura.git
cd website-aura
pnpm i
pnpm dev
```
### 🔧 Installation in Chrome
1. Open Chrome browser
2. Navigate to `chrome://extensions`
3. Enable "Developer mode" in the top right
4. Click "Load unpacked"
5. Select `website-aura/build` folder
## 🛠 Tech Stack
```typescript
{
"manifest": "v3",
"framework": "React",
"language": "TypeScript"
"styling": "Tailwind CSS",
"build": "Vite",
}
```
## 🔒 Privacy
Website Aura operates entirely in your browser:
- No data storage
- No external servers
- No tracking
- Pure client-side magic
## 🤝 Contributing
Contributions are welcome! Please feel free to 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
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 📫 Contact
- Author: [bozzhik](https://bozzhik.ru)
- Email: [email protected]
- Telegram: [@bozzhik](https://t.me/bozzhik)
---
🧑💻 Made by bozzhik