
MotionLoom - GPU Effect Engine
Create GPU-accelerated video effects and motion graphics using a visual graph and code interface.
LOVELYZOMBIEYHO
The full gallery
Tech stack
60 projects

Create GPU-accelerated video effects and motion graphics using a visual graph and code interface.
LOVELYZOMBIEYHO

Create vector and 3D animations in your browser with AI generation and keyframe editing.
@listudio · X
Fable 5 规划+Codex 执行,效率真的很 ok。一个周末上线了两个工具网站。麻了。。 👉: 和

Import 2D paths from Adobe Illustrator, transform them in 3D, and export as vectors without rasterizing.
@kamone · X
I built (vibe coded) my own geometry engine from scratch. It keeps path as path, and does the transformation and the silhouette splitting. You can see the code here. One single html file.

React and Next.js library with 30+ free interactive effects to preview and install.
@jyotipathak___ · X
We launched Vault today and we’re excited to take you through an experience designed to impress from the first scroll to the last. Vault is a React/Next.js effects library. Preview the effect. Install it. Ship it. Constructive feedbacks appreciated

Real-time WebGL shader creating liquid metal effects for UI components.
@MengTo · X
These will instantly make your vibe-coded projects look less generic. Free, open-source libraries from the same creator: • • •

Generate AI videos from text, images, or reference clips with motion control.
VidLux AI — AI 视频生成与编辑平台,支持文生视频、图生视频、参考生视频和视频编辑

Turn math, science, systems, and ideas into polished animated videos. Write readable Manic, preview locally or in your browser, and export when the story is ready.
u/anish2good · Reddit
Turn selected web-page text, equations, and diagrams into an animation manic is a declarative language for visual explanation. You write a readable text file; Manic turns it into a smooth, deterministic animation. No timeline scrubbing and no hand-managed keyframes — you describe the objects, the relationships, and the story beats while the engine handles motion, continuity, layout, rendering, and repeatable output. Manic powers visual explanations, animated lessons, simula

Create AI-animated live wallpapers using visual flows or trendy style templates.
@suwakopro · X
一直想用ai做动态壁纸,试了半天各种方案感觉基本没有找到能做到无限完美循环的,无论是首尾帧还是试了试civitai上面的几个基于wan2.2的几个模型,感觉效果一般,最后找到这家: 不需要用这个网站上面卖的模型,可以直接用grok生成一段视频,grok生成动态桌面性价比特别好,还特别便宜,基本上免费的480p就够用了,用类似这样的提示词: 可循环,呼吸,胸部随着呼吸晃动,首尾循环,wallpaper engine,Static camera, Fixed camera, Locked-off shot, Tripod shot, No camera movement, Camera remains still. 你可以根据视频往里面加一些提示词增加动态。 制作前可以先剪辑一下,大概保证首尾帧之间留着1.5秒的动作,如果首尾帧不对,那么生成的结果可能会导致速度,节奏怪异。但是这个模型感觉还可以,你用grok生成的视频大部分都不需要剪就可以用了。然后可以用这里面的超分模型放大,或者自己找一个本地的超分模型也可以 我做了一个示例: 根据这个图: 可以看到循环的效果还是挺不错的,即使特意做了比较大的动态循环也基本看不出问题 只用充一个最低档,只用循环模型就够你把想要的图全部做成动态桌面了。 估计以后minimax h3会有人训练做这种无限循环的lora,效果应该会更好。

Browse and download ready-made CSS animations for your web projects.
@imdecentralized · X
How I avoid UI's that looks vibe coded: This is my inspiration store. Beyond just an existing website it has specific components and animations that you can use directly rather than asking claude to generate some based on a website. Stop the slop

Turn HTML animations into watermark-free video for YouTube, TikTok and social platforms.
@FrameCastVideo · X

Free browser-based tool for creating graphics, posters, and animations with built-in AI image generation.
Canvave — 简单图形设计和动画制作平台。无须专业技能也能做出任意尺寸的精美设计;最高支持图片 3x 或动画 240 FPS 导出;内置基于 Flux 的 AI 文生图、图生图;适合电商卖家、广告设计、社媒运营、独立开发等有设计需求的群体

Create animations and motion graphics with layer-based timeline editing and node-based compositing.