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

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

Browse production-grade UI templates, components, and blocks for React and Next.js apps.
@vanta_ui · X
UI Library built from real products

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

React library with 60+ scroll-driven section transitions for modern websites.
@itz_sayan_03 · X
Ever wondered how cinematic scroll-driven websites are built? 👀 Meet SectionFlow—an open-source React library with 60+ ready-to-use section transitions, a one-command CLI, reusable sections, and optimized performance. 🚀

Browse interactive React and Next.js components, blocks, and Tailwind templates.
@Ksparth12 · X

Export Figma Motion timelines and play them in JavaScript frameworks and React Native.
@buildwithiso · X
Motion To Code

Capture UI elements with code context and screenshots to share with AI agents for debugging visual bugs.
Loerei · HN
I found that describing where a broken UI is and taking screenshots for AI agents really sucks. I’m too lazy to explain an indescribable visual bug or capture a millisecond-long flash. I also don’t want to remember which file defines an element, whether it's right in the .tsx or a problem with the Parent Styles in .css. And even if you can point out the exact file, your agent still has to dig through thousands of lines of code to know what on earth you're yapping about. In a 7700-file monorepo like Cal.com, simply giving the right file in the prompt for your agent saves about 68.9% of execution time and 94.2% of the tokens your agent needs to digest. HoverSource gives all the needed information and further pushes it to -88.5% time and -94.5% tokens, basically skipping the entire digging session and jumping straight to reasoning and executing. The save is linear to how big your codebase is. I want to save tokens, but don’t want to spend my time and energy digging manually, and a junio

Paint areas of images and add springy wobble effects to create animated GIFs or videos.
plutozc · V2EX
purupuru 抖动起来吧 部分图片区域抖动工具 二次元们 抖动起来吧 [purupuru maker]( https://purupuru-maker.com/) 二次元们 各位食用愉快😀 各种不同的抖动方式 优化了下手机端使用

Generate custom video overlays with AI from text descriptions; export as transparent WebM.
@rsaladocid · X
Generate unique video overlays with AI

Convert design mockups and screenshots to code automatically.
@AnimaApp · X
Image to code in 1 minute - 20x faster than Claude Code and with much higher fidelity. Try it at and let us know how we did 🤘

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

Search and copy production-ready UI components for your projects.
@ArthurMrcnr · X