Add the "Maintained by EkLine" credit

Find your docs framework below, copy the snippet, and paste it into your site. No account or API key required — the credit is a free hosted asset that adapts to your site’s theme automatically.

Preview

The credit comes in two forms. The web component inherits your site’s font and color, so it blends in with any theme. The SVG badge is a fixed-style image for platforms that strip scripts.

Light background

Dark background

Use an AI agent

If you use an AI coding assistant, paste this prompt to add the credit automatically:

Add the "Maintained by EkLine" credit to the footer of the documentation site.

For framework-specific instructions, fetch https://docs.ekline.io/credit/

Use the web component: load https://ekline.io/v1/credit.js as an async
script, then place <ekline-credit></ekline-credit> in the site footer.
Detect which docs framework this project uses and follow its conventions
for adding a global script and footer element.

If the platform strips <script> tags ( like GitHub README, GitBook, ReadMe),
use this markdown badge instead:
[![Maintained by EkLine](https://ekline.io/v1/badges/maintained-by-ekline.svg)](https://ekline.io)

For GitHub READMEs, use a <picture> element to switch between the light
badge (maintained-by-ekline.svg) and the dark badge
(maintained-by-ekline-dark.svg) based on prefers-color-scheme.

Docs frameworks

These frameworks support the EkLine web component, which inherits your site’s color and font.

module.exports = {
  scripts: [
    { src: 'https://ekline.io/v1/credit.js', async: true },
  ],
  themeConfig: {
    footer: {
      copyright: '<ekline-credit></ekline-credit>',
    },
  },
};

import { defineConfig } from 'astro/config';
import starlight from '@astrojs/starlight';

export default defineConfig({
  integrations: [
    starlight({
      head: [
        {
          tag: 'script',
          attrs: {
            src: 'https://ekline.io/v1/credit.js',
            async: true,
          },
        },
      ],
      components: {
        Footer: './src/components/CustomFooter.astro',
      },
    }),
  ],
});

In CustomFooter.astro, add <ekline-credit></ekline-credit>.

extra_javascript:
  - https://ekline.io/v1/credit.js

For MkDocs Material, create overrides/partials/footer.html and add <ekline-credit></ekline-credit> inside the footer block.

For a quick setup, paste the credit at the bottom of any markdown page — MkDocs passes raw HTML through by default.

import * as React from 'react';

export const onRenderBody = ({ setPostBodyComponents }) => {
  setPostBodyComponents([
    <script key="ekline-credit" src="https://ekline.io/v1/credit.js" async />,
  ]);
};

Add <ekline-credit></ekline-credit> inside your <Footer> component.

js:
  - url: https://ekline.io/v1/credit.js
    strategy: lazyOnload
    disable-sri: true

Fern accepts beforeInteractive, afterInteractive, or lazyOnload. Set disable-sri: true because the script updates in place.

Mintlify loads any .js file in your content directory on every page. Add one that injects the script:

const script = document.createElement('script');
script.src = 'https://ekline.io/v1/credit.js';
script.async = true;
document.head.appendChild(script);

Then place <ekline-credit></ekline-credit> where you want the credit to appear. If custom scripts aren’t available on your plan, use the badge option instead.

Nextra

Nextra 4 configures the docs theme through app/layout.tsx. Earlier versions used theme.config.tsx.

import { Footer, Layout, Navbar } from 'nextra-theme-docs';
import { Head } from 'nextra/components';
import { getPageMap } from 'nextra/page-map';

export default async function RootLayout({ children }) {
  return (
    <html lang="en">
      <Head>
        <script src="https://ekline.io/v1/credit.js" async />
      </Head>
      <body>
        <Layout
          navbar={<Navbar />}
          pageMap={await getPageMap()}
          footer={<Footer dangerouslySetInnerHTML={{ __html: '<ekline-credit></ekline-credit>' }} />}
        >
          {children}
        </Layout>
      </body>
    </html>
  );
}

VuePress

module.exports = {
  head: [
    ['script', { src: 'https://ekline.io/v1/credit.js', async: true }],
  ],
};

Add <ekline-credit></ekline-credit> in your footer component.

Plain HTML

<footer>
  <script src="https://ekline.io/v1/credit.js" async></script>
  <ekline-credit></ekline-credit>
</footer>

Markdown-only platforms

Platforms that strip <script> tags can use the hosted SVG badge instead. The badge links to ekline.io and renders at 160 × 20 pixels:

This snippet switches between light and dark badges based on the reader’s theme:

<p align="center">
  <a href="https://ekline.io">
    <picture>
      <source media="(prefers-color-scheme: dark)" srcset="https://ekline.io/v1/badges/maintained-by-ekline-dark.svg">
      <img alt="Maintained by EkLine" src="https://ekline.io/v1/badges/maintained-by-ekline.svg" height="20">
    </picture>
  </a>
</p>

[![Maintained by EkLine](https://ekline.io/v1/badges/maintained-by-ekline.svg)](https://ekline.io)

For a global placement, add the badge under Customization > Footer.

[![Maintained by EkLine](https://ekline.io/v1/badges/maintained-by-ekline.svg)](https://ekline.io)

For a global placement, add the badge under Project Dashboard > Appearance > Custom Footer.

This markdown image link works on any platform that renders standard markdown:

[![Maintained by EkLine](https://ekline.io/v1/badges/maintained-by-ekline.svg)](https://ekline.io)