Skip to content

Ask AI Buttons

The AI footer button

Ask AI Buttons preview image 1

Summary

The AI footer button. Now in Framer.

Description

This is the AI footer pattern every modern startup is adopting. Visitors click their preferred AI, get a direct answer about your product, and keep exploring — without you writing a single FAQ. You look sharp. They get clarity. Everyone wins.

Framer uses it. Superpower uses it. Top VC sites use it. Now you can add it to any Framer project in minutes — no code, no setup, just paste and customize.

Live preview →

How it works

Set your prompt once. The component injects your page URL automatically and sends it to whichever AI the visitor clicks. They get a direct, conversational answer about your product without leaving their preferred tool.

What's included

  • 5 AI models out of the box — ChatGPT, Claude, Gemini, Grok, Perplexity

  • Add custom models with your own logo and URL

  • Auto URL injection — {url} is replaced with the current page link at runtime

  • Full design control — icon size, padding, radius, gap, background

  • Show or hide labels with custom font controls

  • Light, dark, and custom theme support

  • Hover effects — opacity, scale, lift, shadow

  • Open in new tab or same tab

  • Works anywhere — footer, hero, CTA section, trust bar

Who it's for

  • Founders and indie hackers who want their site to feel modern and trustworthy

  • Framer designers delivering something extra to startup clients

  • Anyone building a landing page who wants visitors to self-qualify using AI agents instead of bouncing

Works out of the box. Paste it in, set your prompt, done.

Questions? DM me → @anilkody on X

Rank history How rankings work →

125015001750191528/149/49/2610/1811/9
  • All · #9152

Details

More like this