All Topics
All Topics
Technology
Technology
Design
Design
Programming
Programming
Science
Science
News
News
Gaming
Gaming
Entertainment
Entertainment
Business
Business
Finance
Finance
Sports
Sports
Health
Health
Food
Food
Travel
Travel
Art
Art
Music
Music
Books
Books
Education
Education
Politics
Politics
Personal
Personal
No algorithm. No AI slop. No ads. Just RSS. Pro-human. Indie writers. Real journalism. Open web. Chronological. Hand toasted.

Bedtime GitHub Project: A JavaScript Loading Animation Designed to Help Users Fall Asleep

By

sarusso

4mo ago· 2 min readenCode

Summary

Bedtime is a GitHub project that helps users fall asleep by watching a JavaScript loader spin while displaying a bedtime story. The project intentionally slows down the loading process and text display speed as the story progresses, making it unlikely for users to reach the end unless they stay awake. The creator developed this tool after experiencing insomnia and noticing how watching loading spinners could be soothing.

Key quotes

· 4 pulled
Fall asleep by watching JavaScript load
This little toy project progressively tells a bedtime story about Liora and its little companion, while intentionally making a JavaScript loader spin for no reason other than to help you get to sleep
The time the loader spins, as well as the speed at which the text appears, increases as you go through the story, so that you ideally never reach the end (unless you really, really want to)
I came up with this one night when I couldn't fall asleep and was looking for some data analysis results on a web platform, noticing that the spinner was actual
Snippet from the RSS feed
Fall asleep by watching JavaScript load. Contribute to sarusso/bedtime development by creating an account on GitHub.

You might also wanna read