Toolaby

Extension generator

Generate a Chrome extension that takes payments

Name it, colour it, choose its pages and price it. You download a finished extension in WXT 0.21, React 19.3 and Tailwind CSS 4.3: a paywall, a Free plan that counts and a Pro feature, ready for npm run setup.

Set up your extension

Your extension

Folder and package: glance

The welcome page’s headline, and the store’s description.

Colour

Buttons, meters, the Pro badge, the welcome page’s light and the toolbar icon take it.

Its pages

PopupThe page’s read time and outline, and the paid actions, with Toolaby’s account barAlways

What it sells

Free

Pro’s prices

$day trial
$day trial
$

What npm run setup makes on Toolaby’s Test, where no card is charged. After that the dashboard holds them: change them there, with no new build.

Your extension

Glance

en.wikipedia.org

14min readat 238 words a minute
Words
3,418
Headings
13
Links
417
Images
7

Outline

  1. Speed reading
  2. History
  3. Methods and principles
  4. Skimming and scanning

+ 9 more in the side panel

Copy as Markdown3 leftFocus modePro
3 free uses left todaySign inUpgrade
Pages
Popup, side panel, settings, welcome
Free plan
3 copies a day
Pro
$4 a month with a 7-day trial or $29 once
Pro holds
Focus mode
Your projectglance.zip · 73 files
The starter on GitHub
  • Made in your browser: nothing you type here is sent anywhere
  • MIT licence, on WXT 0.21, React 19.3 and Tailwind CSS 4.3
  • The code is yours, with Toolaby or without it

What you download

A finished extension, then four commands.

The starter’s files, less the pages you left out. The ones in your colour are written for your extension; everything else is the starter as it is on GitHub.

glance/

73 files

entrypoints
background.ts4.2 KB
focus.content.ts6.2 KB
.gitignore72 B
extension.jsonyours
LICENSE1.0 KB
package-lock.jsonyours
package.jsonyours
README.mdyours
toolaby-popup.html766 B
toolaby-popup.js176 B
toolaby-sidepanel.html840 B
toolaby-sidepanel.js189 B
toolaby.background.js469 B
toolaby.config.js861 B
toolaby.d.ts17.0 KB
toolaby.js101.4 KB
toolaby.manifest.d.ts453 B
toolaby.manifest.js4.3 KB
toolaby.setup.jsonyours
tsconfig.json274 B
vitest.config.ts200 B
wxt.config.ts1.4 KB

$ cd glance && npm install

  • WXT, React and Tailwind CSS, at the versions package-lock.json pins
  • wxt prepare writes the types of your pages and scripts
  • → then npm run setup

Questions

Anything else? hello@toolaby.app

No. The project is made in your browser and is yours, under the MIT licence. An account comes in at npm run setup, which signs you in, or makes one with Google or an email link, to make your tool and its plans on Test.Quickstart