https://github.com/hossain-khan/trmnl-elements-plugin
A fun plugin to showcase element from the Periodic Table
https://github.com/hossain-khan/trmnl-elements-plugin
trmnl trmnl-plugin
Last synced: 6 months ago
JSON representation
A fun plugin to showcase element from the Periodic Table
- Host: GitHub
- URL: https://github.com/hossain-khan/trmnl-elements-plugin
- Owner: hossain-khan
- License: mit
- Created: 2026-01-17T05:31:41.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-01-17T17:01:23.000Z (6 months ago)
- Last Synced: 2026-01-17T17:36:03.352Z (6 months ago)
- Topics: trmnl, trmnl-plugin
- Language: JavaScript
- Homepage: https://hossain-khan.github.io/trmnl-elements-plugin/
- Size: 236 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Element of the Day ๐งช

Learn chemistry one element at a time! Display a different element from the Periodic Table on your TRMNL e-ink device.
> "The elements are the alphabet of nature." โ Dmitri Mendeleev
## Install
**[โ Install Element of the Day](https://usetrmnl.com/recipes/226166)**
1. Visit [TRMNL Recipes](https://usetrmnl.com/recipes)
2. Search for "**Element of the Day**"
3. Click **Install**
4. Configure your preferred **Display Mode**:
- **Hourly Random**: New element every hour (default)
- **Daily Rotation**: Cycles through all 118 elements based on day of year
5. Add to your [Playlist](https://usetrmnl.com/playlists)
## Demo
| Layout | Preview |
|--------|---------|
| **Full** | 
Responsive 1-3 column grid with element card and 12 properties |
| **Half Horizontal** | 
Compact horizontal layout with 6 properties in 2x3 grid |
| **Half Vertical** | 
Vertical layout with card and 4 essential properties |
| **Quadrant** | 
Minimal view with card and 2 properties |
## Features
- ๐ฌ **118 Elements** - Complete periodic table coverage
- โฐ **Flexible Display** - Hourly or daily rotation modes
- ๐ **Rich Data** - Atomic properties, electron configuration, discovery info
- ๐จ **Multiple Layouts** - Four optimized size options
- โก **Fast Updates** - Static data via GitHub Pages
- ๐ฑ **E-ink Optimized** - Clean design for all TRMNL devices
### Element Properties
Each element includes atomic number, symbol, name, mass, category, state, electron configuration, melting/boiling points, density, and discovery year.
---
**For Developers:** Want to fork or customize this plugin? See [docs/DEVELOPER.md](docs/DEVELOPER.md)
**License:** See [LICENSE](LICENSE) for details.