Interactive Browser Tools

Project Details

Interactive Browser Tools

A growing set of free, interactive tools — calculators, questionnaires, planners and calming games — built as self-contained web artifacts and embedded across my sites for people to use

Live Site For Sale

Technologies Used

Claude Code

Overview

Key takeaways
  • Small, focused tools people can use straight away in the browser, with no sign-up and nothing to install.
  • Each tool is a single self-contained HTML file, hosted on the site it belongs to.
  • There are questionnaires, calculators and planners, across four sites.
  • Every tool lets the user save their results and download them as a PDF.
  • They work as lead magnets and as useful resources that keep people on the site.

Across my sites I build small, focused tools people can use straight away in the browser without needing to sign-up or install anything.  Each one is a self-contained web artifact: a single HTML file with its own styling and logic that I host directly on the site it belongs to.

Some are questionnaires that hand back a personalised starter plan; some are calculators that show the numbers behind a decision; and some are planners that turn a goal into steps. They double as lead magnets and as genuinely useful resources that keep people on the site.

All of them provide an opportunity for the user to save their results and download as a PDF.

You can try them live on each site's tools page:

Tools on each site
Site Tools
Djangify: tools for creators Expertise Interview Builder, "What Should You Validate First?", AI Storytelling Content Builder, a marketplace Fee Calculator, a communication-style profiler, and a platform-fee cost calculator.
The Self-Talk Effect The 5-Step Negative Self-Talk Reset and the Negative Self-Talk Loop tool.
Inspirational Guidance The ALIVE List questionnaire and builder. ALIVE List prompts with a free and premium version, a Core Values Compass available as a free and premium version. On Inspirational Guidance users can save their results to their dashboard.
Diane Corriette The interactive micro-app tools available on this site
Quiz

Which tools should you try first?

  1. What are you working on right now?
    • Selling digital products or a business idea
    • Quieting negative self-talk
    • Feeling stuck and wanting small changes
    • Reaching a yearly goal
  2. What would help most today?
    • The numbers behind a decision
    • A way to notice and reset my thoughts
    • Small deliberate changes, or clarity on my values
    • A goal turned into steps

Djangify: tools for creators

Try the Expertise Interview Builder, the Fee Calculator and the platform-fee cost calculator.

Open the Djangify tools

The Self-Talk Effect

Try the 5-Step Negative Self-Talk Reset and the Negative Self-Talk Loop tool.

Open the Self-Talk tools

Inspirational Guidance

Try the ALIVE List questionnaire and the Core Values Compass.

Open the Inspirational Guidance tools

Diane Corriette

Non-commodity content builder for writing excellent content.

Non-commodity Content Builder

Technical Details

Each tool is a single, self-contained HTML file with its own markup, styling and vanilla JavaScript, with nothing fetched from an external host at runtime. That keeps them fast, private, and simple to drop into any site.

How the tools are built

Built as

  • Self-contained artifacts - one file per tool, all CSS and JS inline, no build step and no external dependencies to break.
  • Hosted, not embedded from elsewhere - the tools live on my own Django-powered sites (via a hosted-tools feature in the admin), so there's no third-party script, tracker or cookie banner attached to them.

Offered as

  • Free and gated versions - most are free to use in the browser; a few (like the member Goal Tracker) sit behind a login for registered users.
  • Reusable pattern - questionnaire, calculator, and planner are templates I reuse, so a new tool for a new site is quick to produce and consistent to maintain.

The result is a library of tools that stays under my control: I can add, update or move one without touching a SaaS account or paying per-widget fees.

Results

Delivered

What the tools achieve

  • Useful lead magnetsEach tool gives a real result on the spot (a plan, a number, a values statement), which is a stronger reason to stay and sign up than a static PDF.
  • Faster to shipBecause they're single-file artifacts with no build step, a new tool goes from idea to live page quickly and reuses patterns I've already built.
  • Private by designNo external scripts means no extra trackers, no cookie banners, and nothing slowing the page down.
  • Fully ownedThe tools are hosted on my own sites, so there's no per-tool subscription and nothing that disappears if a third-party service shuts down.
Djangify tools Self-Talk Effect tools Inspirational Guidance tools 90-Day Progress Plan tools Tools you can run yourself
Built with

This page was made using Interactive Content Blocks

The key takeaways, the quiz and the checklist on this page come from Interactive Content Blocks: seven ready-made blocks that let readers tick, write, score themselves and keep their progress. One purchase covers every site you own, and your AI assistant writes the blocks from the included skill file.

See Interactive Content Blocks →
Back to Portfolio