Glassmorphism Design
Premium frosted-glass panel with backdrop blur, subtle gradients, and smooth micro-animations that feel truly modern.
One beautiful floating button. Five powerful channels. Zero dependencies. Glassmorphism design with full dark mode support.
Why buyers love it
Premium frosted-glass panel with backdrop blur, subtle gradients, and smooth micro-animations that feel truly modern.
Pure Vanilla JS & CSS. No jQuery, no icon fonts, no bloat. Loads instantly and works on any website or CMS.
Automatically follows the visitor's OS preference, or you can lock it to light or dark via a single config option.
ARIA labels, keyboard navigation (Enter/Space/Escape), focus management, and full prefers-reduced-motion support.
Scales perfectly from a 320px mobile to a 4K desktop. CSS-only layout with fluid sizing using custom properties.
Every class is prefixed with ttw- so it never clashes with your existing theme styles, no matter the platform.
Three lines of HTML. That's all it takes to add the widget to any website.
<!-- 1. Add the stylesheet in <head> -->
<link rel="stylesheet" href="assets/css/ttw-widget.css">
<!-- 2. Edit your details in config.js, then load it -->
<script src="assets/js/config.js"></script>
<!-- 3. Load the widget before </body> -->
<script src="assets/js/ttw-widget.js" defer></script>