Basely - Remote Components Rendering Library

Basely is a free, open-source library that lets you render UI components as images—anywhere, instantly. Transform your React components into shareable, high-quality images for reports, social media, dashboards, and more. No more manual screenshots—just code, render, and share.

import basely from 'basely'



const data = metrics.last7Days()



const last7DaysMetrics = await basely.img(

    "@livesession/design-system", 

    {

        import: "Metrics",

        props: data

    }

)



await slack.post(last7DaysMetrics)