Tag
A pure CSS implementation of sunlight streaming through a window, featuring progressive blur, billowing leaves with SVG filters, and sunrise/sunset transitions. Includes detailed code explanations for each visual effect.
The author open-sourced oil-motion, an Agent Skill for integrating continuous motion generated by AI video into web interactions such as scrolling and mouse, providing a complete solution covering generation, inspection, compression, and front-end integration.
Gabriel Peyre presents The Mathematical Nexus, a collection of 800 animated vignettes and 140 Python notebooks covering most of his mathematical content shared on social media.
Recommend a free and open-source macOS tool Maya that can turn iPhone screen recordings into beautiful promotional videos with device frames, animations, and zoom effects, comparable to paid products like matte.
Introducing the emilkowalski/skills repository: a collection of skills for designers and engineers to help AI agents build user interfaces with fewer errors, higher design quality, and smooth animations.
An animated, Rollercoaster Tycoon-inspired interactive visualization explains the chip manufacturing process by following a wafer through each stage of production.
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).