> For the complete documentation index, see [llms.txt](https://isikdev.gitbook.io/easylockpick-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://isikdev.gitbook.io/easylockpick-docs/how-to-use/setup-the-ui.md).
# Setup the UI
## Setting Up the UI
Provided with the plugin is a simple UI that can be used or integrated into your existing one easily. To locate this, head inside **EasyLockpick Content/Widgets/.**
There you will find **W\_EasyLockpick\_HUD.** This is a very primitive widget that has been provided as an example. It consists of a Switcher, Canvas Panel & an Overlay:
If you take a peek at the Event Graph, you will notice that it binds to an event inside the **EasyLockpick component:**
This is the event that gets triggered when **Lockpicking** is **initiated/canceled/finished.** You can bind to this event in your own UI and show your custom UI when **Lockpicking** is detected. In the example, this is what we did:
If you want, you can directly use this provided HUD widget or copy the logic and the **lockpicking overlay** over to your UI. In the end, you will have a result like this:
