Cronos is a beautifully designed, customizable clock application built with HTML, Tailwind CSS, and Alpine.js. It features a main clock with customizable names and timezones, additional location clocks, and various themes to suit your preferences. The application also includes settings for displaying seconds, using a 24-hour format, and showing motivational quotes.
Check the live demo here - Live Demo
- Main Clock: Customizable name and timezone.
- Additional Clocks: Add multiple location clocks with different timezones.
- Themes: Cronos comes with beautiful color themes and you can switch between them.
- Quotes: Display motivational quotes. You can change them too!
- Particles: Optional particle animation for a dynamic look.
- Notes: Store your personal notes directly within the app. They're securely saved in your browser's local storage, ensuring that your privacy is protected. Only you can see your notes.
- Bookmarks: Quick access to your favorite websites on the bottom left corner. Add up to six bookmarks.
- Memorization: Remembers your current settings for future visits.
- Alarm: Set alarms with pause functionality.
- Settings: Press
alt/option+sto open the settings panel. - Notes: Press
alt/option+nto open the notes section. - Websites: Press
alt/option+bto open the quick access websites panel. - Close Settings: Press
Escapekey to close these sections.
- HTML
- Tailwind CSS
- JavaScript
- Alpine.js
- Clone the repository.
- Open
index.htmlin your browser. - Customize the settings to your liking.
Feel free to fork the project and submit pull requests. Contributions are welcome!