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 Scroll is a wheel-shaped rotary encoder expansion unit. It integrates a 12-bit pulse through-shaft encoder, button input, and a WS2812C programmable RGB LED. The built-in STM32F030 controller includes firmware for encoder pulse signal acquisition, allowing users to directly obtain encoder values through I2C, greatly simplifying the operation process. This unit is suitable for control scenarios such as scale value control and volume adjustment.
Features
- Based on STM32 microcontroller
- AB phase output (12 pulses/rotation)
- Built-in button
- Multi-color WS2812C RGB LED indicator
- I2C communication interface
Includes
- 1 x Unit Scroll
- 1 x HY2.0-4P Grove cable (20cm)
Applications
- Industrial automation
- Smart home
- Robotics
- Human-machine interaction
Specifications
| Specification | Parameter |
|---|---|
| MCU | STM32F030F4P6@32-bit ARM Cortex-M0 processor |
| Rotary Encoder | EC10E |
| Rotary Encoder Output | AB two-phase quadrature output |
| Rotary Encoder Pulses | 12 pulses/rotation |
| RGB LED | 1x WS2812C |
| Button | 1x button |
| I2C Communication Address | 0x40 |
| Operating Temperature | 0 ~ 40°C |
| Product Size | 32.0 x 24.0 x 18.9mm |
| Product Weight | 7.5g |
| Package Size | 138.0 x 93.0 x 19.9mm |
| Gross Weight | 12.7g |
Product Comparison
| Product Compare | Unit Scroll | Unit Encoder | Unit 8Encoder |
|---|---|---|---|
| Form | Wheel | Knob | Knob |
| Channels | 1 | 1 | 8 |
| Resolution | 12 pulses/rotation | 30 pulses/rotation | 15 pulses/rotation |
| Position | AB Quadrature Output | AB Quadrature Output | AB Quadrature Output |
| Communication Mode | I2C (0x40) | I2C (0x40) | I2C (0x41) |
Learn and Documents
→ DOCUMENTS
Explore more from our collection.





Reviews
There are no reviews yet.