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 Step16 is a 16-position rotary encoder control unit based on the STM32G031G8U6 microcontroller. Its core function is to acquire the BCD value of the rotary encoder in real time and visualize the 0–F hex value through the integrated 7-segment display.
The device communicates via an I2C interface and supports configuration of the rotation increment direction, display operating mode, RGB LED color, and I2C address, allowing multiple encoder units to be used on the same bus.
Featuring a clean and efficient design, it provides effective physical interaction control and real-time visual feedback, making it ideal for smart interactive devices (e.g. smart-home control panels), control interfaces (e.g. volume adjustment, RGB lighting control, motor speed regulation) and STEAM education hardware prototyping and teaching.
Features
- 16-position BCD rotary encoder
- Integrated numeric display for encoder value
- Adjustable display brightness and operating mode
- Configurable clockwise / counter-clockwise direction
- Programmable RGB LED color / brightness
- I2C communication with configurable address
- Development Platform
- UiFlow1
- UiFlow2
- Arduino IDE
Includes
- 1 x Unit Step16
- 1 x HY2.0-4P Grove Cable (20cm)
Applications
- Smart interactive devices (e.g. smart-home control panels)
- Control interfaces (e.g. volume adjustment, RGB LED lighting control, motor speed regulation)
- STEAM education
Specifications
| Specification | Parameter |
|---|---|
| MCU | STM32G031G8U6, 32-bit ARM Cortex-M0+, 64 MHz |
| Step Encoder | 16 positions, 8421 BCD code |
| Encoder Display | 7-segment display |
| Programmable RGB | 1 x WS2812 |
| Value Update Cycle | 100 ms |
| Interface | I2C @0x48, address range 0x08 ~ 0x77, data retained after power-off |
| Standby Current | DC 5 V @ 5.85 mA |
| Operating Current | Display LEDs 60%: DC 5 V @ 14.76 mA Display LEDs 100%: DC 5 V @ 24.13 mA RGB LED 100%: DC 5 V @ 18.9 mA Display LED + RGB: DC 5 V @ 29.91 mA |
| Product Size | 32.0 x 24.0 x 16.9mm |
| Product Weight | 5.5g |
| Package Size | 138.0 x 93.0 x 13.0mm |
| Gross Weight | 10.9g |
Rotary Encoder Usage To prolong the service life of the encoder, please rotate it with moderate force and avoid violent repeated rotations.
Learn and Documents
→ DOCUMENTS
Explore more from our collection.




![[Eol] Atomic Motion Base V1.1 With Power Monitor (Ina226aidgsr) 1](https://motorcenter.shop/wp-content/uploads/2026/05/1_93f2fbb9-3054-4f57-b8d7-bac44a27da04-gH6NC8.tmp_.webp)
Reviews
There are no reviews yet.