Bot Assistant

Premium Typography Component by Aidan Looker

Show PreviewBuy for $9
Bot Assistant

About Bot Assistant

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.

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?