https://github.com/younes-dro/magic-text-block

Magic Text Block is a WordPress plugin that adds advanced text formatting options to the Gutenberg editor’s toolbar. It enables users to apply stunning text effects like gradients, underlines, and background images directly within their content, enhancing typography without any coding.
https://github.com/younes-dro/magic-text-block

formating gutenberg gutenberg-blocks styled-components wordpress wordpress-plugin

Last synced: 24 days ago
JSON representation

Magic Text Block is a WordPress plugin that adds advanced text formatting options to the Gutenberg editor’s toolbar. It enables users to apply stunning text effects like gradients, underlines, and background images directly within their content, enhancing typography without any coding.

• Host: GitHub
• URL: https://github.com/younes-dro/magic-text-block
• Owner: younes-dro
• Created: 2025-05-15T18:45:20.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-11T16:28:19.000Z (12 months ago)
• Last Synced: 2025-06-11T18:01:36.004Z (12 months ago)
• Topics: formating, gutenberg, gutenberg-blocks, styled-components, wordpress, wordpress-plugin
• Language: SCSS
• Homepage:
• Size: 276 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Magic Text Block

  

![Magic Text Block Banner](https://ps.w.org/magic-text-block/assets/banner-772-250.png)

  

[![Plugin Version](https://img.shields.io/badge/version-1.6.0-blue)](https://wordpress.org/plugins/magic-text-block/)

[![WordPress Tested](https://img.shields.io/badge/WordPress-6.5+-brightgreen)](https://wordpress.org/plugins/magic-text-block/)

  

📦 **Available on WordPress.org**

🔗 [Download from the WordPress Plugin Directory](https://wordpress.org/plugins/magic-text-block/)

  

---

**Magic Text Block** is a collection of advanced text formatting tools designed to extend the WordPress Gutenberg editor. These components allow you to easily apply creative typography and styling effects—such as gradient strokes, colorful text gradients, text background images, and custom underlines—directly from the text toolbar. Perfect for bloggers, designers, and content creators, these tools help make your content visually striking without any coding required.

  

---

  

# Available Components

  

## Gradient Text Color

  

  



  

  

[🎥 Demo video here](https://www.awesomescreenshot.com/video/37866815?key=43be1d30dc3033eba865e0f43c999e60)

  

  

## Underline

  

  



  

  

[🎥 Demo video here](https://www.awesomescreenshot.com/video/37988759?key=fd9f0afb3b41d325b07ef5fcd0f5082b)

  

  

## Image in Text Background

  

  

![Capture d'écran 2025-05-08 211802](https://github.com/user-attachments/assets/20e63946-a747-434d-ad38-45c3c762db38)

  

  

[🎥 Demo video here](https://www.awesomescreenshot.com/video/38083508?key=82ac6ceeec794b24b8e236819a4f1aab)

  

  

## Gradient Stroke

  

  



  

  

[🎥 Demo video here](https://www.awesomescreenshot.com/video/38191755?key=fbc0cdfce82132bd6dd6bd217c64df5b)

  

  

## Post/Page Theme Selector

  

  

![dark](https://github.com/user-attachments/assets/2a4227af-c9f9-405b-b97e-80e831577fa6b)

  

  

[🎥 Demo video here](https://www.awesomescreenshot.com/video/39031925?key=aa41ad83e0eedf3e614060c6e2e05ffb)

  

  

## Tooltip

  

![screenshot-6](https://github.com/user-attachments/assets/8a96098a-ccfe-49da-9be2-d7091e86cb2e)

  

[🎥 Demo video here](https://www.awesomescreenshot.com/video/40571636?key=29e3628e162ef8121e4fec5597cfe10a)

  

## Unstyle Text

![Capture d'écran 2025-06-17 215958](https://github.com/user-attachments/assets/705b4563-d859-4c6e-9b03-dec8c953d0c0)

  

## Realistic Text Marker

Transform your text with authentic highlighter effects using 8 handcrafted marker styles. Choose from uneven, thick, messy, double, faded, wavy, and textured markers that simulate real highlighter pen strokes with CSS gradients and transforms.

  

## Installation

  

1. Clone the repository:

  

  

```bash

  

git  clone  https://github.com/younes-dro/magic-text-block.git