PageSourceSearch

https://www.shepherdjs.dev/about

html shepherdjs.dev collected 2026-10-04 00:27:49 UTC 29,708 bytes, 151 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="manifest" href="/favicons/site.webmanifest"><meta name="generator" content="Astro v7.3.5"><!--favicons--><link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"><!-- Font preloads --><link rel="preload" href="/fonts/GTPressura-Bold.woff" as="font" type="font/woff" crossorigin><link rel="preload" href="/fonts/GTPressura-Bold.woff2" as="font" type="font/woff" crossorigin><link rel="preload" href="/fonts/FoundersGrotesk-Regular.woff2" as="font" type="font/woff" crossorigin><link rel="preload" href="/fonts/FoundersGrotesk-Regular.woff" as="font" type="font/woff" crossorigin><!-- Canonical URL --><link rel="canonical" href="https://www.shepherdjs.dev/about/"><!-- Primary Meta Tags --><title>About Shepherd.js</title><meta name="title" content="About Shepherd.js"><meta name="description" content="What Shepherd.js is, who maintains it, and how it is licensed.">
1<script>
2  !(function (t, e) {
3    var o, n, p, r;
4    e.__SV ||
5      ((window.posthog = e),
6      (e._i = []),
7      (e.init = function (i, s, a) {
8        function g(t, e) {
9          var o = e.split('.');
10          2 == o.length && ((t = t[o[0]]), (e = o[1])),
11            (t[e] = function () {
12              t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
13            });
14        }
15        ((p = t.createElement('script')).type = 'text/javascript'),
16          (p.async = !0),
17          (p.src = s.api_host + '/static/array.js'),
18          (r = t.getElementsByTagName('script')[0]).parentNode.insertBefore(
19            p,
20            r
21          );
22        var u = e;
23        for (
24          void 0 !== a ? (u = e[a] = []) : (a = 'posthog'),
25            u.people = u.people || [],
26            u.toString = function (t) {
27              var e = 'posthog';
28              return (
29                'posthog' !== a && (e += '.' + a), t || (e += ' (stub)'), e
30              );
31            },
32            u.people.toString = function () {
33              return u.toString(1) + '.people (stub)';
34            },
35            o =
36              'capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId'.split(
37                ' '
38              ),
39            n = 0;
40          n < o.length;
41          n++
42        )
43          g(u, o[n]);
44        e._i.push([i, s, a]);
45      }),
46      (e.__SV = 1));
47  })(document, window.posthog || []);
48  posthog.init('phc_sl7TroBwU2fA7dJVU70ZV5u0575fQNWYv1GK5enODkX', {
49    api_host: 'https://us.i.posthog.com'
50  });
51</script>
51<!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Shepherd.js"><meta property="og:url" content="https://www.shepherdjs.dev/about/"><meta property="og:title" content="About Shepherd.js"><meta property="og:description" content="What Shepherd.js is, who maintains it, and how it is licensed."><meta property="og:image" content="https://www.shepherdjs.dev/img/og-image.png"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="About Shepherd.js"><meta name="twitter:description" content="What Shepherd.js is, who maintains it, and how it is licensed."><meta name="twitter:image" content="https://www.shepherdjs.dev/img/og-image.png"><!-- Structured data -->
51<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"SoftwareApplication","@id":"https://www.shepherdjs.dev/#software","name":"Shepherd.js","alternateName":"Shepherd","description":"Shepherd is an open-source JavaScript library for building guided product tours, user onboarding, trainings, and feature announcements in any web app.","url":"https://www.shepherdjs.dev/","image":"https://www.shepherdjs.dev/img/og-image.png","applicationCategory":"DeveloperApplication","operatingSystem":"Web","softwareHelp":"https://docs.shepherdjs.dev/","license":"https://github.com/shipshapecode/shepherd/blob/main/LICENSE.md","offers":[{"@type":"Offer","name":"Free Plan","price":"0","priceCurrency":"USD","description":"Free for open-source, personal, and non-commercial projects.","url":"https://www.shepherdjs.dev/pricing"},{"@type":"Offer","name":"Business Plan","price":"50","priceCurrency":"USD","description":"Lifetime commercial license for up to 5 projects, including 1 month of commercial support and regular product updates.","url":"https://www.shepherdjs.dev/pricing"},{"@type":"Offer","name":"Enterprise Plan","price":"300","priceCurrency":"USD","description":"Lifetime commercial license for unlimited projects, including 6 months of support and prioritized GitHub issues.","url":"https://www.shepherdjs.dev/pricing"}],"sameAs":["https://github.com/shipshapecode/shepherd","https://www.npmjs.com/package/shepherd.js"],"author":{"@id":"https://www.shepherdjs.dev/#organization"}},{"@type":"Organization","@id":"https://www.shepherdjs.dev/#organization","name":"Ship Shape","url":"https://shipshape.io/","logo":"https://www.shepherdjs.dev/img/ship-shape-logo.png","email":"[email protected]","sameAs":["https://github.com/shipshapecode","https://www.linkedin.com/company/ship-shape/"]},{"@type":"WebSite","@id":"https://www.shepherdjs.dev/#website","name":"Shepherd.js","url":"https://www.shepherdjs.dev/","description":"Guide your users through a tour of your app with Shepherd, an open-source JavaScript library.","publisher":{"@id":"https://www.shepherdjs.dev/#organization"}}]}</script>
51<meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate">
51<script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.CYDbzu1r.js"></script>
51<link rel="stylesheet" href="/_astro/Footer.C6Dj-QoF.css"></head><body class="bg-white flex flex-col font-body p-4 min-h-screen text-navy"><header class="flex justify-center mt-4 w-full"><div class="absolute ml-2 top-0"><a href="/"><svg viewBox="0 0 239.85 200" xmlns="http://www.w3.org/2000/svg" class="shepherd-logo">
52    <g fill="#16202d">
53        <path d="m171.07 27.79c-13.37-35.79-51.82-21.45-51.82-21.45-6.43-4.34-13.04-6.77-21.42-6.28-13.83.81-26.59 9.17-32.14 20.83l-.36.3c-38.51 6.31-32 63.46-32 63.46l1.67-1.07a81.73 81.73 0 0 0 -.92 12.19c0 45.34 37.14 82.1 82.95 82.1s83-36.76 83-82.1c0-.12 0-.24 0-.36l1.5 1.62c5.18-61.33-25.32-69.14-30.46-69.24z"/>
54        <path d="m195.52 87.27 15.67 5.89 17.7.13 9.93 3.2-6.53 14.79-16.91 7.78-12.83.78-11.09-3.19-13.19-14.4s-15.53-36.69 17.25-14.98z"/>
55        <path d="m63.57 76.69a2.17 2.17 0 0 0 -2.49.91l-13.81-8.71.18-.53a2.18 2.18 0 1 0 -4.15-1.36c-4.89 15.4-10.3 15-18.49 14.47-5.58-.39-11.91-.82-18.92 3.63-4.77 3-7 9.69-5.31 15.52 1.15 3.87 5.81 12.76 24.21 12.76h.81c11.83-.16 22.4-6.13 30.59-17.26a63.92 63.92 0 0 0 8.81-16.7 2.17 2.17 0 0 0 -1.43-2.73z"/>
56    </g>
57    <path d="m170.45 143.52-12.29 20.27-9.34 6.86-11.2 3.49-14.48-.49-13.33 7.99-19.12 11.16h-16.46l-7.58-9.17 2.29-20.16-18.31-5.34-7.59-.05-9.71-10.94-1.14-14.29 3.14-7.21 9.12-9.78-1.41-14.5v-30.67l9.94-18.44 21.34-11.87 92.85-7.86 10.34 74.09z"
58          fill="#fff"/>
59    <path d="m181.26 126.59-14.71 28.41-1.53-13.9v-6.19l-10.05-15.51-.41-8 6.19-12.17.58-17.47-10.9-21.48-14.59-6.69-18.2-2.19-21.2 7.76-18.3 20.47-.3-13.59-8.34-15.96-6.59.26-9.99 5.37 11.15-21.1 30.02 1.84 19.19-7.33 26.98 1.23 16.65 2.17h10.26l18.72 32.13 14.08 25.69-8.38 17.04z"
60          fill="#16202d"/>
61    <path d="m66.5 171.08 7.75.51.18 1.65 2.45 5 7.13 3.4 15.85-3.55 17.5-10 10.23-20.94s4.6-8.28-2.89-3.38l-12 9.4-14.47 6.84s-17.16 3.84-20.66 2.82c-7-2-11.32 2.26-11.07 8.25z"
62          fill="#16202d"/>
63    <path d="m45.15 62c.66-1.12 1.35-2.23 2.09-3.32s1.52-2.16 2.39-3.18a26.8 26.8 0 0 1 2.8-3 18.49 18.49 0 0 1 1.65-1.34c.3-.21.6-.42.94-.62l.52-.3c.22-.1.33-.17.72-.32l-.21.09a18.2 18.2 0 0 1 9.24-1.94 12 12 0 0 1 4.83 1.53 14.13 14.13 0 0 1 3.75 3.18 25.93 25.93 0 0 1 4.33 8 55.36 55.36 0 0 1 2.17 8.44c.52 2.83.87 5.67 1.15 8.48l.2 2.09v.45a.69.69 0 0 0 0-.15 1.83 1.83 0 0 0 -.56-.86 2 2 0 0 0 -2.31-.21 1.84 1.84 0 0 0 -.32.26c-.1.13.07-.1.15-.22l.29-.4 2.39-3.44a88.65 88.65 0 0 1 11-13.2 51.37 51.37 0 0 1 14.24-10 40.07 40.07 0 0 1 17.15-3.72 49.33 49.33 0 0 1 17.14 3.38 36.38 36.38 0 0 1 14.66 9.89 32.56 32.56 0 0 1 7.34 16.23 55.21 55.21 0 0 1 -.26 17.46 101.83 101.83 0 0 1 -4.25 16.74q-1.38 4-3 8c-.53 1.32-1.09 2.63-1.66 3.92l-.43 1-.22.49-.05.12v.06a2.4 2.4 0 0 0 .16-1.36 2.29 2.29 0 0 0 -.89-1.46 2.59 2.59 0 0 0 -1.08-.45h.17a16.32 16.32 0 0 1 2.41.59 17.74 17.74 0 0 1 8 5.3 19.73 19.73 0 0 1 4.15 8.49 29.56 29.56 0 0 1 .65 4.54c0 .75.08 1.52 0 2.24v1.09a12.24 12.24 0 0 1 -.09 1.28 25.37 25.37 0 0 1 -2.82 8.77 33.79 33.79 0 0 1 -12.28 12.78 40.69 40.69 0 0 1 -16.34 5.53.78.78 0 0 1 -.43-1.47 102.88 102.88 0 0 0 14.35-7.8 31.49 31.49 0 0 0 10.57-11.25 20.8 20.8 0 0 0 2.28-7.12c0-.29 0-.6 0-.82v-1c0-.69 0-1.31-.06-2a25.8 25.8 0 0 0 -.55-3.76 15 15 0 0 0 -3.16-6.44 12.92 12.92 0 0 0 -5.84-3.81 11.19 11.19 0 0 0 -1.67-.4h-.09a2.93 2.93 0 0 1 -1.2-.49 2.55 2.55 0 0 1 -.78-3.06v-.06-.12l.21-.48.41-.94 1.62-3.82c1-2.55 2-5.12 2.93-7.71a97.08 97.08 0 0 0 4.14-15.83 51 51 0 0 0 .36-16 28 28 0 0 0 -6.16-14 32 32 0 0 0 -12.84-8.8 44.25 44.25 0 0 0 -15.59-3.2 36 36 0 0 0 -15.41 3.28 47.26 47.26 0 0 0 -13 9.17 78.85 78.85 0 0 0 -10.43 12.6l-2.38 3.48-.32.45a7.41 7.41 0 0 1 -.48.62 2.26 2.26 0 0 1 -.52.43 2.14 2.14 0 0 1 -3.22-1.3 2.82 2.82 0 0 1 -.09-.4l-.06-.59-.22-2.09c-.29-2.76-.64-5.48-1.15-8.15a50.05 50.05 0 0 0 -2-7.79 21.66 21.66 0 0 0 -3.61-6.68 8.42 8.42 0 0 0 -5.74-3.19 13.62 13.62 0 0 0 -7 1.62l-.21.09c.1 0-.07 0-.13.07l-.29.17c-.21.13-.42.28-.63.43a15 15 0 0 0 -1.24 1.05 23.64 23.64 0 0 0 -2.33 2.54c-.73.9-1.41 1.88-2.08 2.86s-1.27 2-1.86 3.08a2.31 2.31 0 0 1 -4-2.29z"
64          fill="#16202d"/>
65    <path d="m92.88 122.5a92 92 0 0 0 -13.35-5.94 45 45 0 0 0 -14-2.25 41.65 41.65 0 0 0 -7 .77 37.42 37.42 0 0 0 -6.69 2.12 50.74 50.74 0 0 0 -12.17 7.55l-.73.46c.15-.06 0 0 0 0l-.13.09a2.27 2.27 0 0 0 -.31.25 5.86 5.86 0 0 0 -.61.68 6.79 6.79 0 0 0 -.91 1.85 11.11 11.11 0 0 0 -.49 2.24l-.09 1.21v1.6l-.09.39a20.31 20.31 0 0 0 -.46 2.95 24.68 24.68 0 0 0 -.07 3.1 21.65 21.65 0 0 0 1.08 6 17.47 17.47 0 0 0 2.86 5.22 19.46 19.46 0 0 0 4.46 4l-.2-.12s.3.14.49.21.43.15.65.22a12.7 12.7 0 0 0 1.38.36 20.11 20.11 0 0 0 2.91.35 25 25 0 0 0 3-.11c1-.11 2-.28 3-.49h.11a2.42 2.42 0 0 1 1.23 4.68 23.57 23.57 0 0 1 -3.66.9 20.59 20.59 0 0 1 -7.66-.16 19.27 19.27 0 0 1 -1.91-.51c-.32-.1-.63-.21-1-.34s-.59-.24-1.06-.48l-.1-.05-.11-.07a25.28 25.28 0 0 1 -5.54-5.18 22.63 22.63 0 0 1 -3.64-6.79 25.33 25.33 0 0 1 -1.26-7.47 29.25 29.25 0 0 1 .19-3.74 24.43 24.43 0 0 1 .71-3.8l-.09.75v-1.57l.11-1.59a17.21 17.21 0 0 1 .72-3.23 11.26 11.26 0 0 1 1.55-3.18 8.78 8.78 0 0 1 1.3-1.38 8.32 8.32 0 0 1 .78-.64c.15-.1.28-.19.46-.29a4.15 4.15 0 0 1 .63-.33l-.74.46a46.12 46.12 0 0 1 13.12-9.25 39.23 39.23 0 0 1 15.94-3.45 41.58 41.58 0 0 1 15.81 3.31c4.9 2.13 9.58 4.72 13.18 8.82a1.26 1.26 0 0 1 -.12 1.77 1.24 
651.24 0 0 1 -1.38.18z"
66          fill="#16202d"/>
67    <path d="m139.32 161.53a91.11 91.11 0 0 1 -18.52 19.47 85.8 85.8 0 0 1 -11.23 7.71 58.89 58.89 0 0 1 -12.74 5.53 37.35 37.35 0 0 1 -14.24 1.44 27.49 27.49 0 0 1 -7.2-1.66 18.86 18.86 0 0 1 -6.61-4.17 17.27 17.27 0 0 1 -4.1-6.72 25.26 25.26 0 0 1 -1.16-7.35 37.94 37.94 0 0 1 .59-7c.19-1.14.41-2.26.65-3.36l.37-1.61c.11-.49.24-1.08.28-1.34v-.2a2.31 2.31 0 0 1 4.58.47 19.3 19.3 0 0 1 -.21 1.93l-.24 1.63c-.16 1.07-.29 2.12-.4 3.17a39.81 39.81 0 0 0 -.17 6.15 19.62 19.62 0 0 0 1.12 5.63 12.93 12.93 0 0 0 2.84 4.4c2.51 2.38 6.25 3.58 10.24 3.89a31.72 31.72 0 0 0 11.91-1.25c7.93-2.26 15.4-6.64 22.42-11.57s13.58-10.75 20.14-16.53a1.09 1.09 0 0 1 1.61 1.43z"
68          fill="#16202d"/>
69    <path d="m124 136.37a6.61 6.61 0 0 1 4.8-1.37 9.3 9.3 0 0 1 4.67 1.79 11.11 11.11 0 0 1 3.14 3.61 13.26 13.26 0 0 1 .87 2.15 11.62 11.62 0 0 1 .34 2.28.85.85 0 0 1 -.82.87.9.9 0 0 1 -.46-.12h-.07a15.14 15.14 0 0 1 -1.71-1.25c-.56-.38-1-.8-1.52-1.17-1-.72-1.86-1.42-2.77-2s-1.78-1-2.74-1.54-2-1-3.26-1.52l-.29-.13a.93.93 0 0 1 -.46-1.24 1 1 0 0 1 .28-.36z"
70          fill="#16202d"/>
71    <path d="m77.21 164.07c-.1 2.33-.21 4.67-.16 6.88a19.84 19.84 0 0 0 .26 3.11 8.45 8.45 0 0 0 .91 2.58 3.83 3.83 0 0 0 1.46 1.61 5.58 5.58 0 0 0 2.32.75 10.83 10.83 0 0 0 2.89 0c1.11-.16 2.23-.25 3.32-.48a44.55 44.55 0 0 0 23.39-11.72 56.5 56.5 0 0 0 13.93-22.63c.37-1.07.71-2.14 1-3.22l.44-1.63.11-.41a1.38 1.38 0 0 0 0 .3 2.35 2.35 0 0 0 0 .53 2.44 2.44 0 0 0 .41 1.07 2.31 2.31 0 0 0 1.76 1 2.38 2.38 0 0 0 2-.8 70.24 70.24 0 0 1 -5.06 5.29 74.59 74.59 0 0 1 -11.49 9c-16.46 10.55-37.99 14.08-56.56 5.7a26.19 26.19 0 0 1 -6.37-4.47 22.57 22.57 0 0 1 -4.64-6.43 25.37 25.37 0 0 1 -2-15.27c0-.32.12-.64.19-1l.12-.51.11-.36.11-.33a10.17 10.17 0 0 1 1.11-2.05 13.71 13.71 0 0 1 3-3 19.87 19.87 0 0 1 7.09-3.29 36.38 36.38 0 0 1 14.56-.42.79.79 0 0 1 .65.89.77.77 0 0 1 -.69.65 53.86 53.86 0 0 0 -13.29 2.72 18.82 18.82 0 0 0 -5.38 3.08 9.93 9.93 0 0 0 -1.83 2.11 5.22 5.22 0 0 0 -.53 1.06v.09.07l-.07.34-.13.76a21.35 21.35 0 0 0 1.7 12.22 18.51 18.51 0 0 0 8.74 8.44 38.15 38.15 0 0 0 12.62 3.46 55 55 0 0 0 13.39 0 59.5 59.5 0 0 0 25-9.3 73.76 73.76 0 0 0 10.65-8.33 65.18 65.18 0 0 0 4.69-4.86 3.31 3.31 0 0 1 5.23.28 3.39 3.39 0 0 1 .57 1.48 3.22 3.22 0 0 1 0 .76c0 .2-.1.56-.09.51l-.12.44-.49 1.76c-.34 1.18-.72 2.34-1.11 3.49a62.06 62.06 0 0 1 -15.46 24.8 47.37 47.37 0 0 1 -12.23 8.45 51.32 51.32 0 0 1 -14.13 4.36c-1.21.23-2.44.31-3.66.47a16.75 16.75 0 0 1 -4.12 0 10.82 10.82 0 0 1 -4.3-1.55 8.88 8.88 0 0 1 -3.23-3.52 13 13 0 0 1 -1.34-4.06 25.39 25.39 0 0 1 -.24-3.91c0-2.48.21-4.82.38-7.18a2.31 2.31 0 0 1 4.61.25z"
72          fill="#16202d"/>
73    <path d="m106.32 165.3s-15.42 1.23-18.92 7c0 0-2.8 1.05 0-3.5 2.37-3.85-6-.92-8.68 3.6a4.18 4.18 0 0 0 .3 4.72c1.22 1.53 3.78 3.14 9 1.94 8.43-1.94 26.54-13.76 18.3-13.76z"
74          fill="#ff908a"/>
75    <g fill="#16202d">
76        <path d="m44.44 118.17a2.3 2.3 0 0 1 -2.21-1.66 77.18 77.18 0 0 1 -3.09-22.51c0-44.91 20.08-64.06 67.14-64.06 44.28 0 96 16.77 96 64.06a2.31 2.31 0 0 1 -4.62 0c0-43.88-49.22-59.45-91.38-59.45-22.6 0-37.74 4.28-47.65 13.46s-14.87 24.28-14.87 45.99a72.91 72.91 0 0 0 2.9 21.27 2.3 2.3 0 0 1 -1.57 2.86 2.37 2.37 0 0 1 -.65.04z"/>
77        <path d="m39.85 78.6a30.65 30.65 0 0 1 8.94-11.47 22.09 22.09 0 0 1 6.67-3.57 16.47 16.47 0 0 1 7.6-.41 1.58 1.58 0 0 1 -.16 3.13h-.15a16.89 16.89 0 0 0 -5.75 1.44 23.48 23.48 0 0 0 -4.88 3.42 37.38 37.38 0 0 0 -4.12 4.6c-1.26 1.63-2.55 3.44-3.6 5.1l-.1.16a2.53 2.53 0 0 1 -4.45-2.37z"/>
78        <path d="m35.73 124.66a12.2 12.2 0 0 1 4.64-2.23 7.7 7.7 0 0 1 5.79.78 8.55 8.55 0 0 1 3.51 4.79 24.77 24.77 0 0 1 .55 2.61c.06.85.12 1.69.16 2.54a2.31 2.31 0 0 1 -4.61.26v-.26c0-.68-.07-1.36-.09-2s-.18-1.28-.28-1.9a5.18 5.18 0 0 0 -1.45-2.65 4.42 4.42 0 0 0 -3-.7 16.88 16.88 0 0 0 -4 .78h-.12a1.17 1.17 0 0 1 -1.47-.77 1.2 1.2 0 0 1 .37-1.25z"/>
79        <path d="m63.61 96-6.38-2.18 6.58-3.61c.48-10.43 1.08-16.61-6-14.87-13.59 3.34-6.52 37.79-6.52 37.79l13.18-2.13a91.46 91.46 0 0 1 -.86-15z"/>
80        <ellipse cx="68.84" cy="127.89" rx="6.94" ry="4.26"/>
81        <path d="m34.83 132.16c3.83 0 6.94-1.91 6.94-4.27s-2.19-4.26-6-4.26z"/>
82        <path d="m138.5 162.73s-4.51 7.89 3.1 5.35l-4 4-5.06-1.39s.84-7.4 5.96-7.96z"/>
83        <path d="m45.39 110.24s.93 3.68 3.51 2.42l-1.75 2.08h-2z"/>
84        <path d="m50.33 62.38s-2.53 5 .29 3.45l-2.79 6.92-3-4.82z"/>
85    </g>
86    <path d="m185.4 113.59c5.61 4.49 15.71 9 23.6 10.59l6.84 10.19c1.59 2-20.51-3.37-31.7-20-.48-.69.59-1.31 1.26-.78z" fill="#fff"/>
87    <path d="m145.48 94.54a66.34 66.34 0 0 0 -2.48-13.76 25.93 25.93 0 0 0 -6.36-11.11 21.47 21.47 0 0 0 -11.46-5.32 60.07 60.07 0 0 0 -14.08-.35 1.18 1.18 0 0 1 -.5-2.27 37.23 37.23 0 0 1 15.18-2.66 27.72 27.72 0 0 1 4 .43c.67.11 1.33.33 2 .49l1 .28 1 .36a21.56 21.56 0 0 1 7.22 4.37 23.16 23.16 0 0 1 5.09 6.69 30.4 30.4 0 0 1 2.64 7.68 35.82 35.82 0 0 1 .66 7.83 32.32 32.32 0 0 1 -1 7.72 1.46 1.46 0 0 1 -2.87-.27z"
88          fill="#16202d"/>
89    <path d="m156.12 119.18a32.81 32.81 0 0 1 4.23 3.3 23.85 23.85 0 0 1 3.54 4.26 24.71 24.71 0 0 1 3.5 10.25 42.62 42.62 0 0 1 .34 5.13 34.83 34.83 0 0 1 -.26 5.24 28.29 28.29 0 0 1 -3.41 10 34.09 34.09 0 0 1 -15.22 13.76 34.81 34.81 0 0 1 -9.87 3 31.36 31.36 0 0 1 -5.18.3l-4.93-.14a2.29 2.29 0 0 1 .13-4.57h.14c1.56.12 3.16.19 4.73.21a24.2 24.2 0 0 0 4.45-.26 30.35 30.35 0 0 0 8.48-2.78 29.31 29.31 0 0 0 12.76-12 23.11 23.11 0 0 0 2.6-8.21 37.57 37.57 0 0 0 -.31-8.9 18.86 18.86 0 0 0 -2.84-7.77 17.43 17.43 0 0 0 -2.7-3.07 26.31 26.31 0 0 0 -3.45-2.55h-.07a3.05 3.05 0 1 1 3.29-5.14z"
90          fill="#16202d"/>
91    <g class="open-eye">
92        <path d="m124 96.18-7.14-2.43 7.41-4.07c.26-9.43-.59-15.72-7.79-15.72-8.92 0-12 14.48-9.87 34 .65 5.89 6.09 9.22 10.12 8.62 3.7-.55 7.08-3.72 7-7.3-.16-4.6.03-9.03.27-13.1z"
93              fill="#16202d"/>
94    </g>
95    <g class="wink">
96        <path d="m137.35 107.69s-23.53-.29-33.4.38c.05 0 17.44-14.74 33.4-.38z" fill="#cecece"/>
97        <path d="m136.33 108.54a40.62 40.62 0 0 0 -7.85-3.7 21.22 21.22 0 0 0 -7.47-1 38.72 38.72 0 0 0 -7.92 1.34c-2.73.71-5.61 1.68-8.6 2.56h-.18a1.58 1.58 0 0 1 -1.76-2.37 21.4 21.4 0 0 1 7.72-7 22.43 22.43 0 0 1 10.48-2.88 19.14 19.14 0 0 1 10.88 3 17.7 17.7 0 0 1 6.74 8.24 1.4 1.4 0 0 1 -2 1.73z"
98              fill="#16202d"/>
99        <path d="m114.25 91.92c-.82 1.32-1.75 2.59-2.66 3.83s-1.82 2.44-2.67 3.67-1.71 2.42-2.44 3.64a25.89 25.89 0 0 0 -1.93 3.83v.11a1.07 1.07 0 0 1 -1.38.61 1.11 1.11 0 0 1 -.65-.72 9.84 9.84 0 0 1 .33-5.44 17.36 17.36 0 0 1 2.32-4.66 23.42 23.42 0 0 1 3.27-3.86 18.5 18.5 0 0 1 4-3.05 1.4 1.4 0 0 1 1.9.55 1.44 1.44 0 0 1 0 1.42z"
100              fill="#16202d"/>
101    </g>
102    <path d="m200 92.87 28.11.57 9.3 4.56-2.77 10.37s-.26-10.62-10.29-10.45-21.94-.45-24.35-5.05z" fill="#8e8e8e"/>
103    <path d="m100 9.05c5.59 0 10.38 1.61 15.7 5.24l2.7 1.82 3-1.12a48.9 48.9 0 0 1 15.07-2.45c1.14 0 2.32 0 3.5.15 0 0 17.27 1.05 26.73 19.62-3.56-22.22-26.73-24-26.73-24-1.18-.11-2.3
1036-.15-3.5-.15a48.9 48.9 0 0 0 -15.07 2.45l-3 1.12-2.7-1.82c-5.32-3.63-10.11-5.24-15.7-5.24-.59 0-1.19 0-1.8 0-11.46.72-22.2 7.65-26.82 17.33a37.32 37.32 0 0 1 28.62-12.95z"
104          fill="#8e8e8e"/>
105    <path d="m207.49 122c-24.74 0-34.43-25.13-34.53-25.4a2.11 2.11 0 0 1 3.95-1.48c.38 1 9.65 24.88 33.91 22.49 16.08-1.58 23.3-8.69 24.6-14.3.7-3.05-.29-5.66-2.72-7.15-3.08-1.9-8.44-1.75-14.12-1.59-11.41.32-25.59.71-32.42-14.61a2.11 2.11 0 0 1 3.84-1.76c5.68 12.74 17.25 12.41 28.45 12.1 6.32-.18 12.29-.34 16.44 2.21a10.53 10.53 0 0 1 4.62 11.7c-2.58 11.16-16.85 16.43-28.3 17.55a37 37 0 0 1 -3.72.24z"
106          fill="#16202d"/>
107    <g class="lines">
108        <path d="m23.78 9.68a30.56 30.56 0 0 1 2.76 4.06c.81 1.41 1.55 2.87 2.24 4.35a32.72 32.72 0 0 1 1.79 4.6 18.75 18.75 0 0 1 .81 5.14 1.4 1.4 0 0 1 -1.38 1.39 1.48 1.48 0 0 1 -.73-.21 19.06 19.06 0 0 1 -3.93-3.42 32.72 32.72 0 0 1 -2.94-4c-.89-1.37-1.73-2.77-2.5-4.21a32.14 32.14 0 0 1 -2-4.49 3.42 3.42 0 0 1 5.87-3.25z"
109              fill="#16202d"/>
110        <path d="m4.6 25.24a29.71 29.71 0 0 1 4.69 1.47c1.51.6 3 1.29 4.45 2a32.71 32.71 0 0 1 4.26 2.52 18.83 18.83 0 0 1 3.82 3.53 1.39 1.39 0 0 1 -.24 2 1.44 1.44 0 0 1 -.7.29 18.94 18.94 0 0 1 -5.2-.25 32.69 32.69 0 0 1 -4.76-1.28c-1.55-.52-3.08-1.1-4.57-1.75a31.18 31.18 0 0 1 -4.35-2.35 3.41 3.41 0 0 1 2.6-6.18z"
111              fill="#16202d"/>
112        <path d="m1.84 51.18a31.18 31.18 0 0 1 4.56-1.82c1.56-.49 3.14-.9 4.73-1.26a34.19 34.19 0 0 1 4.87-.75 18.84 18.84 0 0 1 5.19.31 1.41 1.41 0 0 1 1.06 1.67 1.39 1.39 0 0 1 -.37.67 18.77 18.77 0 0 1 -4.18 3.1 33.48 33.48 0 0 1 -4.5 2c-1.53.58-3.07 1.09-4.64 1.53a30 30 0 0 1 -4.82 1 3.42 3.42 0 0 1 -1.91-6.43z"
113              fill="#16202d"/>
114    </g>
115</svg>
116</a></div><div class="bg-grey-light flex flex-col font-heading justify-center items-center w-full"><nav class="flex flex-wrap justify-center p-4 mt-40 max-w-8xl text-xl w-full lg:justify-between lg:mt-0"><div class="flex lg:p-12"><a class="pr-6 uppercase hover:text-navy-light lg:pr-10" href="https://github.com/shipshapecode/shepherd">GitHub</a><a class="pr-6 uppercase lg:pr-10 hover:text-navy-light" href="https://docs.shepherdjs.dev">Docs</a><button class="pr-6 uppercase cursor-pointer hover:text-navy-light lg:pr-0" id="showTour" type="button">Demo</button></div><div class="flex lg:p-12"><a class="pr-6 uppercase hover:text-navy-light lg:pr-10" href="/pricing">Pricing</a><a class="pr-6 uppercase hover:text-navy-light lg:pr-10" href="https://discord.gg/EGcDW5NSud">Discord</a><!-- <a class='pr-6 uppercase hover:text-navy-light lg:pr-10' href='/blog'>
117          Blog
118        </a> --><a class="uppercase hover:text-navy-light" href="mailto:[email protected]">Contact</a></div></nav><img class="hero-welcome p-4 w-full lg:mt-4 lg:p-0 lg:w-auto" src="/_astro/shepherd-header.tWwaFx5t.svg" alt="Shepherd — Guide your users through a tour of your app."><h2 class="font-body p-2 text-xl">Guide your users through a tour of your app</h2></div></header>
118<script type="module">function e(){let e=document.querySelector(`#showTour`);if(!e)return;window.__demoButtonAbortController&&window.__demoButtonAbortController.abort();let t=new AbortController;window.__demoButtonAbortController=t,e.addEventListener(`click`,()=>{window.location.pathname===`/`?window.dispatchEvent(new CustomEvent(`startTour`)):(sessionStorage.setItem(`startTourOnLoad`,`true`),window.location.href=`/`)},{signal:t.signal})}document.addEventListener(`astro:page-load`,e);</script>
118<main class="flex justify-center w-full"><div class="max-w-3xl my-12 px-4 w-full"><h1 class="font-heading text-4xl uppercase">About Shepherd</h1><div class="content-page font-body mt-6 space-y-4 text-xl [&amp;_a]:underline [&amp;_a:hover]:text-navy-light [&amp;_h2]:font-heading [&amp;_h2]:mt-8 [&amp;_h2]:text-2xl [&amp;_h2]:uppercase [&amp;_ul]:list-disc [&amp;_ul]:pl-6"><p>Shepherd is an open-source JavaScript library for guiding users through your app. It lets you build product tours, user onboarding flows, trainings, and feature announcements as a sequence of steps — dialogs that attach to elements in your interface, highlight them with a modal overlay, and walk users through what to do next. Steps are positioned by<a href="https://floating-ui.com/">Floating UI</a>, so they never end up off screen or cropped by an overflow.</p><p>Shepherd ships with full keyboard navigation support, focus trapping, and a11y compliance via aria attributes, and its minimal default styles make it easy to match your product's look and feel. It works with React, Ember, Angular, Vue.js, ES Modules, or plain JavaScript, and is used in production by companies such as Google, Ally, and CodePen.</p><h2>Who maintains Shepherd</h2><p>Shepherd is maintained by <a href="https://shipshape.io">Ship Shape</a>, a software consultancy specializing in web app development. Development happens in the open on<a href="https://github.com/shipshapecode/shepherd">GitHub</a>, where you can report issues, propose changes, and follow releases. The library is published to npm as<a href="https://www.npmjs.com/package/shepherd.js">shepherd.js</a>.</p><h2>Licensing</h2><p>Shepherd is free for open-source, personal, and non-commercial projects under the AGPL-3.0 license. Commercial licenses fund the ongoing maintenance of the library, documentation, and community — see<a href="/pricing">pricing</a> for details, or read the<a href="https://docs.shepherdjs.dev/">documentation</a> to get started.</p></div></div></main><footer class="flex justify-center mt-auto w-full"><img src="/_astro/shepherd-head-wink.DgdvQwoo_1vCShy.svg" alt="An adorable, retro looking sheep that is winking and smiling." role="presentation" loading="lazy" decoding="async" width="241" height="196" class="footer-logo absolute w-48"><div class="bg-grey border-4 border-navy flex flex-wrap items-center justify-center md:justify-between max-w-8xl p-8 pt-20 w-full md:pt-8"><div class="flex items-center justify-center w-full md:justify-between md:w-auto"><img class="inline mr-2 w-8" src="/img/ship-shape-logo.svg" alt="Ship Shape Logo"><span class="font-heading text-xl uppercase">Library by<a class="underline hover:text-navy-light" href="https://shipshape.io">Ship Shape</a></span></div><nav class="flex flex-wrap font-heading items-center justify-center mt-4 text-sm uppercase w-full md:mt-0 md:w-auto"><a class="mr-4 hover:text-navy-light" href="/about">About</a><a class="mr-4 hover:text-navy-light" href="/contact">Contact</a><a class="mr-4 hover:text-navy-light" href="/privacy">Privacy</a></nav><div class="flex items-center mt-4 md:mt-0"><a class="footer-icon mr-4 w-6" href="https://github.com/shipshapecode/shepherd"><svg viewBox="0 0 13 14" xmlns="http://www.w3.org/2000/svg"><path d="m5 9.5q0 .312-.098.641t-.336.594-.566.266-.566-.266-.336-.594-.098-.641.098-.641.336-.594.566-.266.566.266.336.594.098.641zm5 0q0 .312-.098.641t-.336.594-.566.266-.566-.266-.336-.594-.098-.641.098-.641.336-.594.566-.266.566.266.336.594.098.641zm1.25 0q0-.937-.539-1.594t-1.461-.656q-.32 0-1.523.164-.555.086-1.227.086t-1.227-.086q-1.187-.164-1.523-.164-.922 0-1.461.656t-.539 1.594q0 .688.25 1.199t.633.805.953.469 1.094.23 1.164.055h1.313q.641 0 1.164-.055t1.094-.23.953-.469.633-.805.25-1.199zm1.75-1.375q0 1.617-.477 2.586-.297.602-.824 1.039t-1.102.672-1.328.371-1.34.172-1.305.035q-.609 0-1.109-.023t-1.152-.098-1.191-.234-1.07-.402-.945-.633-.672-.898q-.484-.961-.484-2.586 0-1.852 1.062-3.094-.211-.641-.211-1.328 0-.906.398-1.703.844 0 1.484.309t1.477.965q1.148-.273 2.414-.273 1.156 0 2.187.25.82-.641 1.461-.945t1.477-.305q.398.797.398 1.703 0 .68-.211 1.313 1.062 1.25 1.062 3.109z"/></svg>
119</a><a class="footer-icon mr-4 w-6" href="https://twitter.com/whiskeywebfm"><?xml version="1.0" encoding="UTF-8" standalone="no"?>
120<svg viewBox="0 0 57 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
121  <defs></defs>
122  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
123    <g transform="translate(-481.000000, -384.000000)" fill="#65BBF2">
124      <g id="4--Twitter--(social,-media,-communication,-flat)" transform="translate(481.000000, 383.000000)">
125        <path
126          d="M39.7746,1.0001 C33.1686,1.1211 27.9996,6.7911 27.9996,13.3981 L27.9996,15.0001 C16.2496,12.8751 10.3746,9.6881 3.9996,3.0001 C0.1866,10.3751 4.3536,16.6251 8.9996,20.0001 C5.8906,20.0001 3.3396,19.5541 1.3346,17.8061 C1.
1261836,17.6741 0.9456,17.8101 0.9996,18.0031 C2.7436,24.1701 8.4886,28.6571 12.9996,30.0001 C8.9276,30.0001 6.1666,30.6071 3.3146,28.7731 C3.1496,28.6671 2.9376,28.8271 3.0036,29.0121 C5.1626,35.0771 9.5696,37.0001 15.9996,37.0001 C12.8026,39.3521 8.5486,41.8231 0.4086,41.9931 C0.0786,42.0001 -0.0814,42.4121 0.1766,42.6191 C3.2496,45.0971 10.6166,47.0001 20.9996,47.0001 C38.1346,47.0001 51.9996,31.7931 51.9996,13.0001 L51.9996,12.0001 C54.6656,11.0031 56.2296,8.6171 56.9916,6.2211 C57.0346,6.0881 56.9016,5.9641 56.7696,6.0091 L51.1416,7.9511 C51.0136,7.9951 50.9256,7.8321 51.0296,7.7471 C53.3856,5.8071 55.2546,3.4201 55.9926,1.1431 C56.0216,1.0551 55.9266,0.9751 55.8416,1.0111 C53.1406,2.1441 50.5676,3.2091 48.5346,3.8401 C48.1956,3.9461 47.8366,3.9021 47.5266,3.7281 C46.1926,2.9811 42.3296,0.9531 39.7746,1.0001"
127          id="Fill-61"></path>
128      </g>
129    </g>
130  </g>
131</svg>
132</a><a class="footer-icon mr-4 w-6" href="https://www.linkedin.com/company/ship-shape/"><?xml version="1.0" encoding="UTF-8" standalone="no"?>
133<svg viewBox="0 0 58 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
134  <defs></defs>
135  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
136    <g transform="translate(-1201.000000, -377.000000)" fill="#007AAA">
137      <g id="10--Linkedin--(social,-media,-communication,-flat)" transform="translate(1201.000000, 376.000000)">
138        <path
139          d="M7.0571,0.9831 C10.8921,0.9861 14.0551,4.1541 14.0471,8.0081 C14.0381,12.0441 10.6891,15.0861 7.0101,14.9981 C3.2781,15.0741 -0.0009,11.9571 0.0001,7.9811 C0.0001,4.1261 3.1751,0.9801 7.0571,0.9831"
140          id="Fill-64"></path>
141        <path
142          d="M11,57.9918 L3,57.9918 C1.934,57.9918 1,57.0668 1,55.9998 L1,21.0068 C1,19.9398 1.848,18.9998 2.915,18.9998 L11,18.9998 C12.066,18.9998 13,19.9338 13,20.9998 L13,56.0608 C13,57.1268 12.066,57.9918 11,57.9918"
143          id="Fill-65"></path>
144        <path
145          d="M58.0004,31.1899 C58.0004,23.8409 52.4794,17.9999 45.1294,17.9999 L43.0224,17.9999 C39.0014,17.9999 35.1364,19.9339 33.0004,22.9999 C32.2914,23.7089 32.0004,23.9999 32.0004,23.9999 L32.0004,19.9999 C32.0004,19.5579 31.4434,18.9999 31.0004,18.9999 L21.0004,18.9999 C20.5574,18.9999 20.0004,19.4339 20.0004,19.8769 L20.0004,57.1909 C20.0004,57.6329 20.5574,57.9919 21.0004,57.9919 L32.0004,57.9949 C32.4434,57.9949 33.0004,57.6359 33.0004,57.1929 L33.0004,35.6359 C33.0004,31.9099 35.7514,28.8159 39.4774,28.7739 C41.3794,28.7519 43.1044,29.5149 44.3464,30.7579 C45.5734,31.9839 46.0004,33.6789 46.0004,35.5499 L46.0004,56.9999 C46.0004,57.4429 46.5574,57.9999 47.0004,57.9999 L57.0004,57.9999 C57.4434,57.9999 58.0004,57.4429 58.0004,56.9999 L58.0004,31.1899 L58.0004,31.1899 Z"
146          id="Fill-66"></path>
147      </g>
148    </g>
149  </g>
150</svg>
151</a></div></div></footer></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.