6 Tools to write an eye-catching article
Published: 2021-07-27 06:23:00

Hello beautiful bloggers 👨‍💻, below I will be sharing the list of tools that I make use while writing an article.


### 1. Carbon

Link :  [carbon.now.sh](https://carbon.now.sh/) 

Most of the technical articles you will probably write will come with code fragments attached to them, and readers will not find it too easy and attractive to view codes as plain text, carbon allows us to make an image of our code snippets and can be downloaded as **PNG or SVG** for use as an attachment in our blog post.

![carbon (1).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1627332083691/UrWftwaLs.png)


### 2. Grammarly

Link:  [grammarly.com](https://grammarly.com/) 

We are humans after all, which means we cannot notice all the errors in our articles before publications, but  [Grammarly](https://www.grammarly.com/) can help identify typographical errors and provide suggestions on how to improve our sentences.

My favorite Grammarly feature is the emoji prediction, which shows how the whole article will sound to the readers, I found this to be useful as it helps to adjust and be within the desired prediction.


> I am a big fan of emoji



![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1627332977346/86wODetlF.png)


### 3. BrowserFrame

Link:  [browserframe.com](https://browserframe.com/) 

No doubts, images add to the beaut of an article when they are used properly, browser frames consist of both mobile and desktop browser frames to present the images better on articles.

#### Without [browserframe.com](https://browserframe.com/) 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1627333314964/gejMyVVag.png)

#### With [browserframe.com](https://browserframe.com/) 

![frame_generic_dark (20).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1627333375753/lGZHO6Gna.png)


### 4. Ray
Link:  [ray.so](https://ray.so/) 

Ray is my second goto after [carbon](https://carbon.now.sh/), ray features include, linear-gradient background for code snippets and also provide a share link for the generated images.

I found this to be really cool 😎

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1627333693068/lt7CEmkTT.png)


### 5. Canva
Link:  [www.canva.com](https://www.canva.com/)

Most of [my blog](https://unclebigbay.com/) cover images are made using [canva](https://www.canva.com/), canva has several free design templates for both presentation and article cover images.


### 6. Google Gifs

Link: google anything gif 😛

![200 (1).gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1627335514814/MFtqXDKD2.gif)

I personally enjoy adding gifs to my articles, I believe technical articles should not be boring.

I think you might want to add some to your next article😍, you can get your preferred gif by visiting google and searching say **"laughing coding gifs"**

![frame_generic_dark (21).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1627335605771/af_sqp7Cg.png)


@[Danny Thompson](@DThompsonDev) is also rocking some gif too🤩

![tenor (2).gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1627335666379/4zmDrubKf.gif)


And that's it for this article, I hope you have learned something new from this article, feel free to share your favorite tools in the comment section and which of the above tools is actually new to you.



<hr />

Wow, what a journey, I am glad you made it to the end of this article, if you enjoyed and learned from this article, I will like to connect with you.

Let's connect on

-  [Twitter @unclebigbay143](https://twitter.com/intent/follow?screen_name=unclebigbay143) 
-  [LinkedIn @unclebigbay](https://www.linkedin.com/in/unclebigbay/) 


My friend and I are holding a meetup every Saturday to discuss JavaScript and other programming tips and to support ourselves.

You can be a part 👇 of the community by [ visiting our website](https://unclebigbayandfriends.netlify.app/) 


See you in the next article. Bye Bye 🙋‍♂️
also buy me a coffee below.