---
title: "Bot Assistant — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Navigation. What is Bot Assistant?"
canonical: "https://framer.elliotli.dev/component/bot-assistant"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Bot Assistant

# Bot Assistant

Scroll-aware tips with draggable avatar

[View on Framer](https://framer.com/marketplace/components/bot-assistant/?via=elliot-li)

![Bot Assistant preview image 1](https://framer.elliotli.dev/og/component/bot-assistant/0abdbef6b32cda8c/1600x1200.jpg)

## Summary

What is Bot Assistant?

## Description

## What is Bot Assistant?

Bot Assistant is a floating assistant overlay that helps visitors navigate your site. Choose from three content modes: Section Tips that activate as linked frames scroll into view, a searchable Tip Library with categories, favorites, and expandable details, or Daily Wisdom for rotating motivational quotes. Drag the avatar anywhere, dock it to any edge, and style it to match your brand.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Three content modes in one component: scroll-triggered Section Tips, a searchable and filterable Tip Library, and a rotating Daily Wisdom feed
    
-   Scroll-aware detection that links tips to any named Framer frame, activating when 50% of the section is visible in the viewport
    
-   Physics-based drag and auto-dock: visitors move the avatar freely and it snaps to the nearest screen edge when idle
    
-   Six built-in persona icons (Wise Owl, Book, Spyglass, Light Bulb, Question Circle, Comment Dots) with customizable body, glow, and accent colors
    
-   Three curated panel themes (Parchment, Glass, Dark Academia) plus a fully Custom option with granular color overrides for every element
    
-   Tip Library mode includes real-time search, category filtering, expandable tip details, and a favorites system with star toggles
    
-   Idle and sleep animations with configurable timeouts, breathing glow, and gentle wobble to draw attention
    
-   Full typography control with settings for headings and body text
    

## Controls inside Framer

### Content Mode

-   Content Mode (Section Tips, Tip Library, Daily Wisdom)
    

### Persona

-   Persona (6 icon options)
    
-   Persona Color
    
-   Persona Glow Color
    
-   Owl Colors (Body, Wings, Beak, Feet — visible when Wise Owl is selected)
    

### Position

-   Initial Position (Bottom Right, Bottom Left, Top Right, Top Left, Center)
    

### Scroll Sections (Section Tips mode)

-   Section Name
    
-   Section ID (link to any named frame)
    
-   Start % / End % (percentage fallback)
    
-   Tips (array of strings per section)
    
-   Section Image
    

### Behavior

-   Auto-Dock (Idle)
    
-   Idle Timeout
    
-   Sleep Timeout
    
-   Open on Hover
    
-   Glow toggle and intensity
    
-   Wobble intensity
    

### Appearance

-   Avatar Size
    
-   Panel Width
    
-   Panel Style (Parchment, Glass, Dark Academia, Custom)
    

### Colors (Custom panel style)

-   Primary, Panel Background, Text, Accent, Close Icon, Close Background, Star / Favorite
    

### Content (mode-specific)

-   Search Tips with text, category, and expandable detail
    
-   Daily Tips
    
-   Categories
    

### Fonts

-   Heading Font
    
-   Body Font
    

## Best use cases

-   Product landing pages that need guided onboarding without a full tour plugin
    
-   SaaS dashboards where contextual tips reduce support tickets and improve discoverability
    
-   Portfolio and agency sites that want an interactive, personality-driven help layer
    
-   Documentation or knowledge-base pages with a searchable, categorized tip library built into the design
    

Drop it on your page, name your frames, and let the assistant do the talking. One component, three modes, zero friction.

## Questions or custom requests?

-   We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10974

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-02-19
- **Updated**: 2026-06-13
- **Added**: 2026-02-19
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation