Look at the right edge of this page. It is drawn by the Custom engine: a progress track, a dot for every section — hover to read it, click to jump — and a tooltip with the section name and how far you are. Drag it, click the track, or just scroll as usual.
The browser bar is hidden and Zentu draws its own — so it can glow, flow, show progress and markers. Wheel, keyboard and touch scrolling stay native.
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
You are responsible for keeping your login details safe and for all activity under your account. Tell us straight away if you think someone else has used it. This is sample text for the demo and not a real legal document.
Prices include VAT where it applies. We confirm every order by email; the contract starts when we send that email, not when you place the order. This is sample text for the demo and not a real legal document.
Delivery times shown at checkout are estimates. If a parcel is late by more than 10 working days you may cancel and get a full refund. This is sample text for the demo and not a real legal document.
You can return most items within 30 days in their original condition. Personalised items can’t be returned unless they are faulty. This is sample text for the demo and not a real legal document.
We only use your data to run your orders and, if you agree, to send you news. See our privacy policy for the details. This is sample text for the demo and not a real legal document.
We may update these terms. The version that applies is the one shown when you placed your order. This is sample text for the demo and not a real legal document.
1import { createStore } from './store'; 2 3// Keep the cart in sync across tabs 4const cart = createStore({ 5 items: [], 6 coupon: null, 7}); 8 9export function addItem(product, qty = 1) { 10 const found = cart.items.find(i => i.id === product.id); 11 if (found) { 12 found.qty += qty; 13 } else { 14 cart.items.push({ ...product, qty }); 15 } 16 cart.save(); 17} 18 19export function total() { 20 return cart.items.reduce( 21 (sum, i) => sum + i.price * i.qty, 0 22 ); 23} 24 25window.addEventListener('storage', () => cart.reload());
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
You are responsible for keeping your login details safe and for all activity under your account. Tell us straight away if you think someone else has used it. This is sample text for the demo and not a real legal document.
Prices include VAT where it applies. We confirm every order by email; the contract starts when we send that email, not when you place the order. This is sample text for the demo and not a real legal document.
Delivery times shown at checkout are estimates. If a parcel is late by more than 10 working days you may cancel and get a full refund. This is sample text for the demo and not a real legal document.
You can return most items within 30 days in their original condition. Personalised items can’t be returned unless they are faulty. This is sample text for the demo and not a real legal document.
We only use your data to run your orders and, if you agree, to send you news. See our privacy policy for the details. This is sample text for the demo and not a real legal document.
We may update these terms. The version that applies is the one shown when you placed your order. This is sample text for the demo and not a real legal document.
The browser’s own scrollbar, restyled with CSS. Chrome, Edge and Safari show the full style; Firefox gets the matching colors and width.
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
1import { createStore } from './store'; 2 3// Keep the cart in sync across tabs 4const cart = createStore({ 5 items: [], 6 coupon: null, 7}); 8 9export function addItem(product, qty = 1) { 10 const found = cart.items.find(i => i.id === product.id); 11 if (found) { 12 found.qty += qty; 13 } else { 14 cart.items.push({ ...product, qty }); 15 } 16 cart.save(); 17} 18 19export function total() { 20 return cart.items.reduce( 21 (sum, i) => sum + i.price * i.qty, 0 22 ); 23} 24 25window.addEventListener('storage', () => cart.reload());
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
You are responsible for keeping your login details safe and for all activity under your account. Tell us straight away if you think someone else has used it. This is sample text for the demo and not a real legal document.
Prices include VAT where it applies. We confirm every order by email; the contract starts when we send that email, not when you place the order. This is sample text for the demo and not a real legal document.
Delivery times shown at checkout are estimates. If a parcel is late by more than 10 working days you may cancel and get a full refund. This is sample text for the demo and not a real legal document.
You can return most items within 30 days in their original condition. Personalised items can’t be returned unless they are faulty. This is sample text for the demo and not a real legal document.
We only use your data to run your orders and, if you agree, to send you news. See our privacy policy for the details. This is sample text for the demo and not a real legal document.
We may update these terms. The version that applies is the one shown when you placed your order. This is sample text for the demo and not a real legal document.
1import { createStore } from './store'; 2 3// Keep the cart in sync across tabs 4const cart = createStore({ 5 items: [], 6 coupon: null, 7}); 8 9export function addItem(product, qty = 1) { 10 const found = cart.items.find(i => i.id === product.id); 11 if (found) { 12 found.qty += qty; 13 } else { 14 cart.items.push({ ...product, qty }); 15 } 16 cart.save(); 17} 18 19export function total() { 20 return cart.items.reduce( 21 (sum, i) => sum + i.price * i.qty, 0 22 ); 23} 24 25window.addEventListener('storage', () => cart.reload());
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
You are responsible for keeping your login details safe and for all activity under your account. Tell us straight away if you think someone else has used it. This is sample text for the demo and not a real legal document.
Prices include VAT where it applies. We confirm every order by email; the contract starts when we send that email, not when you place the order. This is sample text for the demo and not a real legal document.
Delivery times shown at checkout are estimates. If a parcel is late by more than 10 working days you may cancel and get a full refund. This is sample text for the demo and not a real legal document.
You can return most items within 30 days in their original condition. Personalised items can’t be returned unless they are faulty. This is sample text for the demo and not a real legal document.
We only use your data to run your orders and, if you agree, to send you news. See our privacy policy for the details. This is sample text for the demo and not a real legal document.
We may update these terms. The version that applies is the one shown when you placed your order. This is sample text for the demo and not a real legal document.
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
Scrollable panels are everywhere — chats, code, terms, product rows, playlists. Each one below is a single widget set to “Only this widget’s showcase box”.
You are responsible for keeping your login details safe and for all activity under your account. Tell us straight away if you think someone else has used it. This is sample text for the demo and not a real legal document.
Prices include VAT where it applies. We confirm every order by email; the contract starts when we send that email, not when you place the order. This is sample text for the demo and not a real legal document.
Delivery times shown at checkout are estimates. If a parcel is late by more than 10 working days you may cancel and get a full refund. This is sample text for the demo and not a real legal document.
You can return most items within 30 days in their original condition. Personalised items can’t be returned unless they are faulty. This is sample text for the demo and not a real legal document.
We only use your data to run your orders and, if you agree, to send you news. See our privacy policy for the details. This is sample text for the demo and not a real legal document.
We may update these terms. The version that applies is the one shown when you placed your order. This is sample text for the demo and not a real legal document.
1import { createStore } from './store'; 2 3// Keep the cart in sync across tabs 4const cart = createStore({ 5 items: [], 6 coupon: null, 7}); 8 9export function addItem(product, qty = 1) { 10 const found = cart.items.find(i => i.id === product.id); 11 if (found) { 12 found.qty += qty; 13 } else { 14 cart.items.push({ ...product, qty }); 15 } 16 cart.save(); 17} 18 19export function total() { 20 return cart.items.reduce( 21 (sum, i) => sum + i.price * i.qty, 0 22 ); 23} 24 25window.addEventListener('storage', () => cart.reload());
Visitors notice polish even when they can’t say why. A scrollbar that matches your brand is one of those quiet details that makes a site feel finished.
Contrast matters more than color. The thumb should be easy to find at a glance, on light and dark sections alike.
On long articles, section markers help readers see how much is left and jump straight to the part they need.
Wheel, keyboard and touch scrolling stay exactly as the browser does them — only the look changes.
Phones show their own overlay bars, so by default the normal scrollbar is kept on touch devices.
Only the look changes — scrolling stays fast, accessible and familiar.
The chat, products, songs and terms in these boxes are sample content for the demo.
201 premium elements, Custom Scrollbar included.