@leaphubai/ui-components NPM

LeapHub AI – UI Component Library

This repository contains the official UI component library for LeapHub AI, a platform designed to help SaaS companies integrate AI-powered features into their products in hours, not months.

LeapHub AI provides plug-and-play components for text refinement, voice transcription, knowledge base querying, and AI agent integration. This library offers pre-built React components that make it easy to add these features to your product.

Features

Text-enhancing controls: AI-powered textareas for refining, rewriting, or generating content.
Voice transcription and summarization: Components for transcribing recordings and extracting insights.
Knowledge base Q&A: Pre-built interfaces for querying your documentation or support content.
AI agent connectors: Drop-in components to connect your APIs with natural-language interfaces.

Installation

Install the library via npm:

npm i @leaphubai/ui-components

Usage

Import the components you need into your React project:

import {
  Button,
  Label,
  Input,
  AITextarea,
  VoiceTranscriber,
} from "@leaphubai/ui-components";

Example

Here’s a quick example of using the AITextarea component:

import React from "react";
import { AITextarea } from "@leaphubai/ui-components";

function App() {
  return (
    <div>
      <h1>AI-Powered Text Editor</h1>
      <AITextarea
        placeholder="Type here..."
        onRefine={(text) => console.log("Refined text:", text)}
      />
    </div>
  );
}

export default App;

Why LeapHub AI?

LeapHub AI abstracts the complexity of AI integration, so you can focus on building your product. With this library, you get:

Pre-built UI components: Save months of development time.
Customizable and extensible: Tailor components to your needs.
No AI expertise required: We handle the hard parts like prompt engineering and model tuning.
Fast integration: Add AI features to your product in hours.