Blog
Tutorials and guides for Ohiyo's SVG tools.
Tutorials
How to turn any SVG icon into a 3D puff sticker (free, browser-only) →
Drop a flat SVG, pick a mood preset, adjust per-layer color and depth, export PNG. Multi-color, multi-layer SVGs work natively. Browser-only, free 10/day.
How to bulk recolor SVG illustrations to match your brand (free) →
Drop Freepik or unDraw SVGs, auto-group every color into Primary / Accent / Neutral palettes, remap to your brand — shading preserved. Free, browser-only.
5 new SVG animation effects in AutoKit: Shake, Bounce, Swing, Tada, Draw →
Five new attention-grabbing CSS animations and a new Strong category for high-impact loops. Live SVG demos for each effect.
How to make animated isometric icons (flat SVG → animated graphic) →
Turn any flat SVG into an animated isometric icon in under a minute. IsoKit generates the iso version, AutoKit animates it. No CSS, no timeline editor, no After Effects.
How to animate SVG icons without writing CSS (or paying monthly) →
Drop an SVG, get entrance and loop animations assigned automatically. Shuffle until one feels right. Copy CSS free, $9 lifetime for SVG export.
How to make isometric icons from any SVG (in seconds, 6 angles at once) →
Drop a flat SVG, see all 6 isometric perspectives instantly, pick the ones you want. PNG free, $9 lifetime for vector SVG.