# Ready to dive into ThinkGeo UI for Blazor?

**URL:** <https://community.thinkgeo.com/t/ready-to-dive-into-thinkgeo-ui-for-blazor/9624>\
**Category:** Blazor\
**Created:** [October 10, 2019, 9:15pm UTC](https://community.thinkgeo.com/t/ready-to-dive-into-thinkgeo-ui-for-blazor/9624 "2019-10-10T21:15:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ThinkGeo](https://community.thinkgeo.com/user_avatar/community.thinkgeo.com/thinkgeo/32/25029_2.png) [@ThinkGeo](https://community.thinkgeo.com/u/ThinkGeo)\
**Post date:** [October 10, 2019, 9:15pm UTC](https://community.thinkgeo.com/t/ready-to-dive-into-thinkgeo-ui-for-blazor/9624/1 "2019-10-10T21:15:37Z")

</div>

Want to know how easily you can create a map with ThinkGeo UI’s new Blazor component? Our new how-to video series offers a look at how to add a map to your Blazor web application in just a few lines of code.

Part 1 of our ThinkGeo UI Blazor video series walks you through adding a ThinkGeo Cloud base map to your Blazor app using Visual Studio Code on MacOS (though the same steps apply to both Windows and Linux).

[![thinkgeo_ui_blazor_part1_thumb](https://community.thinkgeo.com/uploads/default/original/3X/a/4/a4a6640001508b65593c4e12b70274996fdc1651.jpeg)](https://youtu.be/Hz8o0EhRc1U)  
[Quick Start in VS Code - Part 1 - Adding the Basemap](https://youtu.be/Hz8o0EhRc1U)

Following on from there, we’ll show you how to overlay a ShapeFile feature layer on top of your base map and apply a style to it.

[![thinkgeo_ui_blazor_part2_thumb](https://community.thinkgeo.com/uploads/default/original/3X/5/b/5b9a7bdc3e0b3af9af2afaa7bb5cb166763bcab8.jpeg)](https://youtu.be/bZDoXhJJIqQ)  
[Quick Start in VS Code - Part 2 - Adding a Shapefile](https://youtu.be/bZDoXhJJIqQ)

Want to dig in further? Check out the [ThinkGeo UI Web for Blazor wiki page](https://wiki.thinkgeo.com/wiki/thinkgeo_web_for_blazor).

Still have questions? Feel free to post a topic here in the forums!

Thanks,  
ThinkGeo
