Update README file

README.md

@@ -1,10 +1,88 @@
-## DHTMLX Widgets + React
+ <p align="center">      
+<a href="https://dhtmlx.github.io/react-widgets/#/"><img src="https://dhtmlx.github.io/react-widgets/static/logo_r.svg" width="150" heigh="55"></a>
+          </p>
+
+
+# DHTMLX Widgets + React
+
+[![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/)
+[![License: GPL v2](https://img.shields.io/badge/license-GPL%20v2-blue.svg)](https://www.gnu.org/licenses/old-licenses/gpl-2.0.html)
+
+[![react-widgets](https://raw.githubusercontent.com/plazarev/media/master/Suite%402x.png)](https://dhtmlx.github.io/react-widgets/#/)
+
+## Getting Started
 
 In most samples DHTMLX Widgets are loaded through NPM that provides limited (GPL) version of components. For production you should use the PRO version.
 
 There are also samples where DHTMLX Widgets are loaded from CDN. `cdn.dhtmlx.com` serves limited (GPL) version of components. For production use your own CDN / file server.
 
-## Development server
+
+### Development server
 
 To run the app in the development mode, run `npm start` in the project directory.
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+
+## Examples
+
+- [Calendar](https://dhtmlx.github.io/react-widgets/#/calendar)
+
+- [Chart](https://dhtmlx.github.io/react-widgets/#/chart)
+
+- [Colorpicker](https://dhtmlx.github.io/react-widgets/#/colorpicker)
+
+- [Combobox](https://dhtmlx.github.io/react-widgets/#/combobox)
+
+- [Dataview](https://dhtmlx.github.io/react-widgets/#/dataview)
+
+- [Form](https://dhtmlx.github.io/react-widgets/#/form)
+
+- [Grid](https://dhtmlx.github.io/react-widgets/#/grid)
+
+- [List](https://dhtmlx.github.io/react-widgets/#/list)
+
+- [Menu](https://dhtmlx.github.io/react-widgets/#/menu)
+
+- [Message](https://dhtmlx.github.io/react-widgets/#/message)
+
+- [Popup](https://dhtmlx.github.io/react-widgets/#/popup)
+
+- [Ribbon](https://dhtmlx.github.io/react-widgets/#/ribbon)
+
+- [Sidebar](https://dhtmlx.github.io/react-widgets/#/sidebar)
+
+- [Slider](https://dhtmlx.github.io/react-widgets/#/slider)
+
+- [Tabbar](https://dhtmlx.github.io/react-widgets/#/tabbar)
+
+- [Timepicker](https://dhtmlx.github.io/react-widgets/#/timepicker)
+
+- [Toolbar](https://dhtmlx.github.io/react-widgets/#/toolbar)
+
+- [Tree](https://dhtmlx.github.io/react-widgets/#/tree)
+
+- [Window](https://dhtmlx.github.io/react-widgets/#/window)
+
+
+## License
+
+[![License: GPL v2](https://img.shields.io/badge/license-GPL%20v2-blue.svg)](https://www.gnu.org/licenses/old-licenses/gpl-2.0.html)
+
+
+## Useful links
+
+- [Online  documentation](https://docs.dhtmlx.com/)
+- [Support forum](https://forum.dhtmlx.com/c/suite6)
+
+
+## Follow Us
+
+Star our GitHub repo :star:
+
+Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :eyes:
+
+Read us on [Medium](https://medium.com/@dhtmlx) :newspaper:
+
+Follow us on [Twitter](https://twitter.com/dhtmlx) :feet:
+
+Like our page on [Facebook](https://www.facebook.com/dhtmlx/) :thumbsup: