Greasy Fork is available in English.

CharFlow - Character AI Customization

Complete Character.AI UI Customization - 35+ settings, presets, HTML export, per-character background and per-element control

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

ستحتاج إلى تثبيت إضافة مثل Stylus لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتتمكن من تثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

(لدي بالفعل مثبت أنماط للمستخدم، دعني أقم بتثبيته!)

المؤلف
Chalkie
التثبيت اليومي
4
إجمالي التثبيت
22
التقييمات
0 0 0
الإصدار
1.4.2
تم إنشاؤه
30-04-2026
تم تحديثه
06-05-2026
الحجم
197 KB
الترخيص
MIT
ينطبق على

CharFlow - Character AI Customization

CharFlow preview

A Tampermonkey userscript that lets you redesign the look and feel of Character.AI chat pages.

Main Purpose

This script transforms the default Character.AI chat interface into a fully customizable experience. It adds a settings panel that lets you change colors, fonts, backgrounds, bubble shapes, and much more—without touching any of the original website's code.

Key Features

Visual Customization

  • Backgrounds – Set an image URL or upload a local file as your chat background. Adjust blur, brightness, and add a color overlay.
  • Chat Bubbles – Change bubble colors (same for all or separate for AI/User), add glassmorphism effects, borders, and drop shadows.
  • Corner Styles – Make bubbles uniformly rounded or customize each corner individually.
  • Typography – Choose from 15+ Google Fonts, use a custom font URL, adjust size, weight, line height, and color text differently for AI vs User.
  • Text Styling – Enable custom colors for italic, bold and quote text.

Preset System

  • Save your current settings as a named preset (background settings excluded to preserve your personal backgrounds)
  • Load, delete, export, or import presets (share them with others)
  • Reset individual categories or everything to default

Character Backgrounds Manager

  • View all saved character backgrounds with preview and delete options
  • Export all backgrounds as a backup file or import them back
  • Storage usage tracking with warnings when approaching limits

Chat Tools

  • Session Timer – Replace the creator name with a timer showing how long you've been chatting ("Talking for 12 minutes" or "Active now").
  • Export Chat – Download your conversation as a clean HTML file with avatars, search functionality, and dark/light mode toggle.
  • Remove Disclaimer – Hide the "AI chatbot" warning messages (visual only, doesn't affect functionality).

Interface

  • Floating settings button (draggable, saves position)
  • Collapsible settings panel (also draggable)
  • Search through settings by keyword
  • Category-based organization
  • Visual previews for corner radius changes
  • Toast notifications for actions

How It Works Together

  1. Load – Script checks you're on a Character.AI chat page, then injects its own CSS and UI elements.
  2. Storage – All settings are saved locally in your browser using Tampermonkey's storage. Nothing is sent anywhere.
  3. Real-time Updates – When you change a setting (like a color or slider), the script instantly updates the chat page CSS and saves the preference.
  4. Dynamic Monitoring – A MutationObserver watches for new messages being added and reapplies your styles automatically.
  5. Presets – Saving a preset captures every non-background setting into a JSON object. Loading it applies all those values at once.

How to use

  1. Download a preset file from the link above
  2. Open the mod menu in Character.AI
  3. Go to the Presets section
  4. Click Import Preset and select the file

That’s it.

CharFlow preview_2 CharFlow preview_3

  • BoundarySoft Inc. 2026 | A personal project made with love.
  • This script only modifies the visual interface of Character.AI and does not interact with accounts or external servers.