A downloadable template

Download NowName your own price

A free Twine Template

Feel free to change it up as you please!


  • Responsive/Mobile friendly UI
  • Settings to change theme, font and font size
  • General styling
  • Imported fonts

You'll get further instructions when you download.


Download NowName your own price

Click download now to get access to the following files:

itch.zip 476 kB

Development log


Log in with itch.io to leave a comment.

(1 edit)

Hi! I was wondering is it possible to use a shortcut when replacing the colors? I wouldn't want to be inconsistent when I try to manually change them and was wondering if there's a shortcut? Lovely template regardless!

Hi! ✨ I've just updated the template with a new version where the colours are controlled by variables at the top of the Stylesheet, so if you download this one you can simply change the hex codes of the variables to change all the colours throughout the theme. Hope that helps! ✨🤎

Hello! I'm just starting Twine and want to use this template, is there a tutorial on how to apply this template?

Hi there! ✨ How exciting! I think the easiest way is to simply download the file and import it into Twine as a new story, then built your story from there. The instructions are on the download page when you download the files. Let me know if you need help importing it though! 

Hello! Pls the restart, saves and settings buttons are not working.

Hi there! ✨ They are working just fine for me. Perhaps you changed some of the code?

No, I did not change anything. It works perfectly on android but not on pc.

Deleted post

This is a great template; I'm really loving the examples for the formatting, and the neutral themes that come pre-installed. It's really helped in trying to figure all this stuff out. 

I hate to butt-end that with a negative, but the UI auto-stow doesn't seem to be working. I thought it might be something I did, but when I re-downloaded a clean copy it also wasn't working on that one. I tested in both firefox and chrome (both up to date) and using the online twinery version, and the desktop app. Not sure what the trouble is.

So glad you liked it! ✨ 

No worries, I'm happy to receive feedback. The reason the UI auto-stow doesn't work is because I've built the UI from the bottom with my own html elements, ID's and classnames, so the changes that the UIBar.stow() targets won't have any effect, unfortunately. I realised later on that this was may not have been such a great idea, so I might change it back to Twine's original html elements, to make it easier for everyone. 

Thank you for the feedback! ✨🤎

Yeah, I realized after I got some sleep that was probably the case lol. I'll keep an eye out for updates, and thank you again!!

This is beautiful!! The code is straight-forward and it's so dang elegant💖 You're so talented, my dear!

Aw, thank you so much, love! ✨🤎 You're so sweet! 

This is good. Thank you.

Glad you liked it! Thank you! ✨🤎