Skip to content

Czmirror/UInya

Repository files navigation

UInya 🐱

Cat UI SVG Generator for Games

UInya screenshot

Generate cute cat-themed game UI assets as SVG or PNG directly in the browser.

UInya is a lightweight editor for creating cat-styled UI elements such as buttons, frames, gauges and icons.

It runs entirely in the browser and exports clean SVG assets ready for games or web apps.


Demo

Try it here:

https://czmirror.github.io/UInya/


Features

  • SVG / PNG export

  • Cat-themed UI templates

  • Decoration parts (ears, eyes, paws, tail, etc.)

  • Customizable colors

  • Transform tools (move / rotate / scale)

  • Lightweight browser editor

  • No login required

  • No backend processing


Example UI Elements

UInya can generate UI assets such as:

  • cat ear dialog frames

  • paw-style buttons

  • tail shaped gauges

  • cat icon frames

  • decorative UI elements

You can combine templates and parts to quickly prototype a game interface.


Basic Workflow

  1. Select a template or part from the sidebar

  2. Place it on the canvas

  3. Adjust color, size, rotation or position

  4. Combine multiple elements

  5. Export as SVG or PNG


Why UInya?

Many asset generators focus on characters.

UInya focuses on UI components for games.

It is designed for developers who want quick UI placeholders or stylized assets without opening a full design tool.


Tech Stack

  • TypeScript — type-safe codebase
  • SvelteKit — UI framework (@sveltejs/adapter-static for static output)
  • Fabric.js — canvas interaction and SVG manipulation
  • Tailwind CSS — styling
  • Vite — build system
  • GitHub Pages — hosting via GitHub Actions

Architecture

The application is structured as a client-only web tool.

  • UI editor layer — Handles canvas interactions, object selection, transform tools and property editing via Fabric.js.
  • Asset / template layer — Manages SVG-based cat parts, templates, silhouettes and accent assets. All assets are static SVG files bundled at build time.
  • Export layer — Exports the canvas as SVG (with viewBox) or transparent PNG (via Canvas toDataURL).

Because all processing happens in the browser, the tool requires no backend services.


Development Background

UInya was created as an experiment in building lightweight asset generation tools for game development.

The goal was to create a browser-based UI asset generator that allows rapid prototyping of stylized game interfaces without relying on heavy design tools.


License

MIT License

Generated images are free to use, including commercial use.


Roadmap

  • grid guide
  • snap positioning
  • flip transforms
  • line / bezier drawing tools
  • random cat UI generator
  • font selection (serif / rounded / sans-serif)
  • expression parts and accent decorations
  • additional UI templates
  • ZIP batch export

Contributing

Issues and pull requests are welcome.

If you have ideas for new templates or parts, feel free to open an issue.

About

猫のUIを作るWebサービス

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors