nothing fancy, just a quick ui template slapped together with some old code i found while digging around my codepen. requires some css / html knowledge.

there are some comments in the file, but my coding process is generally quite messy. feel free to give a shout about any questions you may have!

edit: added a live demo of the template that you can click around in to test things out. updated to the latest version (v3) as of writing this.


  • download index.html, open in twine.
  • if you use tweego, download the .zip file, drop it in your folder of choice, and open directly into visual studio code.
  • have a poke around in the code! feel free to modify and use it however you wish.

useful links:

Rated 5.0 out of 5 stars
(25 total ratings)
Tagsassets, code, resources


Download NowName your own price

Click download now to get access to the following files:

index v3.html 504 kB
twine ui template 149 kB
index v2.html 503 kB
twine ui template 149 kB
twine ui 148 kB

Development log


Log in with to leave a comment.

I love your template but I can't figure out how to add another border around the text. Help.


Thank you for releasing this beautiful template! Just a quick question: how can I change the toggle icon for the menu? I cannot find it for the life of me 🤦‍♀️


hello! i wrote up a small tutorial on tumblr for customizing the template - instructions on changing the toggle icon should also be there, so hopefully that helps !


Thank you for creating such an excellent template! 💗


This is so funny, I play Wayfarer so often, and was wondering how you developed such a beautiful UI! So ironic that I find one of my favourite interactive fiction creators on the page of a UI template I had chosen to use for my very own Twine project!