The full gallery
Tech stack
60 projects
Free JavaScript library for adding scroll animations, parallax effects, and text animations to websites using HTML attributes.
@iamdeepak89 · X
@JamesAuble https://t.co/GdUqHtJjbA
@Jasoliyaharsh1 · X
Explore a 3D lineup of kinetic soda cans with scroll-driven animations.
@fkadev · X
A soda-cans scroll animation using three.js with scroll animation. Completely built with Codex GPT 5.6 Sol Ultra in ~20mins. The textures are being generated by imagegen skill. Not polished version. This is crazy af Demo: Source:
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 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
Interactive React parallax component with scroll and pointer motion effects, zero dependencies.
@iampoul · X
made with v0 and just a fun demo to try my own parallax package xD got bored.
Create vector and 3D animations in your browser with AI generation and keyframe editing.
@listudio · X
Fable 5 规划+Codex 执行，效率真的很 ok。一个周末上线了两个工具网站。麻了。。 👉： 和
Create motion graphics and animations in your browser with AI assistance.
u/StylePristine4057 · Reddit
I Updated Motionly: A free, lightweight, AI-assisted motion graphics editor that runs right in your browser. The video above was created from a Motionly project written with help from an AI assistant. I'm building Motionly, an open-source motion graphics editor that lets AI help create editable animation projects instead of just generating a final video. The idea is simple: AI creates the first draft, then you open it in Motionly and refine it visually. You can move elements
Verify web UI animations are on-budget and reduced-motion-safe.
@Adolphi13543532 · X
An new technology for WebUi on scale, (lovable,base44,emergent…) who ever will get it first will be the 🤴🏽👇🏼
Hand-draw animations in your browser and export as PNG, SVG, WebM, MP4, or transparent MOV.
@TunTun669664 · X
最近做了一个小工具 Dranimo，可以把写字、绘画的过程直接变成动画✍️ 操作很简单，画完就能预览和导出 如果你刚好用得上，欢迎试试：
Apply motion from reference videos to turn static images into animated videos.
Kling Motion Control — AI Motion Transfer with Kling 3.0
Free browser-based tool for creating graphics, posters, and animations with built-in AI image generation.
Canvave — 简单图形设计和动画制作平台。无须专业技能也能做出任意尺寸的精美设计；最高支持图片 3x 或动画 240 FPS 导出；内置基于 Flux 的 AI 文生图、图生图；适合电商卖家、广告设计、社媒运营、独立开发等有设计需求的群体
