Is the Margin Notes template free?

Yes. You can download Margin Notes free (MIT licence) and host it yourself, or customise it in Kitefolio and publish it free at a Kitefolio address. Your own domain comes with Pro, from AED 35 a month.

Can I use Margin Notes without coding?

Yes. In the Kitefolio editor you click any text or photo on Margin Notes to change it, import your CV or LinkedIn, and publish in a few minutes. No code is needed.

Does Margin Notes work on phones?

Yes. Margin Notes adapts to any screen size and was tested on phones, tablets and desktops, and with reduced motion.

Can I change the colours and fonts of Margin Notes?

It comes with 3 colour schemes (Paper & ink, Sage, Dusk). Font pairings: Fraunces + Figtree, Bricolage + Figtree. You switch them in the editor's Design panel.

Can I switch from Margin Notes to another template later?

Yes. Your content is kept separately from the design, so you can move to any other Kitefolio template without retyping anything.

Kitefolio Studio original · Free · MIT

Margin Notes

A teacher’s site that moves like a good lesson: doodles drawn as you read, stats that fill, a year in the classroom told as you scroll.

Download free

Customise without code

No ratings yet

The idea

A teacher’s site that moves like a good lesson: doodles drawn as you read, stats that fill, a year in the classroom told as you scroll.

Inspired by

A good teacher’s whiteboard: doodles, arrows and notes in the margin.

What to notice

Doodles draw themselves as you read, and the school year unfolds as you scroll.

How it was made

Drawn and built by the Kitefolio studio as a React component, then tested in the editor, on phones and with reduced motion. Every section reads from one shared content model, so the same words fill any design.

Who it’s for

Teachers, Tutors, Lecturers & coaches.

Scroll through it

The real template, running live with sample content.

Loading preview…

Two ways to use it

Free · you edit the code

Download and set it up

Install Node.js (the LTS version) if you don’t have it.
Unzip the download and open the folder in a terminal.
Run npm install, then npm run dev. It opens in your browser.
Put your own words in src/content.json and your photos in public/. Colours and fonts are in the README.
Run npm run build and upload the dist folder to any static host (Netlify, Cloudflare Pages, GitHub Pages).

Download the ZIP

No code · free to start

Let Kitefolio handle it

Click any text or photo to change it, no code at all
A free address, or your own domain with Pro
Hosting, speed and security looked after
A blog, and the Investigator to keep it up to date
Switch to another design any time, keeping your words

Customise Margin Notes Pricing

Made for these jobs

Open Margin Notes with sample content written for your job title.

Questions about Margin Notes

Is the Margin Notes template free?: Yes. You can download Margin Notes free (MIT licence) and host it yourself, or customise it in Kitefolio and publish it free at a Kitefolio address. Your own domain comes with Pro, from AED 35 a month.
Who is Margin Notes for?: Teachers, Tutors, Lecturers & coaches.
Can I use Margin Notes without coding?: Yes. In the Kitefolio editor you click any text or photo on Margin Notes to change it, import your CV or LinkedIn, and publish in a few minutes. No code is needed.
Does Margin Notes work on phones?: Yes. Margin Notes adapts to any screen size and was tested on phones, tablets and desktops, and with reduced motion.
Can I change the colours and fonts of Margin Notes?: It comes with 3 colour schemes (Paper & ink, Sage, Dusk). Font pairings: Fraunces + Figtree, Bricolage + Figtree. You switch them in the editor's Design panel.
Can I switch from Margin Notes to another template later?: Yes. Your content is kept separately from the design, so you can move to any other Kitefolio template without retyping anything.