awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

animated icon library

Ranking updated Jun 30, 2026

For a library of animated icons for web, the first results are samherbert/svg-loaders (SVG-Loaders is a lightweight library of animated SVG loading icons with color customization via CSS/SMIL, fitting the request for animated icons but limited to the SVG format and loading-only animations — so it lacks Lottie, GIF, JSON exports and an interactive editor), n3r4zzurr0/svg-spinners and akveo/eva-icons. useanimations/react-useanimations and airbnb/lottie-react-native round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

We curate open-source GitHub repositories matching “animated icon libraries”. Results are ranked by relevance to your query — pick filters below to narrow, or refine with AI.

Results for “a library of animated icons for web”

Find the best repos with AI.We'll search the best matching repositories with AI.
  • samherbert/svg-loadersSamHerbert avatar

    SamHerbert/SVG-Loaders

    7,017View on GitHub↗

    SVG-Loaders is a library of animated SVG icons designed to signal ongoing activity while content loads in a web interface. The project provides lightweight, scalable loading animations built entirely with pure SVG markup, requiring no external JavaScript dependencies or raster images. The library focuses on delivering visual feedback through inline SVG animations, using CSS keyframes or SMIL to animate elements directly within the HTML document. Each loader's fill color can be customized by changing the SVG's fill attribute, allowing the icons to match the interface design. The animations are

    SVG-Loaders is a lightweight library of animated SVG loading icons with color customization via CSS/SMIL, fitting the request for animated icons but limited to the SVG format and loading-only animations — so it lacks Lottie, GIF, JSON exports and an interactive editor.

    HTMLInline SVG AnimationsPure SVG Animations
    View on GitHub↗7,017
  • n3r4zzurr0/svg-spinnersn3r4zzurr0 avatar

    n3r4zzurr0/svg-spinners

    6,989View on GitHub↗

    svg-spinners is a collection of animated vector loading indicators. It serves as an SVG spinner library that provides a set of reusable graphics used to signal background processes or page loads. The project consists of a CSS animation library and a SMIL animation collection. It utilizes both CSS-driven keyframe animations and the Synchronized Multimedia Integration Language to create rotating and pulsing visuals. These assets are designed for frontend integration to provide user interface feedback. The library employs SVG-native shape rendering and fixed-dimension viewport scaling to ensure

    This repository provides a collection of animated SVG loading spinners using CSS and SMIL animations, fitting the animated icon library category for web projects, though it focuses narrowly on loading indicators and lacks Lottie support, GIF exports, a built-in editor, and explicit color/size customization features.

    SVGPure SVG AnimationsSMIL Animations
    View on GitHub↗6,989
  • akveo/eva-iconsakveo avatar

    akveo/eva-icons

    8,822View on GitHub↗

    eva-icons is a comprehensive cross-platform UI icon pack providing over 480 scalable vector graphics and font-based icons. It functions as both an SVG icon library and a web font icon set designed for consistent use across web, iOS, and Android interfaces. The collection is an animated icon set that supports motion effects such as zooming, pulsing, shaking, and flipping to provide visual feedback or draw user attention. The library covers the implementation of SVG graphics and web font iconography, enabling the injection of visual elements via JavaScript or CSS stylesheets. It supports multi

    Eva Icons is a cross-platform UI icon pack that includes animated icons with various motion effects using CSS animations, but it does not offer Lottie support or multiple export formats like GIF/JSON, making it a solid fit for CSS-animated icons but less comprehensive for the full range of animation types requested.

    TypeScriptIcon Styling
    View on GitHub↗8,822
  • useanimations/react-useanimationsuseAnimations avatar

    useAnimations/react-useanimations

    1,219View on GitHub↗

    React-useanimations is a collection of free animated open source icons for React.js.

    This is a React component library offering a set of animated icons powered by Lottie, which directly matches your search for an animated icon collection, though it is limited to React projects and doesn't include multiple export formats or a built-in editor.

    TypeScriptIcon Frameworks and Utilities
    View on GitHub↗1,219
  • airbnb/lottie-react-nativeairbnb avatar

    airbnb/lottie-react-native

    17,164View on GitHub↗

    lottie-react-native is a React Native animation library and cross-platform vector animation engine used to render high-quality animations exported from After Effects via the Lottie file format. It functions as a Lottie animation player that allows mobile applications to display hardware-accelerated animations that maintain visual quality across different screen resolutions. The library serves as a dynamic animation controller, enabling the manipulation of playback, color filters, and text layers in real time. It provides the ability to change animation colors and visuals by applying filters t

    This repo provides a Lottie animation player for React Native but does not include a collection of animated icons itself—it renders individual Lottie files rather than offering a library of ready-to-use icons with varied formats.

    KotlinLottie PlayersJSON Animation RenderingVector Animation Libraries
    View on GitHub↗17,164
  • maxwellito/vivusmaxwellito avatar

    maxwellito/vivus

    15,460View on GitHub↗

    Vivus is a lightweight JavaScript library designed to animate the drawing of vector graphics within web browsers. It functions as a specialized motion framework that renders and animates complex illustrations by progressively revealing SVG path strokes. The library enables the creation of fluid, programmatic drawing effects for icons and decorative elements. By manipulating path lengths and synchronizing updates with the browser refresh rate, it provides a controlled method for applying motion to static vector assets. The engine supports custom timing and sequencing through declarative easin

    Vivus is a library for animating SVG path strokes, not a collection of pre-made animated icons; it can be used to create animations on icons but does not provide a library of icons with Lottie, multiple export formats, or a built-in editor.

    JavaScriptSVG Animation LibrariesVector Animation Libraries
    View on GitHub↗15,460
  • airbnb/lottie-webairbnb avatar

    airbnb/lottie-web

    31,926View on GitHub↗

    This project is a cross-platform animation engine and vector animation player designed to render complex motion graphics within web browsers. It functions as a declarative motion framework, allowing developers to decouple visual design from application logic by using structured data files to define sophisticated animations. The library distinguishes itself by offering multiple rendering paths, including native support for vector graphics through the browser document object model and raster-based drawing via canvas elements. It utilizes a dedicated property interpolation engine to calculate ke

    lottie-web is a rendering engine for playing Lottie animations in the browser, not a collection of pre-made animated icons — it supports the Lottie format but does not provide the icon assets themselves.

    JavaScriptVector Animation Libraries
    View on GitHub↗31,926
  • lottie-react-native/lottie-react-nativelottie-react-native avatar

    lottie-react-native/lottie-react-native

    17,167View on GitHub↗

    lottie-react-native is a library for rendering Lottie JSON animations as native graphics within a cross-platform mobile framework. It serves as a JSON-based animation renderer that parses design-exported files into high-performance vector animations on mobile devices. The framework uses a GPU-accelerated vector animation implementation to offload rendering to the device processor, reducing CPU load to maintain smooth motion. It provides a cross-platform motion framework for controlling animation playback, layout scaling, and dynamic color modifications across different mobile screens. The li

    This is a Lottie animation renderer for React Native, not a collection of animated icons — it plays animations you provide rather than offering a ready-to-use icon library.

    KotlinLottie PlayersJSON Animation Rendering
    View on GitHub↗17,167
  • chenyilong/cyltabbarcontrollerChenYilong avatar

    ChenYilong/CYLTabBarController

    6,996View on GitHub↗

    CYLTabBarController is an iOS tab bar UI library and interface system designed for implementing advanced navigation layouts, glassmorphism effects, and dynamic vector-based icon animations. It provides a collection of components to customize the standard iOS navigation bar with specialized visual styles and layouts. The library distinguishes itself through the integration of Lottie for vector animations within navigation icons and the inclusion of a glassmorphism UI kit for creating blurred, translucent overlays. It specifically enables the implementation of emphasized center action buttons a

    This is an iOS tab bar UI library that can display Lottie-animated navigation icons, but it is not a general-purpose collection of animated icons for web or mobile projects — it is a specific navigation component rather than a standalone icon library.

    SwiftLottie Animation IntegrationsLottie Integrations
    View on GitHub↗6,996
  • dmitrybaranovskiy/raphaelDmitryBaranovskiy avatar

    DmitryBaranovskiy/raphael

    11,284View on GitHub↗

    Raphael is a JavaScript library for creating, manipulating, and animating scalable vector graphics. It provides a programmatic interface and a cross-browser renderer for drawing 2D vector graphics and complex shapes within a web browser. The project functions as an SVG animation framework and drawing API, allowing for the construction of diagrams, charts, and custom illustrations. It enables the creation of motion graphics through the transformation of vector elements using coordinate systems and easing functions. The library covers capabilities for scalable vector rendering, dynamic data vi

    Raphael is a programmatic SVG drawing and animation library, not a collection of pre-made animated icons — you would use it to build your own animations rather than grab ready-to-use icons with Lottie, CSS, or GIF export.

    JavaScriptSVG Animation LibrariesVector Animation Libraries
    View on GitHub↗11,284
  • alyssaxuu/motionityalyssaxuu avatar

    alyssaxuu/motionity

    3,976View on GitHub↗

    Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin

    Motionity is a browser-based motion graphics editor and video compositor for creating animations, not a library of pre-made animated icons to drop into projects — while it supports Lottie and keyframe animation, it is a creation tool rather than a collection of ready-to-use icons.

    JavaScriptLottie PlayersJSON Animation Rendering
    View on GitHub↗3,976
  • adobe-webplatform/snap.svgadobe-webplatform avatar

    adobe-webplatform/Snap.svg

    14,012View on GitHub↗

    Snap.svg is a JavaScript library for creating, manipulating, and animating scalable vector graphics directly in the web browser. It functions as a browser-based SVG generator and vector graphics manipulation tool, providing a framework to programmatically generate complex drawings and masks. The project serves as an animation engine for transitioning visual properties and attributes over time to create motion. It enables the development of dynamic SVG content, including the ability to animate viewboxes, matrices, and polygon points. Its capability surface covers geometric calculations and th

    Snap.svg is a JavaScript SVG animation and manipulation library, not a pre-made collection of animated icons—it lacks ready-to-use icon sets, Lottie support, and built-in export formats like GIF or JSON that the search asks for.

    JavaScriptSVG Animation LibrariesVector Animation Libraries
    View on GitHub↗14,012
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
samherbert/svg-loaders7KHTMLMITJan 2, 2025
n3r4zzurr0/svg-spinners7KSVGMITMay 5, 2023
akveo/eva-icons
8.8K
TypeScript
MIT
Mar 4, 2023
useanimations/react-useanimations1.2KTypeScriptNOASSERTIONJun 12, 2024
airbnb/lottie-react-native17.2KKotlinApache-2.0Jun 10, 2026
maxwellito/vivus15.5KJavaScriptmitJul 6, 2022
airbnb/lottie-web31.9KJavaScriptMITSep 1, 2025
lottie-react-native/lottie-react-native17.2KKotlinApache-2.0Jun 23, 2026
chenyilong/cyltabbarcontroller7KSwiftMITMay 20, 2026
dmitrybaranovskiy/raphael11.3KJavaScriptMITJan 12, 2024

Related searches

  • an icon set library for web and app interfaces
  • an animation library for React components
  • a library for creating Flutter animations
  • an animation library for Svelte transitions
  • an open source icon set for developers
  • Custom icon sets
  • Icon font libraries
  • a collection of components for SwiftUI development