Alqemist Interactive Demo

Component 9

About

Interactive Alqemist product demo block showing projects, agents, integrations, scheduling, and security surfaces.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Alqemist Interactive Demo to your project and fits it to your theme.

Code

How Alqemist Interactive Demo is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

'use client';

import { AlqemistBlockPreview } from '../components/ui/alqemist-interactive-demo-utils/_preview-provider';
import AlqemistInteractiveDemo from '@/components/ui/alqemist-interactive-demo';

export default function AlqemistInteractiveDemoDemo() {
  return (
    <AlqemistBlockPreview>
      <AlqemistInteractiveDemo />
    </AlqemistBlockPreview>
  );
}