Notion widgets

Notion Reading Tracker Widget

Keep your reading challenge on track, right next to your reading list.

  • Free foreverNo trial, no paywall, no usage limits.
  • No sign-upOpen the page and start. We never ask for an email to use a tool.
  • PrivateEverything runs in your browser. Your input is never uploaded or stored on our servers.
  • Works offlineOnce the page has loaded, the tool keeps working without a connection.

Style

Five looks. Every option below works with every style.
A warm paper card with serif type, like a note on your desk.Clean type, no frame. Blends into any Notion page.A frosted, translucent card with a soft highlight edge.Glowing accent-colored type. Best on dark pages.An LCD screen with scanlines and monospace digits.

Reading Tracker options

Reset to defaults
A yearly goal counts finished books; the current book tracks your page.
Books to finish this year. 12 is one a month; 52 is one a week.
Shown at the top, such as "Reading challenge". It also names the saved progress, so two trackers need different titles.

0/40 characters

Colors and font

Light or dark colors. Auto adapts to the page it is embedded in.
Follows the page: light text on dark Notion pages, dark text on light ones (in browsers that pass the theme to embeds, otherwise your device setting).Dark text for light Notion pages.Light text for dark Notion pages.
Transparent lets your Notion page show through, so the widget looks built in. Solid gives it its own card.
Blends into the page behind it.Fills the embed with the style's own background.
Used for highlights: progress fills, the second hand, glows. Leave it on the style default or match your page's colors.
Using the style's own accent. Pick a color to override it.
Fonts already on the viewer's device, so the widget loads instantly and works offline. Each style has its own default.

Language and credit

How month and day names and numbers are written. Auto uses each viewer's browser language. Text you type is shown as you typed it.
A small link in the corner that opens this builder in a new tab. The widget is free either way; turn it off to hide it.
Edit a widget you already madePaste its link

Live preview

This is the real widget, running exactly as it will in Notion.
A small block: 420 × 150 px.One of two columns: 340 × 220 px.The full width of a standard page: 600 × 220 px.
See the widget on a light Notion page.See the widget on a dark Notion page. Theme Auto switches with it.

340 × 220 px

Your embed link

Paste this into a Notion embed block. Everything about the widget is in the link, so there is no account and nothing to save.
Open in new tab
The link updates as you change options. Anyone who can see your Notion page can read the text in it.

How to add it to Notion

  1. 1Copy your linkPress Copy embed link above.
  2. 2Add an embed blockIn Notion, type /embed on an empty line and press Enter.
  3. 3Paste the linkPaste it into the box and choose Embed link.
  4. 4Resize itHover over the embed and drag the bars on its sides. The widget refits to any size.

Works in Notion on the web, the desktop app and the mobile apps: the widget needs no login, so it loads everywhere. Notion's guide to embeds

Want a site designed with this level of care? Talk to our team

Quick answer

A Notion reading tracker widget shows your reading progress inside a Notion page. Playxoft's free reading tracker counts finished books toward a yearly goal and tells you whether you are ahead of or behind schedule, or follows your page in the book you are reading now. Progress is saved in your browser. Choose a mode, copy the embed link and paste it into /embed in Notion.

  • Yearly book goal
  • Ahead or behind pace
  • Current book pages
  • Type your page
  • Saved in your browser
  • Five styles

How to use the Notion Reading Tracker Widget

  1. 1Under Track, choose Books this year or Current book.
  2. 2Set your yearly Goal, or the Book title and its Pages.
  3. 3Add a Title, pick a style and press Copy embed link.
  4. 4In Notion, type /embed, paste the link and choose Embed link.
  5. 5Press + Book when you finish one, or move your page with the buttons.

Books this year or current book?

Books this yearCurrent book
CountsFinished booksYour page
Shows12 / 24 books and your pacePage 120 of 300, percent and pages to go
Buttons+ Book and minusForward and back by your step, or type the page
Starts overOn 1 JanuaryWhen you change the book title

Use Books this year for a reading challenge, the kind many readers set each January. Use Current book for a long novel, a textbook or a book club pick, where seeing the pages left keeps you going. Two trackers with different titles can sit side by side: the year's goal and the book in your hands.

How is the reading pace worked out?

The widget compares your count with an even pace through the year. A reader on schedule for a goal of 24 books would have finished 24 × 182 ÷ 365 ≈ 11.97 books by 1 July, the 182nd day of the year; the widget rounds that down to 11.

So with 13 books read on 1 July, it says 2 books ahead of schedule; with 10, 1 book behind schedule; with 11, On track. Once you reach the goal it says Goal reached! and keeps counting.

On 1 January the count starts again at zero for the new year. Last year's count stays saved in your browser.

A reading tracker and a Notion reading list

Notion is a popular home for reading lists: a database of books with properties for author, status, rating and notes, viewed as a gallery of covers or a board from "To read" to "Finished".

The widget does a different job: it is the progress bar at the top of that page. Press + Book when you move a book to "Finished", and your challenge stays visible without building formulas or charts. In Current book mode, type the page you stopped at before closing the page.

Where is my progress saved?

  • This browser only. Your books and pages live in your browser's storage for the widget, on this device. Nothing is sent to a server, so there is no account, and it does not sync between your laptop and your phone.
  • Yours alone. Everyone who opens the Notion page gets their own copy of the widget, starting empty. For a tracker a whole team shares, use a Notion database instead.
  • The title names it. The widget saves under its Title, so two trackers on your pages need different titles to stay apart. A new style or color keeps your data.
  • When it is not kept. Private windows and strict privacy settings can block storage in embeds; the widget then says so and works for that visit only. Clearing your browser's site data erases it, and Safari can clear it when playxoft.com has not been visited for a while.

Frequently asked questions

Choose Books this year or Current book in Playxoft's reading tracker builder, set your goal or book, and press Copy embed link. In Notion, type /embed, paste the link and choose Embed link.
Yes. Choose Books this year and set your goal, such as 12 or 52 books. Press + Book each time you finish one, and the widget shows your progress and whether you are on pace.
It compares your count with an even pace through the year: your goal times the days passed, divided by the days in the year, rounded down. More books than that is ahead; fewer is behind.
Yes. In Current book mode, type your page into the box between the buttons, or move forward and back by the number of pages per tap you chose.
No. It is saved in the browser where you press the buttons, on that device only. For a shared or synced record, keep a reading list database in Notion as well.
Yes. It is free with no sign-up and no limits. The small Made with Playxoft link in the corner can be turned off.

Last updated by the Playxoft engineering team.

From the designers who built this tool

Want your site to look this polished?

Consistent color, crisp typography and fast pages are what make a site feel premium. We build accessible, high-converting websites with design systems that stay consistent everywhere. Send us your site and we will share honest recommendations, free.