# New tool for developing themes: CSS.horse

**URL:** <https://discuss.write.as/t/new-tool-for-developing-themes-css-horse/2927>\
**Category:** Development\
**Tags:** writefreely, writeas\
**Created:** [June 4, 2021, 9:37pm UTC](https://discuss.write.as/t/new-tool-for-developing-themes-css-horse/2927 "2021-06-04T21:37:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![matt](https://discuss.write.as/user_avatar/discuss.write.as/matt/32/2760_2.png) [@matt](https://discuss.write.as/u/matt)\
**Post date:** [June 4, 2021, 9:37pm UTC](https://discuss.write.as/t/new-tool-for-developing-themes-css-horse/2927/1 "2021-06-04T21:37:50Z")

</div>

I’ve been wanting to create a tool like this for a while, and finally had the need for it recently, to develop a more complex theme. Based on an old project called 🏠 **HTMLhouse** , here’s [🐎 **CSShorse**](https://css.horse) – a CSS editor for WriteFreely blogs with a real-time preview.

 ![A screenshot of css.horse, with an editor on the left and a blog preview of micro.baer.works on the right](https://discuss.write.as/uploads/default/original/2X/4/47e8980005a73467bc7412272a18442d00c28cf8.png)

To use it, head to [css.horse](https://css.horse), enter in your blog URL, and press **Go**. The app will load your live site on the right, and any custom styles in the editor on the left. As you change those styles, you’ll be able to preview the changes in real-time (just beware: changes do **not** automatically save). Then when you have something you like, just copy and paste the entire stylesheet into your blog’s _Custom CSS_ section and save those changes!

Hope you enjoy! If you have any feedback or ideas, I’d love to hear them.

---

<div class="post-metadata">

**Author:** ![umhi](https://discuss.write.as/user_avatar/discuss.write.as/umhi/32/570_2.png) [@umhi](https://discuss.write.as/u/umhi)\
**Post date:** [June 12, 2021, 3:56pm UTC](https://discuss.write.as/t/new-tool-for-developing-themes-css-horse/2927/2 "2021-06-12T15:56:09Z")

</div>

Love this! Thanks Matt :^)

---

<div class="post-metadata">

**Author:** ![MahaskaVillage](https://discuss.write.as/user_avatar/discuss.write.as/mahaskavillage/32/2948_2.png) [@MahaskaVillage](https://discuss.write.as/u/MahaskaVillage)\
**Post date:** [June 7, 2024, 4:53pm UTC](https://discuss.write.as/t/new-tool-for-developing-themes-css-horse/2927/3 "2024-06-07T16:53:43Z")

</div>

Our internet site uses http so it doesn’t see it ☹

---

<div class="post-metadata">

**Author:** ![Carole123](https://discuss.write.as/letter_avatar_proxy/v4/letter/c/3d9bf3/32.png) [@Carole123](https://discuss.write.as/u/Carole123)\
**Post date:** [June 8, 2026, 6:23am UTC](https://discuss.write.as/t/new-tool-for-developing-themes-css-horse/2927/4 "2026-06-08T06:23:13Z")

</div>

This post was flagged by the community and is temporarily hidden.