🐦 Twitter Post Details

Viewing enriched Twitter post

@MengTo

Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow content reveal, background effects and navigation transitions. Gemini 3 relies heavily on good prompting, ideally with image or code. Intro + animation on scroll: "Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0. Add a clip animation to the background, column by column using clip-path." Buttons: "Add a 1px border beam animation around the pill-shaped button on hover. " Text animation: "Add a vertical text clip slide down animation letter by letter" Logos looping: "Add a marquis infinite loop slow animation to the logos using alpha mask" Content switching: "Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards." Flashlight on hover: "Add a subtle flashlight effect on hover/mouse position to both background and border of the cards." Testimonials looping: "Make the cards animate marquis in an infinite loop with alpha mask slowly."

📊 Media Metadata

{
  "media": [
    {
      "url": "https://crmoxkoizveukayfjuyo.supabase.co/storage/v1/object/public/media/posts/1992213336205951143/media_0.mp4?",
      "media_url": "https://crmoxkoizveukayfjuyo.supabase.co/storage/v1/object/public/media/posts/1992213336205951143/media_0.mp4?",
      "type": "video",
      "filename": "media_0.mp4"
    }
  ],
  "processed_at": "2025-11-27T20:39:47.338732",
  "pipeline_version": "2.0"
}

🔧 Raw API Response

{
  "type": "tweet",
  "id": "1992213336205951143",
  "url": "https://x.com/MengTo/status/1992213336205951143",
  "twitterUrl": "https://twitter.com/MengTo/status/1992213336205951143",
  "text": "Gemini 3 is the best model at creating animations. It's not even close.\n\nHere are the prompts I used for creating these UI animations.\n\nYou don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow content reveal, background effects and navigation transitions. \n\nGemini 3 relies heavily on good prompting, ideally with image or code.\n\nIntro + animation on scroll: \"Animate when in view: fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0.\n\nAdd a clip animation to the background, column by column using clip-path.\"\n\nButtons: \"Add a 1px border beam animation around the pill-shaped button on hover. \"\n\nText animation: \"Add a vertical text clip slide down animation letter by letter\"\n\nLogos looping: \"Add a marquis infinite loop slow animation to the logos using alpha mask\"\n\nContent switching: \"Animate the big card to rotate between 3 cards in a loop. Add prev/next arrows to switch between cards.\"\n\nFlashlight on hover: \"Add a subtle flashlight effect on hover/mouse position to both background and border of the cards.\"\n\nTestimonials looping: \"Make the cards animate marquis in an infinite loop with alpha mask slowly.\"",
  "source": "Twitter for iPhone",
  "retweetCount": 239,
  "replyCount": 54,
  "likeCount": 3197,
  "quoteCount": 5,
  "viewCount": 181663,
  "createdAt": "Sat Nov 22 12:47:27 +0000 2025",
  "lang": "en",
  "bookmarkCount": 4942,
  "isReply": false,
  "inReplyToId": null,
  "conversationId": "1992213336205951143",
  "displayTextRange": [
    0,
    274
  ],
  "inReplyToUserId": null,
  "inReplyToUsername": null,
  "author": {
    "type": "user",
    "userName": "MengTo",
    "url": "https://x.com/MengTo",
    "twitterUrl": "https://twitter.com/MengTo",
    "id": "5797422",
    "name": "Meng To",
    "isVerified": false,
    "isBlueVerified": true,
    "verifiedType": null,
    "profilePicture": "https://pbs.twimg.com/profile_images/1098613826709348353/_9_0Nd2X_normal.png",
    "coverPicture": "https://pbs.twimg.com/profile_banners/5797422/1763714696",
    "description": "",
    "location": "Singapore",
    "followers": 124077,
    "following": 418,
    "status": "",
    "canDm": true,
    "canMediaTag": true,
    "createdAt": "Sun May 06 00:22:13 +0000 2007",
    "entities": {
      "description": {
        "urls": []
      },
      "url": {}
    },
    "fastFollowersCount": 0,
    "favouritesCount": 35349,
    "hasCustomTimelines": true,
    "isTranslator": false,
    "mediaCount": 1396,
    "statusesCount": 27459,
    "withheldInCountries": [],
    "affiliatesHighlightedLabel": {},
    "possiblySensitive": false,
    "pinnedTweetIds": [
      "1991489885690364187"
    ],
    "profile_bio": {
      "description": "Founder at @designcodeio and https://t.co/Kpiogf2zVu. I teach designers code and developers design.",
      "entities": {
        "description": {
          "urls": [
            {
              "display_url": "aura.build",
              "expanded_url": "http://aura.build",
              "indices": [
                29,
                52
              ],
              "url": "https://t.co/Kpiogf2zVu"
            }
          ],
          "user_mentions": [
            {
              "id_str": "0",
              "indices": [
                11,
                24
              ],
              "name": "",
              "screen_name": "designcodeio"
            }
          ]
        },
        "url": {
          "urls": [
            {
              "display_url": "designcode.io",
              "expanded_url": "http://designcode.io",
              "indices": [
                0,
                23
              ],
              "url": "https://t.co/sfSadC7pPl"
            }
          ]
        }
      }
    },
    "isAutomated": false,
    "automatedBy": null
  },
  "extendedEntities": {
    "media": [
      {
        "additional_media_info": {
          "monetizable": false
        },
        "allow_download_status": {
          "allow_download": true
        },
        "display_url": "pic.twitter.com/AYGLJIKglh",
        "expanded_url": "https://twitter.com/MengTo/status/1992213336205951143/video/1",
        "ext_media_availability": {
          "status": "Available"
        },
        "id_str": "1992207249092329473",
        "indices": [
          275,
          298
        ],
        "media_key": "13_1992207249092329473",
        "media_results": {
          "id": "QXBpTWVkaWFSZXN1bHRzOgwABAoAARulvfAZG0ABAAA=",
          "result": {
            "__typename": "ApiMedia",
            "id": "QXBpTWVkaWE6DAAECgABG6W98BkbQAEAAA==",
            "media_key": "13_1992207249092329473"
          }
        },
        "media_url_https": "https://pbs.twimg.com/amplify_video_thumb/1992207249092329473/img/F4CzuZ02yuA3Bp6f.jpg",
        "original_info": {
          "focus_rects": [],
          "height": 2160,
          "width": 2880
        },
        "sizes": {
          "large": {
            "h": 1536,
            "w": 2048
          }
        },
        "type": "video",
        "url": "https://t.co/AYGLJIKglh",
        "video_info": {
          "aspect_ratio": [
            4,
            3
          ],
          "duration_millis": 32933,
          "variants": [
            {
              "content_type": "application/x-mpegURL",
              "url": "https://video.twimg.com/amplify_video/1992207249092329473/pl/5YOEYFPnT1bvzGms.m3u8?tag=21"
            },
            {
              "bitrate": 256000,
              "content_type": "video/mp4",
              "url": "https://video.twimg.com/amplify_video/1992207249092329473/vid/avc1/360x270/ZU-GUr2ekx1drpc2.mp4?tag=21"
            },
            {
              "bitrate": 832000,
              "content_type": "video/mp4",
              "url": "https://video.twimg.com/amplify_video/1992207249092329473/vid/avc1/480x360/9dNXlJZdjaxSm6Zt.mp4?tag=21"
            },
            {
              "bitrate": 2176000,
              "content_type": "video/mp4",
              "url": "https://video.twimg.com/amplify_video/1992207249092329473/vid/avc1/960x720/HOXhigTzsx6E_Ag2.mp4?tag=21"
            },
            {
              "bitrate": 10368000,
              "content_type": "video/mp4",
              "url": "https://video.twimg.com/amplify_video/1992207249092329473/vid/avc1/1440x1080/hN2RwRU5JF0bQmsF.mp4?tag=21"
            },
            {
              "bitrate": 25128000,
              "content_type": "video/mp4",
              "url": "https://video.twimg.com/amplify_video/1992207249092329473/vid/avc1/2880x2160/G6OLb91on23MBq64.mp4?tag=21"
            }
          ]
        }
      }
    ]
  },
  "card": null,
  "place": {},
  "entities": {},
  "quoted_tweet": null,
  "retweeted_tweet": null,
  "isLimitedReply": false,
  "article": null
}