Table of Contents
UniGlyphs is a browser extension that lets you format text directly on sites like Facebook, X (formerly Twitter), LinkedIn, and many more. Just highlight some text, and an inline toolbar pops up, so you can format it on the spot. There's also a full-page editor and a popup version if you want more space to work.
With UniGlyphs, you can make your posts and comments stand out—even on platforms that don’t normally allow it. Behind the scenes, it uses Unicode characters that mimic different "fonts", like 𝐛𝐨𝐥𝐝, 𝑖𝑡𝑎𝑙𝑖𝑐, and 𝔤𝔬𝔱𝔥𝔦𝔠, so the styling sticks no matter where you paste it.
- Inline/floating Toolbar: pops up when you click on a text box and stays near your cursor while you type.
- Popup Editor: opens in a small window for editing when the inline toolbar isn't available.
- Full-page Editor: a web-based editor for longer posts, drafts, or when you want more space.
- Style Variety: choose from a variety of styles that look like different fonts, such as bold serif (𝐀), italic sans (𝘈), double-struck (𝔸).
- Font Select: change the actual font of a website to see how well it supports different Unicode characters.
- Keyboard Shortcuts: use familiar keys like Ctrl+B for bold or Ctrl+I for italic to format text faster.
- Persistent State: keeps your text and settings, so you can pick up where you left off—even if you close the tab.
| Browser | Status | Install from |
|---|---|---|
 |
Available | Chrome Web Store |
 |
Planned | Firefox Add-ons |
- Visit a supported site (e.g., Facebook) (see supported sites).
- Click any text box (like when posting) to show the toolbar following the
caret.
⚠️ If the toolbar behaves strangely, the site may be using input components that aren’t fully supported. Use the popup instead. - Open the extension popup to use the editor and then copy the text.
- You can also visit the homepage to use the full-page editor and copy the text there. While you're there, you can also read the documentation and FAQs.
- Clone the repo
git clone https://github.com/andrianllmm/uniglyphs.git cd uniglyphs - Install pnpm
npm install -g pnpm
- Install the dependencies
pnpm install
- Run the development server
pnpm dev
- Load the extension in Chrome via
chrome://extensions. Turn on developer mode in the extension settings. Load the unpacked extension from theapps/web-extension/.outputdirectory (this is generated after runningpnpm dev).
Create a apps/web/.env and apps/web-extension/.env file and configure the
variables based on the .env.example files.
Contributions are welcome! To get started:
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a pull request
Found a bug or issue? Report it on the issues page.