diff --git a/README.md b/README.md
index 072d6e6..e4cde4d 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,25 @@
-# idraw
+<h1 align="center">iDraw.js</h1>
 
-[![Node.js CI](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml)
\ No newline at end of file
+<p align="center">iDraw.js is a simple JavaScript framework for Drawing on the web.</p>
+
+
+<p align="center">
+  <a title="CI" href="https://github.com/idrawjs/idraw/actions/workflows/node.js.yml">
+    <img src="https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main" alt="CI">
+  <a>
+
+  <a href="https://www.npmjs.com/package/idraw">
+    <img src="https://img.shields.io/npm/v/vue.svg?sanitize=idraw" alt="Version">
+  </a>
+  <a href="https://www.npmjs.com/package/idraw">
+    <img src="https://img.shields.io/npm/l/idraw.svg?sanitize=true" alt="License">
+  </a>
+</p>
+
+
+<!-- [![Node.js CI](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml) -->
+
+<hr/>
+
+- Documents `// TODO`
+- [Playground](https://idrawjs.github.io/playground/)
\ No newline at end of file