animation⁽²⁵⁾

Camp Keyframe creates After Effects tutorials for animating 2D vector designs and illustrations. Patreon supporters gain access to project files, exclusive breakdowns, texture packs, and advanced tutorials not available on YouTube.

Codrops is a web design and development blog publishing articles, tutorials, and demos focused on creative front-end techniques. From WebGL experiments to CSS animations and interactive UI patterns — it's been a reference for web craftsmanship for over 15 years.

Native macOS screen recorder and editor with automatic zoom, cursor styling, background removal, timeline editing, and motion graphics. Built for product demos, tutorials, and launch videos.

Practical framework for designing motion that stops safely when timing, state, or performance fails. Covers duration limits, circuit breakers, static fallbacks, monitoring, and user controls.

Timeline-based animation inside Figma with keyframes, animated components, motion variables, and time-based comments. Dev Mode exports motion as CSS, JSON, React, or Motion.dev code.

Figma plugin adding timeline-based keyframe animation directly in Figma. Creates motion prototypes and exports without leaving your design file — the closest thing to After Effects inside Figma.

HyperFramer provides premium Framer components, animations, and interactions that go beyond what's available out of the box. Includes advanced scroll effects, custom cursors, parallax elements, and micro-interaction presets.

Jackie Droujko is a character designer for Netflix, DreamWorks, and Disney who shares exclusive illustrations, tutorials, art critiques, and behind-the-scenes content. Her Patreon includes access to a Discord community and detailed process breakdowns.

Motion design tool for animated social content, UI animations, and marketing video with a timeline-based interface. No After Effects required — ideal for designers who need motion output fast.

LDRS provides a collection of beautiful, lightweight loading animations as web components. Each loader is customizable via attributes (size, color, speed), zero-dependency, and works with any framework — perfect for adding polished loading states to any project.

LottieFiles is the ecosystem for Lottie animations — a lightweight, scalable animation format that plays natively on web and mobile. Browse 100,000+ free animations, create your own with their web editor, and integrate them with a simple embed code or SDK.

World's largest library of 600k+ lightweight, scalable Lottie animations with a creator tool, Figma plugin, and After Effects integration. The standard infrastructure for shipping animation in production apps.

Professional animation editor for creating Lottie animations. Real-time collaboration, interactive features, and direct Figma import. Build kinetic brand guidelines and motion systems.

Autodesk Maya is the industry-standard 3D software for modeling, animation, VFX, and rendering used in film, TV, and game production. Its deep toolset covers everything from character rigging to fluid simulations, with an extensive plugin ecosystem for specialized workflows.

Noodle by Goodboy Ninja is an After Effects plugin that turns static elements into dynamic, noodle-like shapes with organic squash and stretch. It's great for creating playful, character-driven animations with a lively, hand-drawn feel.

Origami Studio is Meta's free design prototyping tool used internally for products like Facebook, Instagram, and WhatsApp. Its patch-based visual programming system excels at creating complex, realistic interaction prototypes — especially micro-interactions and gesture-driven interfaces.

Open-source WebGL shader library with image filters, mesh gradients, noise, halftone, and animated effects. Use the visual editor or install zero-dependency React and JavaScript packages.

Pixel Composer is a node-based VFX tool designed specifically for pixel art, letting you create complex particle effects, distortions, and animations through visual scripting. It brings procedural motion graphics techniques to the pixel art world.

Animated React component library with text effects, backgrounds, UI elements, and small creative tools. Components can be copied directly or installed through shadcn and jsrepo.

React Grab is an interactive demo and component library showcasing advanced React interactions and animations. Praised for some of the most polished interactive demos in the React ecosystem — great for inspiration and copying proven interaction patterns.

110+ free React Native animations that run on Expo Go. Copy-paste ready code for mobile app animations.

Real-time interactive animation tool with state machines for user input, complex logic, and UI transitions. Exports production-ready runtimes for web, iOS, and Android — the most powerful tool for shipping interactive animation.

Text Supply offers premium animated text effect components for Framer — typewriter effects, gradient text, scroll-reveal text, and more. Add polished typographic animations to your Framer sites without writing custom code.

Open-source JavaScript animation library with a visual editor for creating complex web animations with frame-by-frame precision. For developers who want designer-level control over web motion.

ToonCrafter is an open-source AI model that generates smooth cartoon animations by interpolating between keyframe images. Feed it 2-4 drawings and it creates fluid animated sequences — a powerful tool for illustrators and animators exploring AI-assisted workflows.