MicroLink API

Microlink SDK: Vanilla — Microlink

Enter a URL, receive information. Normalize metadata. Get HTML markup. Take a screenshot. Identify tech stack. Generate a PDF. Automate web scraping. Run Lighthouse.

MicrolinkMicrolink HQ

Example (using an HTML Card in your post editor)...

<a href="https://denverit.com" class="link-previews">Denver IT</a>

This goes in your Code Injection Footer...

<!-- https://microlink.io/docs/sdk/getting-started/styling -->
  <style>
    :root {
      --microlink-background-color: #1A1A1A;
      --microlink-color: white;
      --microlink-border-color: #666;
      --microlink-hover-border-color: #999;
    }
  </style>

  <!-- load @microlink/hover-vanilla -->
  <script src="https://cdn.jsdelivr.net/combine/npm/react@16/umd/react.production.min.js,npm/react-dom@16/umd/react-dom.production.min.js,npm/react-is@16/umd/react-is.production.min.js,npm/styled-components@5/dist/styled-components.min.js,npm/@microlink/mql@latest/dist/mql.min.js,npm/@microlink/hover-vanilla@latest/dist/microlink.min.js"></script>

  <!-- intialize `microlinkHover` -->
  <script>
    document.addEventListener('DOMContentLoaded', function (event) {
      microlinkHover('.link-previews')
    })
  </script>