Blog
Tutorials and guides for Ohiyo's SVG tools.
Tutorials
How to turn any photo into a hand-pressed stamp (free, browser-only) →
Drop a photo, pick a preset (Sketch / Stamp / Vintage), pick one of eight ink colors, download a print-ready PNG. Optional arc text behind a $5 unlock.
How to make a Notion cover that matches your brand (free, browser-only) →
Drop an image, extract a brand palette, generate a premium 3D abstract cover for Notion / Linktree / Bento / landing pages. Deterministic colors, no signup.
4 modern animate.css alternatives in 2026 (visual, SVG-friendly, free) →
Side-by-side look at Animista, Hover.css, Motion One, and AutoKit — when each one beats animate.css, and when animate.css is still the right call.
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.