useVibes

npm version License: MIT

Transform any DOM element into an AI-augmented micro-app using an HTML inject-first approach. Leverages the current page's HTML context to create a rich environment for dynamic content generation.

Installation

npm

npm install use-vibes

yarn

yarn add use-vibes

pnpm

pnpm add use-vibes

Live Demo

This is where the content will appear after applying vibes.

Bookmarklet

Try useVibes on any website with our bookmarklet:

🎨 useVibes

Drag this link to your bookmarks bar to use useVibes on any website!

Basic Usage

import { useVibes } from 'use-vibes';

// Set the API key for call-ai (required)
window.CALLAI_API_KEY = 'your-api-key-here';

// Get target element
const target = document.getElementById('my-app-container');

// Apply useVibes to the target with a prompt
useVibes(target, {
  prompt: 'Create a beautiful hello world message'
}).then(app => {
  console.log('App created:', app);
});

Features