☰

CharFlow - Character AI Customization

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

Come installare

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

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

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Come installare

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

Autore
Chalkie
Installazioni giornaliere
4
Installazioni totali
24
Valutazione
0 0 0
Versione
1.4.2
Creato il
30/04/2026
Aggiornato il
06/05/2026
Dimensione
197 KB
Licenza
MIT
Applica a

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.