Utility

Copy any of these widgets now, and paste them in your AI to add them to your website or app in minutes.
Sticky tables of contents, reading progress bars, share bars, chat launchers, and more small upgrades.

You can customize their positions, colors, and behavior, so each widget sits exactly where your site needs it.

Sticky Table of Contents

A table of contents that follows the reader and highlights the section they are in.

Customize

Reading Progress

A slim progress bar that tracks how far into the article the reader is, with an optional back-to-top button.

Customize

Before / After Slider

A draggable comparison of two images: same subject, real photos, and a divider the reader controls.

Customize

Sticky Share Bar

A small share rail with plain share URLs only. No SDKs, no trackers, no fake counters.

Customize

Back to Top Button

A floating button that appears after real scrolling and glides the reader back to the top.

Customize

Floating Chat Launcher

A corner bubble that opens your real contact channels. Honest about not being live chat unless you have one.

Customize

Progress Checklist

An onboarding checklist with a progress bar. Each visitor's own ticks, saved in their browser.

Customize

Tab Attention Title

When visitors switch to another tab, your tab title swaps to a come-back message, and restores the moment they return.

Customize

Search Bar

A search bar with an optional placeholder sentence, a red search button and suggestions if you want them, ready for a hero (the big top section of a page), a header or a bottom panel on phones. Copy it from here and your AI rebuilds it inside your own site, in your colors.

Customize

Ask AI Buttons

Customize and copy these Ask AI buttons for your website. Each one opens an AI assistant like ChatGPT or Claude in a new tab, with a question about your site ready to ask, so your visitors hear what you do from the AI they already use. Pick the AIs and the look, copy the instructions, and let your AI put the buttons on your page.

Customize

Handy website widgets to copy to your AI

These are the small touches. None of them is the star of your page, but together they make a site feel cared for, the kind of quality-of-life upgrades visitors notice without knowing why.

Copying one is as easy as everywhere else here. Each widget has a prewritten text block, paste it into the AI you already use (Claude, ChatGPT, Cursor) and the widget appears in your own site, styled with your colors and fonts.

Table of contents, share bars and progress bars

You get 10 widget designs on this shelf:

  • Sticky Table of Contents, stays with readers as they scroll
  • Reading Progress, a bar showing how far you've read
  • Before / After Slider, slide between two images
  • Sticky Share Bar, clean share links with no trackers
  • Back to Top Button, one click back to the top
  • Floating Chat Launcher, a chat button that floats on the page
  • Progress Checklist, ticks steps off as visitors go
  • Tab Attention Title, the browser tab title changes when people switch away
  • Search Bar, helps visitors find what they're looking for on your site
  • Ask AI Buttons, let visitors ask their own AI what your service, product or brand can do for them

Ten little helpers, one shared effect. Your site feels smoother without shouting about it.

Unlock every widget design for $20 a month

For $20 a month you unlock every widget on this shelf and every other design on the site. Every design we add later is included at no extra cost.

The rotation applies here too. Every day, the 10 most copied designs are free on the Freebies shelf.

81

designs in the library

Get all of them for $20 a month, or $192 a year (you get 20% off).