Describe it.
Animate it.

Generate production-ready Lottie animations and interactive state machines from your terminal. Uses your existing Claude or Codex subscription. No credits, no editors.

$ npx @afromero/kin3o generate "button" --interactive
Prompt "5-bar audio waveform in amber"
Output valid JSON · 5 layers · 60fps

Real output, zero editing

Every animation on this page was generated by kin3o. No After Effects. No designers.

One command,
motion + interaction

Describe the animation. kin3o generates validated JSON and opens a live preview. Drop the file into any frontend.

  • React — lottie-react
  • Web — lottie-web
  • iOS — lottie-ios
  • Android — lottie-android
$ npx @afromero/kin3o generate "notification bell that shakes"

  Provider: Claude Code (sonnet)

  ✓ Generated in 21.3s
  ✓ Valid Lottie JSON
  ✓ output/notification-bell.json
Format
Lottie JSON
Layers
1 shape
Frames
180 @ 60fps
Size
2.1 KB
Drop into any frontend
import Lottie from 'lottie-react'
import bell from './bell.json'

export function Bell() {
  return (
    <Lottie
      animationData={bell}
      loop
      autoplay
    />
  )
}
<div id="bell"></div>

<script>
  lottie.loadAnimation({
    container:
      document.getElementById('bell'),
    path: './bell.json',
    loop: true,
    autoplay: true
  })
</script>
import Lottie

let bell = LottieAnimationView(
  name: "bell"
)
bell.loopMode = .loop
bell.play()

view.addSubview(bell)

State machines,
from text

Generate interactive animations with hover, click, and tap states — all from a single prompt.

$ npx @afromero/kin3o generate "toggle switch" --interactive

  ✓ Extracted 3 animations: idle, hover, pressed
  ✓ State machine valid
  ✓ Written to toggle-switch.lottie
Try it — hover and click
idle hover pressed

Choose the right tool

Great animation tools exist for different workflows. Here's where kin3o fits.

kin3o is great for
  • Generating animations from your terminal with AI
  • Interactive state machines from a text prompt
  • Using your existing Claude or Codex subscription
  • Git-friendly JSON output — diffable and reviewable
  • Customizable system prompts and design tokens
  • Works with the Lottie ecosystem — React, iOS, Android, After Effects

Start generating

$ npx @afromero/kin3o generate "loading spinner"

GitHub · MIT License · Built with Claude