Framework is now Open Source

we started with an 800x480, 1-bit display. it didn't take long to realize: designing for low resolution ePaper panels is tricky. thus Framework was born:
https://trmnl.com/framework

fast forward a few years, today we host 93,108 private plugins delivering 281,872 instances to 10s of thousands of devices around the world every 5-15 minutes.

which is why i'm thrilled to announce that our entire design system now open source.

https://github.com/usetrmnl/trmnl-framework

after thousands of iterations, here are a few things it can do.

Components

nobody wants to reinvent a table, label, or stat widget.

Framework components provide device-aware markup that looks great on your computer screen or ePaper display. charting is powered by Highcharts under the hood, with theme overrides to account for hardware limitations.

speaking of hardware...

Hardware

as our device model library grows, your work should Just Work on different display sizes and resolutions.

the model picker reads from the Model API to inject dimensions, colors, and other capabilities of a given device directly into the web based markup editor or your local dev tooling with trmnlp.

try changing parameters in the top-right dropdown in our docs to see how it works:

Framework is even compatible with televisions, tablets, iPads, and beyond.

Legibility

perfect vision is wasted on the youth. we created our own font from scratch, and now it's yours. for everything else there's Inter.

whether you want small type, large graphics, serifs or sans, Framework lets you scope typography on a per element basis.

Magic (JavaScript)

tying together many of the above elements is a JS runtime, terminalize().

this lets you scale text, adhere to cultural or regional formatting, truncate big values, and more.

if you're wondering why this matters, it's because TRMNL is designed for arbitrary and dynamic content. the value of {{ some_variable }} should never break your markup.

the Framework Runtime even solves for fixed display heights, check out Table Overflow.

what's next

if you're just getting started, check out the docs and examples. if you've been with us awhile, skim the v3 overview guide for the latest features.

to report an issue or contribute new features, visit the source code:
https://github.com/usetrmnl/trmnl-framework