Magicui
A comprehensive UI Library for Design Engineers. It provides animated components and effects ready to be integrated into applications, offering a free and open-source solution.
This category holds open-source animation tools for UI motion, loaders, and short-form media. Anime is a JavaScript engine for timed animations. AutoAnimate adds drop-in transitions for frameworks like React and Vue, and Number-flow animates number changes across React, Vue, and Svelte. Skim the list when you need motion without a heavy design dependency.
30 tools available
A comprehensive UI Library for Design Engineers. It provides animated components and effects ready to be integrated into applications, offering a free and open-source solution.
Anime is a JavaScript animation engine designed to create complex, beautiful animations with ease.
A spring physics-based React animation library enabling smooth animations in React.
A modern animation library for React and JavaScript that simplifies the implementation of dynamic animations and transitions.
An animated number component for popular frontend frameworks including React, Vue, Svelte, and JavaScript/TypeScript for enhanced UI experiences.
A library to create and animate hand-drawn annotations on a web page, bringing attention to important elements stylishly.
A powerful and flexible library for animations in React Native, reimagined to provide improved performance and usability.
Visualize Your Ideas With Code using Motion Canvas, designed for efficient and creative visualizations.
A zero-config, drop-in animation utility that adds smooth transitions to your web app. It seamlessly integrates with modern JavaScript frameworks like React and Vue.
A powerful Lottie wrapper for React Native that allows you to integrate smooth and engaging animations easily.
Cursor Animation Library for React & Next.js, enhancing user interaction with creative cursor effects.
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions, and fireworks animations. Use them as animated backgrounds for websites. Ready to use components for React.js, Vue.js, Angular, Svelte, and more.
Our Newsletter
Get short emails with useful animation projects, releases, and repos worth watching.
Motion Primitives is an open-source UI kit designed to help developers create beautiful, customizable, and animated interfaces more efficiently.
An SVG-powered component library for creating customizable skeleton loading animations in React applications.
A library for writing PIXI applications using React's declarative style, enabling seamless integration and rendering of graphics.
๐๏ธ ๐ An animated wave component for enhancing your React projects with dynamic and visually appealing wave animations.
A React component for smooth scrolling to elements within a webpage.
Easily apply tilt hover effect to React components with this lightweight library that has zero dependencies and a small footprint of just 3kB.
Moti is a powerful animation library for React Native and web, leveraging Reanimated 3 to create smooth animations effortlessly.
A comprehensive React Native library for creating modals with swipeable, highly customizable features, supporting multiple modals and custom animations for both iOS and Android.
Animotion allows you to create beautiful and interactive presentations using Svelte, enhancing web presentations with smooth animations and transitions.
A zero-dependency Swipeable FlatList for React-Native offering gestures, quick actions, and animations. Simple and efficient for enhancing user interaction.
A React Native library for animating number changes, adding dynamic visual effects to your applications.
A tool to easily share terminal sessions as animated SVGs and CSS styles.
MoneyPrinterTurbo enables one-click generation of high-definition short videos using AI large language models (LLMs), making video creation fast and accessible for content creators.
Wan2.2 is an open and advanced large-scale generative model focused on video creation. It leverages state-of-the-art AI techniques to generate high-quality, realistic videos from text or other inputs, supporting research and creative projects.
Advanced audio-based lip synchronization software designed for seamless editing of talking head videos in various uncontrolled environments, enabling high-quality video modifications.
Create stunning animations from mundane screen recordings in seconds, offering a streamlined and efficient process for generating engaging visual content.
A simple animated pagination dot component for React Native applications, enhancing navigation experience.
A native bounceable effect for any React Native component, built with Reanimated 2 and compatible with Expo (Web).
Get notified about new tools and updates to existing ones.