Tag
Promotion of the book 'Math for Web Design' which teaches mathematical principles for precise web layout and animation, covering CSS, JavaScript, and responsive design.
Lottie Creator 2.0 is a web-based animation tool built on Lottie, functioning as an After Effects alternative for the web.
A creator tests new AI models by challenging them to generate an animated SVG of a flamingo moonwalking on a Sardinian beach.
Introducing Amicro, an open-source React micro-interaction and transition component library that lets you add beautiful animations via CLI.
Ben Dicken shares his diagram creation process using Excalidraw for static layouts and Cursor for animation, part of a behind-the-scenes look at his technical article on sharding.
Sara Silkin presents a new AI motion capture pipeline, likely building upon the techniques used in 'Jibaro'.
A tweet recommending 10 standout skills from the UI Skills platform, including design engineering, animation, accessibility, and various front-end tools, with a detailed deep-dive into the 'emil-design-eng' skill.
Discovered a wonderful site motionsites.ai offering high-end AI website prompts. Copy-paste to quickly generate animated landing pages, SaaS, and portfolios, greatly improving efficiency.
background-clouds is a lightweight, dependency-free JavaScript library that renders an animated low-poly cloud bank behind a website using a single canvas, with support for reduced motion and SPA lifecycle methods.
A curated set of 17 design and motion principles distilled from Apple's WWDC videos, packaged as a reusable skill for design engineers to review and improve UI animations and interfaces.
A blog post demonstrating how to create an animated '♥PEACE♥FOR♥ALL' text display using the Factor programming language and the Raylib graphics library, inspired by an obfuscated bash script on a T-shirt.
A comparison of iPhone and Nothing Phone image rotation buttons highlights the importance of buffering taps during animations to avoid frustrating users, especially in non-casual usage scenarios.
OpenMontage is an open-source agentic video production system that can turn AI coding assistants (such as Claude Code, Cursor) into a full video production studio. With just one sentence description, it automatically handles research, scriptwriting, asset generation, editing, voiceover, subtitles, and rendering at extremely low cost (Pixar-quality animation for just $1.33).
A tutorial on using Figma Weave to quickly create rendered versions of pre-viz animations, making content stand out.
Integrated the open-source Paper Shaders and a UI component library to build an online page that supports full-screen preview and customizable parameters. Users can upload a Logo to quickly generate dynamic animations.
A workflow using the open-source /watch skill with Claude Code to create design templates for generating animation videos in minutes.
Fable 5 model generates a 644-line single-file HTML from a one-sentence description, achieving a realistic American flag fluttering effect including folds, lighting, and rhythm, all in one shot without any revision, demonstrating the AI's capability in complex code generation.
A virtual creature trained with reinforcement learning has been given fur and sound, with the sound generated directly from neural network activations. Trained using JAX and MuJoCo, and rendered with three.js and WebGPU, it presents a realistic effect of crawling on the floor, blending art and research.
Bloomberg reports that AI is driving a significant drop in animation production costs, potentially by 90%. Hollywood studios, workers, and unions are facing pressure from the reduction of human jobs.