# Introduction 

![hyperleaflet](assets/hyperleaflet-github-with-leaf-background.png)

## What is hyperleaflet?
Hyperleaflet is a library that allows you to use the popular Leaflet library with just *HTML attributes*. With Hyperleaflet, you can interact with Leaflet maps without writing a single line of JavaScript.
It offers a wide range of capabilities by wrapping Leaflet's most useful features in an opinionated yet versatile way.

Hyperleaflet designed to be a user-friendly Leaflet library that simplifies the creation of interactive maps for web pages or server-rendered HTML pages. This makes it a great choice for developers who want to create custom maps for web applications that require server-side rendering.

### What is Leaflet?

Leaflet is a popular JavaScript library by [Vladimir Agafonkin](https://agafonkin.com/){:target="_blank"} used for creating interactive maps on web pages. Leaflet already has a powerful and intuitive API that makes it easy to work with and customize maps to your specific needs. 



## Try it yourself

<iframe src="https://codesandbox.io/embed/hyperleaflet-ooxo0z?fontsize=14&hidenavigation=1&theme=dark&view=split&codemirror=1&hidedevtools=1&runonclick=1"
     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
     title="hyperleaflet"
     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"     
   ></iframe>





