Basely

Content Creation Platform for Developers

Warning: Basely is still in very early stage. Works only on specific use cases.

Basely is a free, open-source platform that helps developers create engaging visual content - from images and videos to dynamic assets that make developer processes more engaging.

What you can build with Basely?

Basely transforms the way developers create and share content by providing tools to generate various media formats. You can build:

  • Create visual content - Generate high-quality images, videos, and dynamic assets directely from components
  • Build engaging experiences - Create badges, charts, status indicators, and visual elements
  • Enhance developer workflows - Make documentation, dashboards, and reports more engaging
  • Use anywhere - Works in Node.js, browsers, and serverless environments

Architecture

Basely consists of two main components:

Server

The Basely Server is a powerful API that renders components using Puppeteer. It:

  • Accepts HTTP requests to generate images and videos
  • Renders React components in a headless browser environment
  • Returns high-quality media files
  • Can be deployed independently or as part of the Basely ecosystem

Client

The Basely Client is a JavaScript library that provides an interface for:

  • Creating workflows and automation scripts
  • Making API calls to the server under the hood
  • Handling authentication and configuration
  • Managing media generation requests

Quick Start

Installation

npm install basely

Basic Usage

import basely from 'basely';



// Render custom content

const response = await basely.img(

  "@basely/components",

  {

    import: "Baseline",

    props: {

      title: "Node.js Support",

      toolGroups: [

        [

          { tool: "bun", supported: true },

          { tool: "pnpm", supported: true },

          { tool: "npm", supported: false }

        ]

      ]

    }

  }

);

Next Steps

Built with