o5sy / notion

notion hosts a library of interactive widgets for @makenotion pages

Home Page:https://anthonytedja.github.io/notion/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

notion

Demo Gif

notion hosts widgets for Notion pages.

Setup & Usage

Embed widget links are given by anthonytedja.github.io/notion/<widget-name>/

Setup Demo

IMPORTANT: Use system settings for appearance on desktop to match the theme style.

Demo Gif

  • Click on the widget image in the preview section below to take you to the widget site.
  • Copy the URL and paste the link into Notion and choose "Create embed"
  • Resize the widget to how you want and you're all set up!

Demo Gif

Preview

Pomodoro : Pomodoro is a productivity technique where a 25 minute work session is followed by a 5 minute break for each pomodoro period. Click on the timer to start the countdown, or double / triple click to switch the timer modes from work to break. A notification will be played when the timer hits 0 so you don't need to keep your eyes on the widget.

Pomodoro

Weather : Powered by weatherwidget.io, get real time weather updates in the Toronto Area.

Weather

Clock : Analog display of local time.

Clock

Time : Display local time in English text, a fork from Text Clock.

Time

Cat : Poke the sleepy cat to see it roll over and yawn!

Cat

Kirby : Poke Kirby to wake it up from its sleep!

Kirby

Rimuru : Poke Rimuru the Slime to see it jump! Pixel Artist: pixelcatto.

Rimuru

Bunny : Poke the chubby bunny to see it try and catch its breath!

Bunny

Features

  • Supported for Mobile App and Desktop Page
  • V2: JS Local Storage to save theme settings
  • V3: JS Media Queries to automatically match theme settings

Built With

  • CodePen
  • Visual Studio Code

About

notion hosts a library of interactive widgets for @makenotion pages

https://anthonytedja.github.io/notion/


Languages

Language:JavaScript 47.4%Language:CSS 31.0%Language:HTML 21.6%