Added badges and enhanced screenshot representation in README.

.markdownlint.json

@@ -0,0 +1,5 @@
+{
+  "MD013": false,
+  "MD033": false,
+  "MD045": false
+}

README.md

@@ -3,13 +3,20 @@
 ![Cover - MagicDraw](https://raw.githubusercontent.com/signmotion/magic_draw/master/images/cover.webp)
 
 [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
-[![Pub Package](https://img.shields.io/badge/doc-magic_draw-blue)](https://pub.dartlang.org/packages/magic_draw)
-[![Build Status](https://github.com/signmotion/magic_draw/actions/workflows/flutter-ci.yml/badge.svg)](https://github.com/signmotion/magic_draw/actions/workflows/flutter-ci.yml)
+[![Pub Package](https://img.shields.io/pub/v/magic_draw.svg?logo=dart&logoColor=00b9fc&color=blue)](https://pub.dartlang.org/packages/magic_draw)
+[![Code Size](https://img.shields.io/github/languages/code-size/signmotion/magic_draw?logo=github&logoColor=white)](https://github.com/signmotion/magic_draw)
 [![Publisher](https://img.shields.io/pub/publisher/magic_draw)](https://pub.dev/publishers/syrokomskyi.com)
 
+[![Build Status](https://img.shields.io/github/actions/workflow/status/signmotion/magic_draw/flutter-ci.yml?logo=github-actions&logoColor=white)](https://github.com/signmotion/magic_draw/actions)
+[![Pull Requests](https://img.shields.io/github/issues-pr/signmotion/magic_draw?logo=github&logoColor=white)](https://github.com/signmotion/magic_draw/pulls)
+[![Issues](https://img.shields.io/github/issues/signmotion/magic_draw?logo=github&logoColor=white)](https://github.com/signmotion/magic_draw/issues)
+[![Pub Score](https://img.shields.io/pub/points/magic_draw?logo=dart&logoColor=00b9fc)](https://pub.dev/packages/magic_draw/score)
+
 A widget for custom canvas with animated magic effects.
 Feel free to use it in your awesome project.
 
+Share some ❤️ and star repo to support the project.
+
 ## Usage
 
 ```dart
@@ -28,7 +35,7 @@ Widget build(BuildContext context) => MaterialApp(
 );
 ```
 
-![Screenshot - MagicDraw](https://raw.githubusercontent.com/signmotion/magic_draw/master/images/screenshots/1.gif)
+[<img src="https://raw.githubusercontent.com/signmotion/magic_draw/master/images/screenshots/1.gif" width="600"/>](https://raw.githubusercontent.com/signmotion/magic_draw/master/images/screenshots/1.gif)
 
 ## Welcome
 
@@ -45,3 +52,5 @@ General questions are best asked on
 
 - Detect a real mana position.
 - Drawing a path.
+
+Created [with ❤️](https://syrokomskyi.com)