Overshot — find the TikToks breaking out, and what they're selling

Loading video…

How to create animations as a vibecoder !!

@thisguyvibecodes

1.1K followers · usually 1.5K views a post

Views

6.9K

Likes

471

Comments

Selling · SaaS › AI Tool

Reporiaseen in 2 videos →

Why it worked

The video effectively combines a tutorial on animation tools with a personal devlog, making it relatable and informative. The creator's use of multiple tools and technologies to build their own app, Reporia, provides a practical demonstration and a clear call to action to follow their journey.

Summary

The video showcases four tools for creating animations as a "vibecoder": Jitter AI, Rive MCP, Figma Motion Lottie Plugin, and native language coding. It also introduces Reporia, a memory app built using a combination of these tools and technologies.

Structure

1Introduction to vibe coding and animation tools
2Showcasing Jitter AI for animation
3Introducing Rive MCP for interactive animations
4Demonstrating Figma Motion Lottie Plugin for exporting animations
5Discussing native language animation
6Introducing Reporia app and its development stack

Product placement

Jitter AI (Acts: animation tool, allows editing via timeline and AI agent, imports Figma designs. Removing it would change the video's focus on animation tools.) Rive MCP (Acts: tool for making interactive animations that run natively in apps, allows use of AI agents like Cloud Code. Removing it would change the video's focus on animation tools.) Figma Motion Lottie Plugin (Acts: plugin for Figma to export files into Lottie animations. Removing it would change the video's focus on animation tools.) Swift (Acts: programming language used to build animations natively. Removing it would change the video's focus on animation tools.) Reporia (Acts: a logistic memory app that allows users to log meals and track nutrition, and uses AI for memory recall. Removing it would change the video's focus on the app's features and onboarding.)