blinkoo Components

blinkoo Components is a web components library designed to embed blinkoo feed technology, and other blinkoo components, inside web projects.

Documentation

You can find the blinkoo Components documentation on the website.

Installation

You can install the library from npm

npm i @blinkoo/components

Usage

Before the component is rendered inside the DOM, the library must be initialized. To do that you need to import BlinkooWebInit that will handle the initialization.

Common Init

import { BlinkooWebInit } from "@blinkoo/components";

BlinkooWebInit.init({
    apiKey: "YOUR_API_KEY",
    assetsPath: "PATH_TO_ASSETS",
    textScaler: 1, // optional
}, () => {
    console.log("Component initialized!");
});

HTML Feed Component

<blinkoo-feed
  title="Explore"
  filters="filter1,filter2"
  playlistFilter="playlistId"
  aspectRatio="0.5625"
  feedPosition="2">
</blinkoo-feed>

HTML Single Video Component

<blinkoo-single-video
    title="Title"
    aspectRatio="0.5625"
    postId="postId">
</blinkoo-single-video>

Framework Compatibility

Framework	Status	Notes	Readme link
Angular	✅		link
Angular SSR	✅		link
React + Vite	✅		link
NextJS	✅		link
VueJS	✅		link