What is Flect ? ​

Flect is a javascript library that allows you to easily define responsive web components in an optimized way.

The goal is to allow you to define a set of components in javascript:

define('my-component', /* magic is here */)

And call them directly in your html:

<x-my-component></x-my-component>

If that's still too fuzzy, check out the examples here.

Installation ​

Flect is a fuly front-end library, so the only thing you have to do is import the javascript file into your code, either by uploading it or using the link to the package.

<script src="https://cdn.jsdelivr.net/npm/flect/flect.js" defer>
<script src="./my-custom-script.js" defer>

Once you have done this you can start defining your components in your javascript files.