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.

instructions:

  • 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:

StatusReleased
CategoryAssets
Rating
Rated 5.0 out of 5 stars
(22)
Authorcerberus
Tagsassets, code, resources

Download

Download NowName your own price

Click download now to get access to the following files:

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

Development log

Comments

Log in with itch.io to leave a comment.

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

(+1)

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 🤦‍♀️

(+1)

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 !

(+1)

Thank you for creating such an excellent template! 💗

(+1)

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!