Product Brief #4:
SDK v2 & More Video Providers

April 11, 2018 ()

Release 2.0

We are happy to introduce the SDK 2.0, the easiest way to add link previews in your website without effort.
The version 2.0 introduce a breaking change: It removes the round property from the API Parameters that you can pass for customize the card preview.
The property round was related with apply a border-radius around your preview card.
We decide make this little change in order the reduce the number of configurable API Parameters.
But you can still extend the default style using CSS.
For example, let's create a link preview for project using custom border-radius style.
Using @microlink/react just pass your custom CSS as style property:
import Microlink from '@microlink/react'

  style={{ borderRadius: '.42857em' }}
Read more about styling in documentation.
The vanilla version can apply the custom style using the class names shipped with the component:
.microlink_card {
  border-radius: .42857em;

<a href="" data-media='logo' class="card-preview"></a>

  document.addEventListener("DOMContentLoaded", function(event) {
Read more about styling at documentation.

Video detection

In this product sprint we focused on improving our video property added into our API in the previous product brief.
We extended the original idea, adding support for detecting more video providers. The most popular internet sites are covered, such as

Join the community

All of these improvements or features are community driven: We listen to your feedback and act accordingly.
Whether you are are building a product and you need fancy previews, you’re an indie hacker or simply you like frontend stuff, come with us 🙂.