# 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.2.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

  

<img  src="https://github.com/user-attachments/assets/9a2ea746-6f20-4b34-bb8e-66f17c144aa5"  alt="gutenberg-gradient-text-effect"  width="300">

  

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

  

## Underline

  

<img  src="https://github.com/user-attachments/assets/4ea944ff-159f-43aa-b527-5f4a26d33aa8"  alt="gutenberg-underline-text-effect"  width="300">

  

[🎥 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

  

<img  src="https://github.com/user-attachments/assets/579bd1ac-ab0c-4e66-9cea-bb6652b96f5a"  alt="gutenberg-text-background-image-effect"  width="300">

  

[🎥 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)

## Installation

  

1. Clone the repository:

  

```bash

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