---
title: "AI Chat UI — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Wolfgang Heis · Sections. Animated · Dark Mode"
canonical: "https://framer.elliotli.dev/component/aichatui"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/AI Chat UI

# AI Chat UI

Animated · Dark Mode

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

![AI Chat UI preview image 1](https://framer.elliotli.dev/og/component/aichatui/1cefe95dca16001b/1600x1200.jpg)

## Summary

Animated · Dark Mode

## Description

## FEATURES

-   Auto-animated conversation — messages appear one by one with realistic timing
    
-   Typing indicator — three-dot animation before every AI response
    
-   Fully configurable messages via Property Controls
    
-   Dark mode support
    
-   Customizable AI identity — name, initial, and accent color
    
-   Loops automatically after the last message
    
-   Fake input bar — looks realistic without any functionality
    

### PROPERTY CONTROLS

-   Messages — configure the full conversation
    
-   AI Name & Initial — customize the assistant identity
    
-   Accent Color — user bubbles, avatar, send button
    
-   Dark Mode — light or dark theme
    
-   Show Header — toggle the top bar
    
-   Typing Duration — how long the typing indicator shows
    
-   Message Delay — pause between messages
    
-   Loop Delay — wait time before restart
    
-   Corner Radius — roundness of the container
    

### PERFECT FOR

-   AI SaaS hero sections
    
-   Product demo animations
    
-   Onboarding flow mockups
    
-   Agency portfolios
    

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

-   All · #10863

## Details

- **Author**: Wolfgang Heis
- **Price**: $10.00
- **Published**: 2026-06-11
- **Updated**: 2026-06-13
- **Added**: 2026-05-16
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove