Description
/* ===== Scoped Description Style ===== */.product-description.rte { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif; color: #2c2c2c; line-height: 1.65; font-size: 16px;}/* ===== Headings ===== */.product-description.rte h2 { font-size: 1.8em; color: #0D47A1; border-left: 4px solid #1f6fe5; padding-left: 12px; margin-top: 32px; margin-bottom: 16px;}/* ===== H3 Titles Optimization ===== */.product-description.rte h3 { font-size: 1.4em; color: #0D47A1; margin-top: 24px; margin-bottom: 12px; font-weight: 500; padding-bottom: 6px; border-bottom: 2px solid #e6e6e6;}/* ===== Paragraphs ===== */.product-description.rte p { margin-bottom: 20px; line-height: 1.8; color: #4a4f57; font-size: 16px;}/* ===== Paragraph Images (only in description) ===== */.product-description.rte img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);}/* ===== Lists ===== */.product-description.rte ul { padding-left: 20px; margin-bottom: 16px; list-style-type: disc;}.product-description.rte li { margin-bottom: 6px;}/* ===== Links ===== */.product-description.rte a { color: #0288D1; text-decoration: none; transition: color 0.3s ease;}.product-description.rte a:hover { color: #01579B;}/* ===== M5Stack-style Spec Table ===== */.product-description.rte .table-container { width: 100%; margin: 24px 0; overflow-x: auto;}.product-description.rte .table-container table { width: 100%; border-collapse: collapse; font-family: inherit; font-size: 14px; color: #2c2f36; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);}.product-description.rte .table-container thead th { background: #1f6fe5; color: #ffffff; padding: 14px 16px; text-align: center; font-weight: 600; border: none; vertical-align: middle;}.product-description.rte .table-container td { padding: 14px 16px; border-bottom: 1px solid #e6ebf2; vertical-align: middle;}.product-description.rte .table-container tbody td:first-child { width: 36%; text-align: center; font-weight: 500; color: #4a4f57; background-color: rgba(31, 111, 229, 0.02);}.product-description.rte .table-container tbody tr:nth-child(even) { background-color: #f7f9fc;}@media (hover: hover) { .product-description.rte .table-container tbody tr:hover { background-color: #eef3ff; }}/* ===== Learn & Documents Button ===== */.product-description.rte #learn-and-documents-btn { display: inline-flex; align-items: center; padding: 6px 14px; background-color: #1f6fe5; color: #ffffff; font-weight: 600; border-radius: 6px; margin-top: 8px; text-decoration: none; transition: background 0.3s ease;}.product-description.rte #learn-and-documents-btn:hover { background-color: #1661c1;}/* ===== Responsive Design for Smaller Screens (with table adjustments) ===== */@media screen and (max-width: 768px) { .product-description.rte .table-container table, .product-description.rte .table-container thead, .product-description.rte .table-container tbody, .product-description.rte .table-container th, .product-description.rte .table-container td, .product-description.rte .table-container tr { display: block; width: 100%; } .product-description.rte .table-container thead { display: none; } .product-description.rte .table-container tbody tr { padding: 12px 0; border-bottom: 1px solid #e6ebf2; } .product-description.rte .table-container tbody td { padding: 8px 16px; border: none; text-align: left; } .product-description.rte .table-container tbody td:first-child { width: 100%; background: none; color: #1f6fe5; font-weight: 600; padding-top: 16px; } .product-description.rte .table-container tbody td:last-child { padding-bottom: 16px; color: #2c2f36; line-height: 1.6; } /* Ensure button appears correctly on mobile */ .product-description.rte #learn-and-documents-btn { font-size: 14px; padding: 8px 16px; }}
Description
Unit Glass is a 1.51-inch transparent OLED display expansion unit. It adopts an STM32 + SSD1309 driver solution with a resolution of 128 x 64, monochrome display, and a transparent display area of 128 x 56. The MCU is STM32F030F4P6, which integrates two input buttons and one buzzer, allowing users to interact conveniently with the screen. It supports control and firmware upgrades via the I2C (0x3D) communication interface. This transparent OLED display is suitable for embedding into various home appliances or control devices as a visual interface.
Features
- 128×56 transparent pixels (128×64 total pixels)
- Display area: 35.05 × 18 mm
- Glass size: 42.04 × 27.22 mm
- 1-bit color depth
- I2C communication (address: 0x3D)
- Supported programming platforms: Arduino, UiFlow
Includes
- 1 x Unit Glass
- 1 x HY2.0-4P Grove cable (20 cm)
Applications
- Smart home products
- Control devices
- Display panels
Specifications
| Specification | Parameter |
|---|---|
| MCU | STM32F030F4P6 |
| Display | 1.51-inch Transparent OLED |
| Resolution | 128 x 64 |
| Display Color | Blue |
| Display Area | 35.05 x 18 mm |
| Panel Size | 42.04 x 27.22 x 1.25 mm |
| Viewing Angle | Full viewing angle |
| Operating Temp. | 0 ~ 40°C |
| Logic Voltage | 3.3V |
| I2C Address | 0x3D |
| Communication Interface | I2C Communication @0x3D |
| Product Size | 53.0 x 42.0 x 6.0 mm |
| Product Weight | 10.1 g |
| Package Size | 138.0 x 93.0 x 7.0 mm |
| Gross Weight | 16.4 g |
Learn and Documents
→ DOCUMENTS
Explore more from our collection.





Reviews
There are no reviews yet.