HTML Block Interactive Tool Kit
15 independent, interactive HTML blocks you paste into any Notion page.
Fifteen interactive blocks, each one a single self-contained HTML file. In Notion you type /html, choose the HTML block, and paste the file's contents; it renders live straight away. On a website, paste it into the page. Near the top of every file is a plain-English CONFIG section where you change the labels, numbers, colors and links without going near the logic.
What breaks without it
Your Notion page can show your prices. It can't tell a visitor what they'd pay. It can list your services, but it can't tell someone which one fits. So people email to ask, or they leave.
Adding that used to mean a monthly widget subscription, a developer, or an embed from another company that loads its own scripts and breaks when they change something. These blocks put the answer on your page: visitors work out their price, savings or score, pick a package, see the deadline, and book a call. Pay once; nothing to renew.
What you get
- Type /html in Notion, paste the file, and it renders live. No hosting, no embed service, no account
- A plain-English CONFIG section at the top of every file for labels, numbers, colors and links
- A dark and a light look that visitors switch with one click, both re-colored from your brand colors
- Nothing loads from another company: no outside fonts, scripts or trackers, and no network requests as shipped
- One file per block, so you can hand a single file to a client and be done
What's inside
Questions people ask
What is the difference between Starter, Pro and Agency?
Starter is eight blocks: ROI Calculator, Lead Quiz, Countdown Timer, Pricing Slider, Testimonial Carousel, Booking, Progress Tracker and Budget Planner. Pro is all fifteen plus the customization guide. Agency is everything in Pro plus a license to install and bill the blocks as part of client work, a client cover sheet, and priority email support.
How do I get one of these into Notion?
Open the block file in a text editor and copy everything. On your Notion page, type /html, choose the HTML block, and paste. It renders immediately. There is nothing to host and no third-party embed service involved.
Do I need to know how to code?
No. Every file has a CONFIG section near the top, written in plain English, holding the labels, numbers, colors and links. Change those and leave the rest alone.
Can I use these on a normal website too?
Yes. The same file works pasted into a web page.
Can I show my booking calendar inside Notion?
No. Notion won't display a booking page inside an HTML block, so the Booking block shows a card with a button that opens your Calendly or Cal.com page in a new tab. On a normal website you can switch it to show the calendar inline.
Does anything get saved or sent anywhere?
No server, no database. Three blocks (Progress Tracker, Budget Planner, Recipe Portion Adjuster) remember a visitor's edits in that visitor's own browser. Four blocks can send an email address to a webhook you set up yourself; that's off until you add your own address.
Can I use them in client work?
Pro covers your own projects. If you install the blocks for clients as part of what you sell, take Agency. Agency doesn't allow reselling the files themselves as a kit.
Can I upgrade later?
Yes. Buy the higher tier and send me the receipt from the first one, and I'll refund the difference.
