Home / Technologies / Fonts & UI / Lottie

Fonts & UI

Websites Using Lottie

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.

Example websites using Lottie

These domains all contain the lottie-player fingerprint in their homepage source right now. A match is a verified substring of the live page, so confidence is high, the false positives noted above are the main caveat.

• 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/3eb25213-0d77-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" play_when_visible="0" background_trans...
• 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 of 113,867 matching sites. Open the full ranked list, inspect the matched source, and export the domain list →

Related technologies

How this works

SearchWebCode indexes the raw HTML, CSS and JavaScript source of public web pages. To find sites using Lottie we match the literal fingerprint lottie-player, the code Lottie ships, against that index, then verify each match against the raw source. Counts reflect the current index (129,313,463 domains, refreshed monthly, last built August 2026) and grow as we scale toward the whole web. Run the search yourself to see every match, view the full page source for any result, filter by TLD or regex, and export the domain list.

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