Home / Technologies / Fonts & UI / Lottie

Fonts & UI

Lottie in Homepage Source

Lottie renders After Effects animations as small, scalable JSON in the browser, most often through the LottieFiles lottie-player web component.

The source-code fingerprint

Pages register the custom element by loading the lottie-player (or dotlottie-player) script, so the lottie-player tag name appears in the source.

Likely false positives: Sites that call the lottie-web library directly (lottie.loadAnimation) instead of the web component won't match this tag, so real usage is higher.

Stored source examples for Lottie

These examples matched lottie-player in stored homepage source when the query was sampled on 2026-10-14. The sites may have changed since the source was captured. A match establishes a source reference; it does not confirm an active installation or code execution.

• www.twitch.tv ...-feed.components.stream-feed-item.components.nudge-to-watch.lottie-player",832:"sites.mweb.pages.moderation.mod-view",1088:"features....
• brave.com ...ner h-fit">\n \n <script type="module" src="/js/lottie-player.7781cf8d05007e333cb7f638e2b315be2f4cd3e04ba967c6c319c82ed56...
• gumroad.com ...x-1/2 -translate-y-1/2 lg:top-20 lg:w-80 lg:h-80">\n <lottie-player\n src="https://assets.gumroad.com/images/about/gumh...
• sateliot.space ..._display-swap">\n<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" defer></script>\n<script src="...
• newsroom.spotify.com ...uery/jquery-migrate.min.js?ver=3.4.1"></script>\n<script id="lottie-player-js-js" src="https://newsroom.spotify.com/wp-content/themes/...
• www.cognitoforms.com ...ing signatures directly integrated with your forms.</span> <lottie-player loop="true" mode="normal" src="https://static.cognitoforms....
• business.safety.google ... data-cy="heroB-media">\n <figure>\n <lottie-player class="lottie-container bsp-lottie-player" src="https://www...
• signal.org ...<div class="lottie-wrapper"><div class="lottie-animation"> <lottie-player src="/animations/encryption-animation.json" background="#A5...
• www.smartsheet.com ...dule"></script>\n<script src="https://unpkg.com/@lottiefiles/lottie-player@2.0.12/dist/lottie-player.js"></script>\n<script src="/sites...
• www.awwwards.com ... Nominees\n <lottie-player\n class="has-sticker__ico"\n ...
• www.trellix.com ...Load Lottie + GSAP Control\r\n if (document.querySelector('lottie-player, .lottie-container, [data-lottie], .st-lottie')) {\r\n v...
• segment.com ...date notification.">\n\t\t\n\t\t\n\t\t<div class="lottie-media-image lottie-player ">\n\t\t\t<div class="overlay"></div>\n\t\t\t\n\t\t\t<lottie-player bac...
• onesignal.com ... \n <lottie-player src="https://media-cms.onesignal.com/cms/v3-homepage-hero_2...
• patchstack.com ...ass="oxy-lottie-animation" alt="animated Patchstack logo"><lottie-player renderer="svg" id="-lottie-animation-853-7201-lottie" src="...
• userguiding.com ...d w-script"><!---script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>\n\n<lottie-player\n ...
• seon.io ...ntainer-style-inline-css">\n.wp-block-seon-lottie-container .lottie-player,.wp-block-seon-lottie-container .lottie-player svg{display:...
• clips.twitch.tv ...-feed.components.stream-feed-item.components.nudge-to-watch.lottie-player",832:"sites.mweb.pages.moderation.mod-view",1088:"features....
• hackaday.io ...on: center; background-repeat: no-repeat;"></div>\n <!-- <lottie-player src="/splash.json" background="transparent" speed="1" prese...
• neliosoftware.com ...ns {\n margin: 32px auto;\n max-width: 65em;\n}\n.cover-columns lottie-player {\n max-width: 100%;\n}\n.group-columns {\n gap: 0 !important;\n...
• servmask.com ...on">Live Demo</a>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<figure>\n\t\t\t\t\t<lottie-player src="https://d1zsuv05404qm1.cloudfront.net/05c43e34-a515-4b...
• www.billplz.com ...cript) -->\n\n <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js" type="text/javascript"></scri...
• www.acquia.com ...ass="visually-hidden">Lottie file</div>\n <div><lottie-player autoplay="autoplay" loop play_when_visible="0" background_...
• aawsat.com ...iv class="newsletter-ico">\n <lottie-player autoplay loop mode="normal" src="/themes/custom/aawsatv3/as...
• www.sequoiacap.com ...iv class="ink__content" style="--mg--ink-protection: 0;">\n\t<lottie-player loop speed="1" background="transparent" class="ink__animati...
• spotler.com ...rc="https://spotler.com/wp-content/cache/min/1/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=1770815437"></script>\n ...
• tophat.com ...ipts/countdown.js?ver=new"></script>\n<script id="editorplus-lottie-player-script-js" src="https://tophat.com/wp-content/plugins/edito...
• m.twitch.tv ...-feed.components.stream-feed-item.components.nudge-to-watch.lottie-player",832:"sites.mweb.pages.moderation.mod-view",1088:"features....
• oceana.org ...u003Cscript src=\"https://cdn.jsdelivr.net/npm/@lottiefiles/lottie-player@2.0.4/dist/lottie-player.min.js\"\u003E\u003C/script\u003E\...
• freedcamp.com ... </div>\n <!--\n <lottie-player class="section-top_pic desk" src="animation/Header2.json"\n ...
• www.visitlondon.com ... <div class="anim">\r\n <lottie-player src="/-/media/files/london/visit/animations/tile-animations...

Showing 30 checked source examples. The headline is estimated matches. Open the full ranked list, inspect the matched source, and export the domain list →

Related technologies

How this works

The headline distinguishes candidate upper bounds (index prefilter), estimated matches (a projection from checked samples) and verified matches (an exact count established by the engine). The index contains 131,219,565 homepage documents, one homepage per hostname, including subdomains. The source index was promoted 2026-09-22 and follows a quarterly rebuild schedule. The sample date is when this query was checked against the stored index, not a new crawl of each example site.

Comparing adoption across tools? The Web Technology Adoption Report ranks the most common tags in the index side by side.