Skip to content

Chatbot Widget Designs – Elegant, ready-to-use UI templates to seamlessly embed YourGPT chatbots into any web app.

Notifications You must be signed in to change notification settings

YourGPT/chatbot-widget-templates

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 

Repository files navigation

🎨 YourGPT Widget Themes

A curated set of modern themes for your YourGPT Chatbot – just plug & style.

Join our Discord


🧾 Quick Start

  1. Pick a theme below
  2. Copy the provided CSS
  3. Paste it into Branding → Custom CSS in your YourGPT Widget settings

You’re done. No build tools, no install.


☁️ Cloud Theme – Light & Minimal

Cloud Theme

▶️ Watch Demo

  • Clean white with soft shadows
  • Ideal for light mode websites
  • CSS file: Cloud.md

⚫ MonoChrome Theme – Bold Black & White

MonoChrome Theme

▶️ Watch Demo

  • High-contrast, zero distractions
  • Great for minimalist or portfolio sites
  • CSS file: MonoChrome.md

🟨 NeoBrutalism Theme – Funky & Strong

NeoBrutalism Theme

▶️ Watch Demo

  • Playful colors and bold borders
  • Inspired by brutalist web design
  • CSS file: NeoBrutalism.md

🌑 Obsidian Theme – Dark & Clean

Obsidian Theme

▶️ Watch Demo

  • All-black with neon text glow
  • Great for dark dashboards and tech sites
  • CSS file: Obsidian.md

🛠 Customisation

All themes are editable:

  • 🎨 Change colors by adjusting HSL values
  • 🔲 Customize shadows, borders, corners
  • 🧩 Mix elements from different themes

💬 Join Our Community

We share more widgets, tips & dev updates in our Discord.

Join Discord


About

Chatbot Widget Designs – Elegant, ready-to-use UI templates to seamlessly embed YourGPT chatbots into any web app.

Topics

Resources

Stars

Watchers

Forks

Contributors 3

  •  
  •  
  •