Spritulus is a 2D sprite animation tool for creating your own custom character assets and spritesheets.
Get StartedBrowse Sprites >What are sprites?
Sprites are 2D images used to optimize graphics and animation rendering. They are commonly used in video games and other graphical applications.
How do I use a sprite?
You can export spritesheets for use in your custom projects. Below is a list of supported export formats:
PixiJS
Export a PNG spritesheet and JSON data file compatible with the PixiJS framework. See the PixiJS documentation for more details.
React Component
Export a reusable React component that handles sprite rendering and animation. Including a sprite in your app can be as easy as:<Spritulus id="mr-basic-1" animationName="run" />.
SVG (Static)
Download static SVG files to directly edit in programs like Affinity Designer or Adobe Illustrator. Re-import them to add new parts for even more customizable characters and assets.
SVG Parts + JSON
Optionally export individual SVG parts along with a JSON file describing the sprite structure and animations. These resources can be used in more advanced cases.
Browse Other Resources
Want to create your own art style?
Import your own SVG parts and pieces to add on to existing templates.
Or create your own custom templates to quickly generate dozens of your own creations entirely of your own design.
Browse Templates >