https://github.com/petsamuel/viblify
Viblify is the lightweight browser extension that brings professional Unicode styling to your fingertips. Transform plain text into bold, italic, ๐๐ธ๐๐พ๐
๐, and moreโdirectly in any text field with a single click or keyboard shortcut.
https://github.com/petsamuel/viblify
css extension-chrome html5 tailwindcss
Last synced: about 2 months ago
JSON representation
Viblify is the lightweight browser extension that brings professional Unicode styling to your fingertips. Transform plain text into bold, italic, ๐๐ธ๐๐พ๐ ๐, and moreโdirectly in any text field with a single click or keyboard shortcut.
- Host: GitHub
- URL: https://github.com/petsamuel/viblify
- Owner: Petsamuel
- Created: 2025-03-29T09:20:44.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-04T16:17:57.000Z (about 2 months ago)
- Last Synced: 2025-04-04T17:26:45.696Z (about 2 months ago)
- Topics: css, extension-chrome, html5, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 750 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Viblify - Transform Your Text with Style! ๐จโจ
## Elevate Your Text Instantly
Viblify is the lightweight browser extension that brings professional Unicode styling to your fingertips. Transform plain text into **bold**, *italic*, ๐๐ธ๐๐พ๐
๐, and moreโdirectly in any text field with a single click or keyboard shortcut.
## ๐ Key Features
- **One-click styling** - 8+ Unicode text styles at your command
- **Works everywhere** - Twitter, LinkedIn, emails, forms, and more
- **Keyboard shortcuts** - Lightning-fast formatting (Ctrl+B, Ctrl+I, etc.)
- **Smart detection** - Button appears only when needed
- **Zero tracking** - Your text never leaves your browser
## ๐ Installation Guide
### For Regular Users (.CRX Method)
1. [Download viblify.crx](./viblify.crx)
2. Visit `chrome://extensions` (Chrome) or `edge://extensions` (Edge)
3. Drag and drop the .crx file into the page
4. When you see:
Click "Add extension" - this is normal for self-hosted extensions
5. Confirm installation when prompted
### For Developers (Unpacked Method)
```bash
git clone https://github.com/petsamuel/viblify.git
or [Download](./viblify.zip) and unzip it
cd viblify
1. Visit `chrome://extensions` or `edge://extensions`
2. Enable "Developer mode" (top-right toggle)
3. Click "Load unpacked" and select the viblify folder
4. No warnings appear with this method
```
### Alternative Installation Options
#### Option 1: Using the .crx File
1. Download the `.crx` file from the [Download](./viblify.crx) section.
2. Open Chrome or Edge and go to `chrome://extensions/` (or `edge://extensions/`).
3. Drag the `./viblify.crx` file into the window.
4. **Note**: You'll see a warning: "This extension is not from [Chrome Web Store/known source]..." - this is expected for self-hosted extensions.
5. Click "Add Extension" to confirm - your data remains private.
#### Option 2: Using the ZIP (Developer Mode)
1. Download the ZIP from the [Download](./viblify.zip) section and unzip it.
2. Open Chrome/Edge and go to the extensions page.
3. Enable **Developer Mode** (top-right toggle).
4. Click **Load Unpacked** and select the unzipped `viblify` folder.
5. The extension will load without warnings.
## ๐ฎ How to Use
1. **Start typing** in any text field (3+ characters required)
2. **Click the Viblify button** (bottom-right corner)
3. **Select your style** from the popup menu
4. **Or use shortcuts**:
- Bold: `Ctrl+B`
- Italic: `Ctrl+I`
- Script: `Ctrl+S`
- More in the menu!
## ๐ Supported Platforms
โ Twitter (tweet composer)
โ LinkedIn (posts/comments)
โ Facebook (status updates)
โ All websites with text inputs
โ Any content-editable field
## ๐ Troubleshooting
If the extension gets disabled:
1. Go to `chrome://extensions` or `edge://extensions`
2. Find Viblify and click "Details"
3. Enable:
- "Allow in incognito" (if needed)
- "Allow access to file URLs" (for local documents)
4. Refresh your active tabs
## ๐ค Contributing
We welcome contributors! Here's how to help:
**Code Improvements:**
```bash
# 1. Fork and clone
git clone [viblify](https://github.com/Petsamuel/Viblify.git)
cd viblify
# 2. Install dev tools (optional)
npm install -g live-server
# 3. Make changes and test
live-server --port=3000
```
**Other Ways to Contribute:**
- Report bugs via [GitHub Issues]
- Suggest new features
- Improve documentation
- Share Viblify with friends!
## ๐ License
MIT Licensed - Free for personal and commercial use. See [LICENSE](LICENSE) for details.
## ๐ฌ Contact
Have questions or ideas?
๐ฆ [Tweet us Bieefilled]
๐ง [Email us @petsamuelgmail.com]
๐ฌ [Open a GitHub Issue]
**Pro Tip:** Combine styles for unique effects! Try `Ctrl+B` then `Ctrl+S` for **๐ซ๐ธ๐ต๐ญ ๐ผ๐ฌ๐ป๐ฒ๐น๐ฝ** text.
[Get Viblify Now](./viblify.zip) and make your words stand out! ๐
---
**Disclaimer:** This extension is not affiliated with or endorsed by any social media platform. Use at your own risk. Always check the latest privacy policies of the platforms you use.