{"product_id":"step16-unit-with-16-bit-rotary-encoder-gsmr-16","title":"Step16 Unit with 16-bit Rotary Encoder (GSMR-16)","description":"\u003cp\u003e\u003cvideo id=\"video\" playsinline=\"\" muted=\"\" controls=\"controls\" class=\"video-container\" width=\"100%\" style=\"border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08);\"\u003e\n  \u003csource type=\"video\/mp4\" src=\"https:\/\/m5stack-doc.oss-cn-shenzhen.aliyuncs.com\/1160\/U198-Unit_Step16_video.mp4\"\u003e\u003c\/video\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* ===== Scoped Description Style ===== *\/\n.product-description.rte {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #2c2c2c;\n  line-height: 1.65;\n  font-size: 16px;\n}\n\n\/* ===== Headings ===== *\/\n.product-description.rte h2 {\n  font-size: 1.8em;\n  color: #0D47A1;\n  border-left: 4px solid #1f6fe5;\n  padding-left: 12px;\n  margin-top: 32px;\n  margin-bottom: 16px;\n}\n\n\/* ===== H3 Titles Optimization ===== *\/\n.product-description.rte h3 {\n  font-size: 1.4em;\n  color: #0D47A1;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: 500;\n  padding-bottom: 6px;\n  border-bottom: 2px solid #e6e6e6;\n}\n\n\/* ===== Paragraphs ===== *\/\n.product-description.rte p {\n  margin-bottom: 20px;\n  line-height: 1.8;\n  color: #4a4f57;\n  font-size: 16px;\n}\n\n\/* ===== Paragraph Images (only in description) ===== *\/\n.product-description.rte img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 24px auto;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n}\n\n\/* ===== Lists ===== *\/\n.product-description.rte ul {\n  padding-left: 20px;\n  margin-bottom: 16px;\n  list-style-type: disc;\n}\n.product-description.rte li {\n  margin-bottom: 6px;\n}\n\n\/* ===== Links ===== *\/\n.product-description.rte a {\n  color: #0288D1;\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\n.product-description.rte a:hover {\n  color: #01579B;\n}\n\n\/* ===== M5Stack-style Spec Table ===== *\/\n.product-description.rte .table-container {\n  width: 100%;\n  margin: 24px 0;\n  overflow-x: auto;\n}\n.product-description.rte .table-container table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: inherit;\n  font-size: 14px;\n  color: #2c2f36;\n  background-color: #ffffff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n}\n.product-description.rte .table-container thead th {\n  background: #1f6fe5;\n  color: #ffffff;\n  padding: 14px 16px;\n  text-align: center;\n  font-weight: 600;\n  border: none;\n  vertical-align: middle;\n}\n.product-description.rte .table-container td {\n  padding: 14px 16px;\n  border-bottom: 1px solid #e6ebf2;\n  vertical-align: middle;\n}\n.product-description.rte .table-container tbody td:first-child {\n  width: 36%;\n  text-align: center;\n  font-weight: 500;\n  color: #4a4f57;\n  background-color: rgba(31, 111, 229, 0.02);\n}\n.product-description.rte .table-container tbody tr:nth-child(even) {\n  background-color: #f7f9fc;\n}\n@media (hover: hover) {\n  .product-description.rte .table-container tbody tr:hover {\n    background-color: #eef3ff;\n  }\n}\n\n\/* ===== Learn \u0026 Documents Button ===== *\/\n.product-description.rte #learn-and-documents-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background-color: #1f6fe5;\n  color: #ffffff;\n  font-weight: 600;\n  border-radius: 6px;\n  margin-top: 8px;\n  text-decoration: none;\n  transition: background 0.3s ease;\n}\n.product-description.rte #learn-and-documents-btn:hover {\n  background-color: #1661c1;\n}\n\n\/* ===== Responsive Design for Smaller Screens (with table adjustments) ===== *\/\n@media screen and (max-width: 768px) {\n  .product-description.rte .table-container table,\n  .product-description.rte .table-container thead,\n  .product-description.rte .table-container tbody,\n  .product-description.rte .table-container th,\n  .product-description.rte .table-container td,\n  .product-description.rte .table-container tr {\n    display: block;\n    width: 100%;\n  }\n  .product-description.rte .table-container thead {\n    display: none;\n  }\n  .product-description.rte .table-container tbody tr {\n    padding: 12px 0;\n    border-bottom: 1px solid #e6ebf2;\n  }\n  .product-description.rte .table-container tbody td {\n    padding: 8px 16px;\n    border: none;\n    text-align: left;\n  }\n  .product-description.rte .table-container tbody td:first-child {\n    width: 100%;\n    background: none;\n    color: #1f6fe5;\n    font-weight: 600;\n    padding-top: 16px;\n  }\n  .product-description.rte .table-container tbody td:last-child {\n    padding-bottom: 16px;\n    color: #2c2f36;\n    line-height: 1.6;\n  }\n\n  \/* Ensure button appears correctly on mobile *\/\n  .product-description.rte #learn-and-documents-btn {\n    font-size: 14px;\n    padding: 8px 16px;\n  }\n}\n\u003c\/style\u003e\n\u003ch2 id=\"description\" data-id=\"Description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eUnit Step16\u003c\/strong\u003e 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.\u003cbr\u003eThe 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.\u003cbr\u003eFeaturing 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.\u003c\/p\u003e\n\u003ch2 id=\"features\" data-id=\"Features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e16-position BCD rotary encoder\u003c\/li\u003e\n\u003cli\u003eIntegrated numeric display for encoder value\u003c\/li\u003e\n\u003cli\u003eAdjustable display brightness and operating mode\u003c\/li\u003e\n\u003cli\u003eConfigurable clockwise \/ counter-clockwise direction\u003c\/li\u003e\n\u003cli\u003eProgrammable RGB LED color \/ brightness\u003c\/li\u003e\n\u003cli\u003eI2C communication with configurable address\u003c\/li\u003e\n\u003cli\u003eDevelopment Platform\n\u003cul\u003e\n\u003cli\u003eUiFlow1\u003c\/li\u003e\n\u003cli\u003eUiFlow2\u003c\/li\u003e\n\u003cli\u003eArduino IDE\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"includes\" data-id=\"Includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Unit Step16\u003c\/li\u003e\n\u003cli\u003e1 x HY2.0-4P Grove Cable (20cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"applications\" data-id=\"Applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eSmart interactive devices (e.g. smart-home control panels)\u003c\/li\u003e\n\u003cli\u003eControl interfaces (e.g. volume adjustment, RGB LED lighting control, motor speed regulation)\u003c\/li\u003e\n\u003cli\u003eSTEAM education\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"specifications\" data-id=\"Specifications\"\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003cth\u003eParameter\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMCU\u003c\/td\u003e\n\u003ctd\u003eSTM32G031G8U6, 32-bit ARM Cortex-M0+, 64 MHz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStep Encoder\u003c\/td\u003e\n\u003ctd\u003e16 positions, 8421 BCD code\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eEncoder Display\u003c\/td\u003e\n\u003ctd\u003e7-segment display\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProgrammable RGB\u003c\/td\u003e\n\u003ctd\u003e1 x WS2812\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eValue Update Cycle\u003c\/td\u003e\n\u003ctd\u003e100 ms\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInterface\u003c\/td\u003e\n\u003ctd\u003eI2C @0x48, address range 0x08 ~ 0x77, data retained after power-off\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStandby Current\u003c\/td\u003e\n\u003ctd\u003eDC 5 V @ 5.85 mA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOperating Current\u003c\/td\u003e\n\u003ctd\u003eDisplay LEDs 60%: DC 5 V @ 14.76 mA\u003cbr\u003eDisplay LEDs 100%: DC 5 V @ 24.13 mA\u003cbr\u003eRGB LED 100%: DC 5 V @ 18.9 mA\u003cbr\u003eDisplay LED + RGB: DC 5 V @ 29.91 mA\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e32.0 x 24.0 x 16.9mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e5.5g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e138.0 x 93.0 x 13.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e10.9g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"background: #f3f8ff; border: 1px solid #cfe1ff; border-left: 4px solid #1f6fe5; border-radius: 8px; padding: 14px 16px; margin: 24px 0;\"\u003e\n\u003cstrong style=\"display: block; color: #0d47a1; font-size: 15px; margin-bottom: 6px;\"\u003e Rotary Encoder Usage \u003c\/strong\u003e \u003cspan style=\"color: #2c2c2c; font-size: 14.5px; line-height: 1.6;\"\u003e To prolong the service life of the encoder, please rotate it with moderate force and avoid violent repeated rotations. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n → DOCUMENTS \n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":49566416797923,"sku":"mwy1787247246504","price":4.66,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0734\/2961\/4819\/files\/step16-unit-with-16-bit-rotary-encoder-gsmr-16_1.webp?v=1787247252","url":"https:\/\/regalcladfashion.shop\/products\/step16-unit-with-16-bit-rotary-encoder-gsmr-16","provider":"My Store","version":"1.0","type":"link"}