Skip to content
Make your own furry-cartoon creation with that service like vector image (MLP:FIM - Ponies, in this time)
Vue CSS CoffeeScript JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

The Fluffies logo

License: CC By-NC-ND v4.0 Commits Repo size

Welcome to: The Fluffies! Smiling Fluttershy

The Fluffies - this is an interactive web project - editor, based on the transformation of vector graphics and the power of web technologies.


Make your own furry-cartoon creation with that service like vector image (MLP:FIM - Ponies, in this time).

Open source web project in the development of which everyone can take part

Created in the summer of 2018 with the idea of ​​using vector animation right on the site and making it accessible to all by the editor.

If you are interested in drawing, programming and other activities, tell me, Electrum18, I don’t have enough time to develop alone.

The site uses Coffeescript for writing interactive on the editor page

Vue.js framework is used to manipulate elements, Polymorph will be used for animation calculations

For compilation used Webpack bandler

In future plans

  • Add the ability to make many other races or creatures of furry - brony fendoms
  • Improve and add more animation frames
  • Add male gender, add more hairstyles and fix existing ones
  • Finish the interface, add more details and more variations
  • Using the webcamera to capture movements to control the "avatar"
  • The ability to create widgets for embedding in websites and forums (iframe)
  • Adding more accessories
  • Creating a chat, sociality
  • Adding premium features via donation
  • Adding animation and avatar manipulation tools

Support us

How to draw

  • Frames use vector format (SVG), you need to take the coordinates of the shape from the file they are located at (digital sequence of text).

  • All parts of the "avatar" are divided into frames, on average they are 3, 5, 7 horizontal frames (there are no vertical ones).

  • In order for animation to work properly, it is necessary for points to be in right order, with the same quantity in frames, it is easy to observe if copied from the previous frame, afterwards providing changes for new one. How SVG Shape Morphing Works SVG Morphing (the easy way and the hard way).


  • Not all head positions look good.
  • The eye view in Firefox is incorrect.
  • In Edge and Internet Explorer browsers may not display properly.
  • We advise you to upgrade your browser to the latest version.

Adding to the project

If you have ideas or want to add hairstyles or something else to the project, let us know and your proposal will be considered.

Use that email to send:


  • Electrum18 Creator of the site, idea, coder GitHub · Deviantart
  • These are all developers, you can be one of them



Additional information can be found here:

You can’t perform that action at this time.