{"title":"HAT","description":"\u003cp\u003eBrowse our HAT collection. New Arrival.\u003c\/p\u003e","products":[{"product_id":"eol-bugc-wo-m5stickc-programmable-robot-base","title":"[EOL] BugC (W\/O M5StickC) Programmable Robot Base","description":"\n\u003cdiv style=\"\n  background: #f3f8ff;\n  border: 1px solid #cfe1ff;\n  border-left: 4px solid #1f6fe5;\n  border-radius: 8px;\n  padding: 14px 16px;\n  margin: 24px 0;\n\"\u003e\n  \u003cstrong style=\"\n    display: block;\n    color: #0d47a1;\n    font-size: 15px;\n    margin-bottom: 6px;\n  \"\u003e\n    Product Status Notice\n  \u003c\/strong\u003e\n\n  \u003cspan style=\"\n    color: #2c2c2c;\n    font-size: 14.5px;\n    line-height: 1.6;\n  \"\u003e\n    This product is \u003cstrong\u003eEOL (End of Life)\u003c\/strong\u003e.  \n    Please order the new version:\n    \n      BugC2\n    \n  \u003c\/span\u003e\n\u003c\/div\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 data-id=\"Description\" id=\"description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eBugC\u003c\/strong\u003e is a programmable robot base compatible with M5StickC. The main components of the base include a four-channel motor driver, four DC motors, an STM32F030F4 control chip, 2 programmable RGB LEDs, a battery holder, and an independent switch, all designed in a compact and agile form. The BugC base needs to be used in conjunction with the M5StickC controller. On the base, there are four DC geared motors driven by the STM32F030, with the circuit connected to the top slot of the M5StickC, communicating via the I2C protocol (0x38) to achieve control.\u003c\/p\u003e\n\u003ch2 data-id=\"Features\" id=\"features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eProgrammable robot\u003c\/li\u003e\n\u003cli\u003eRemote control\u003c\/li\u003e\n\u003cli\u003eFour-channel motor driver\u003c\/li\u003e\n\u003cli\u003e2x RGB LED\u003c\/li\u003e\n\u003cli\u003eSimple design\u003c\/li\u003e\n\u003cli\u003eEquipped with a battery base\u003c\/li\u003e\n\u003cli\u003eAgile movement\u003c\/li\u003e\n\u003cli\u003eOutput shaft: ⌀0.81mm\u003c\/li\u003e\n\u003cli\u003eMotor parameters:\n\u003cul\u003e\n\u003cli\u003eRated voltage: 3.7V DC\u003c\/li\u003e\n\u003cli\u003eRated speed: 15000-2000rpm\u003c\/li\u003e\n\u003cli\u003eRated current: 50mA\u003c\/li\u003e\n\u003cli\u003eStall current: 70mA\u003c\/li\u003e\n\u003cli\u003eInsulation resistance: 10MΩ\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Includes\" id=\"includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1 x BugC\u003c\/li\u003e\n\u003cli\u003e1 x 16340 battery (750mAh)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Applications\" id=\"applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRemote motor control\u003c\/li\u003e\n\u003cli\u003eRobot control\u003c\/li\u003e\n\u003cli\u003eSmart toys\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Specifications\" 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\u003eSTM32F030F4P6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommunication Protocol\u003c\/td\u003e\n\u003ctd\u003eI2C:0x38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNet Weight\u003c\/td\u003e\n\u003ctd\u003e34g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e46g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e55 x 40 x 25mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e74 x 46 x 9mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n\n  → DOCUMENTS\n\n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":53695926403348,"sku":"tkp1787247150350","price":8.7,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/eol-bugc-wo-m5stickc-programmable-robot-base_1.jpg?v=1787247156"},{"product_id":"eol-m5stickc-cardkb-hat","title":"[EOL] M5StickC CardKB HAT","description":"\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 Product Status Notice \u003c\/strong\u003e \u003cspan style=\"color: #2c2c2c; font-size: 14.5px; line-height: 1.6;\"\u003e This product is \u003cstrong\u003eEOL (End of Life)\u003c\/strong\u003e. \u003c\/span\u003e\n\u003c\/div\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\u003eHat CardKB\u003c\/strong\u003e is a fully functional QWERTY keyboard. If you want to achieve some complex keyboard input interactions, relying solely on the buttons on the M5StickC can be quite challenging. To solve this problem, we have introduced the \u003cstrong\u003eHat CardKB\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eUsing the \u003cstrong\u003eHat CardKB\u003c\/strong\u003e not only allows for full keyboard input but also supports various key combinations (Shift + Key, Fn + Key) to output richer key values. An onboard colorful LED can provide different color light prompts based on the input mode. The I2C address of \u003cstrong\u003eHat CardKB\u003c\/strong\u003e is 0x5F.\u003c\/p\u003e\n\u003ch2 id=\"features\" data-id=\"Features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFull keyboard input with various key combinations.\u003c\/li\u003e\n\u003cli\u003eCompact and portable.\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 Hat CardKB\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"applications\" data-id=\"Applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eM5StickC keyboard input peripheral\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\u003eCommunication Port\u003c\/td\u003e\n\u003ctd\u003eI2C @0x5F\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e84.6 x 54.2 x 6.5mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e17.0g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e115.0 x 96.0 x 40.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e21.0g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n → DOCUMENTS \n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":53695926436116,"sku":"jsg1787247151423","price":3.63,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/eol-m5stickc-cardkb-hat_1.jpg?v=1787247157"},{"product_id":"eol-rovercwo-m5stickc-omnidirectional-robot-base","title":"[EOL] RoverC(W\/O M5StickC) - Omnidirectional Robot Base","description":"\u003cp class=\"tip\"\u003eThis product is EOL. Please order the new version  RoverC-Pro\u003c\/p\u003e\n\u003ch2 id=\"description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eRoverC\u003c\/strong\u003e is a programmable, omnidirectional mobile robot base compatible with M5stickC, and can be started by inserting the M5stickC. The main controller of the base is the stm32f030f4 microcontroller. The base comes with N20 worm gear motors which are directly driven by a four-channel motor driver. These motors are connected to mecanum wheels which can move in all directions. In addition, two grove compatible I2C ports are provided to facilitate the expansion for other modules. The base is also compatible with LEGO bricks and can be expanded in structure. A 18350 battery is installed on the back of the base to meet the power and endurance requirements of the car and can be controlled by an independent switch.\u003c\/p\u003e\n\u003ch2 id=\"product-features\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eI2C Address 0x38\u003c\/li\u003e\n\u003cli\u003eRemote Control\u003c\/li\u003e\n\u003cli\u003eProgrammable\u003c\/li\u003e\n\u003cli\u003eFour-channel motor driver\u003c\/li\u003e\n\u003cli\u003eLEGO compatible\u003c\/li\u003e\n\u003cli\u003eExtra Grove ports for expansion\u003c\/li\u003e\n\u003cli\u003eEquipped with 18350(900mAh) battery holder\u003c\/li\u003e\n\u003cli\u003eFlexible movement in all directions\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eAutonomous Rover\u003c\/li\u003e\n\u003cli\u003eMini RC surveilance car\u003c\/li\u003e\n\u003cli\u003eSmart and cognitive toys\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"include\"\u003eInclude\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1x RoverC base(includes 18350(900mAh) Battery)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"specification\"\u003eSpecification\u003c\/h2\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr style=\"font-weight: bold;\"\u003e\n\u003ctd\u003eResources\u003c\/td\u003e\n\u003ctd\u003eParameter\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommunication protocol\u003c\/td\u003e\n\u003ctd\u003eI2C：0x38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNet weight\u003c\/td\u003e\n\u003ctd\u003e213g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross weight\u003c\/td\u003e\n\u003ctd\u003e217g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e75*75*55mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e115*85*65mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":53695926468884,"sku":"ydw1787247152220","price":27.59,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/eol-rovercwo-m5stickc---omnidirectional-robot-base_1.jpg?v=1787247158"},{"product_id":"joyc-wo-m5stickc-omni-directional-controller","title":"JoyC (W\/O M5StickC) Omni-directional Controller","description":"\u003cdiv class=\"custom-video-container\" style=\"position: relative; padding-bottom: 55%; height: 0; overflow: hidden; max-width: 100%; border-radius: 8px; margin: 10px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\"\u003e\n  \n  \u003cvideo style=\"position: absolute; top: -2%; left: 0; width: 100%; height: 100%;\" playsinline muted controls\u003e\n    \u003csource src=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/video\/Product_example_video\/HAT\/JoyC.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/div\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 data-id=\"Description\" id=\"description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eHat JoyC\u003c\/strong\u003e is a joystick module designed specifically for the M5StickC, allowing for dual-hand operation. It features an embedded STM32F030F4 main control chip and uses the I2C communication protocol to transmit data with the host M5StickC. The joystick range is 0 ~ 200, with 12 RGB LEDs located below each of the left and right joysticks. The base of the joystick is equipped with a 16340\/18350 battery holder, providing long-lasting power. This joystick supports full-range angle deviation and center pressing, outputting angle deviation data and digital switch signals.\u003c\/p\u003e\n\u003ch2 data-id=\"Features\" id=\"features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eEmbedded STM32F030F4\u003c\/li\u003e\n\u003cli\u003eCommunication Protocol: I2C (Address: 0x38)\u003c\/li\u003e\n\u003cli\u003eSupports full-range deviation\/center button\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Includes\" id=\"includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Hat JoyC\u003c\/li\u003e\n\u003cli\u003e1 x 16340\/18350 Battery (700mAh)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Applications\" id=\"applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eGame Controller\u003c\/li\u003e\n\u003cli\u003eWireless Joystick Device\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Specifications\" 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\u003eSTM32F030F4P6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommunication Port\u003c\/td\u003e\n\u003ctd\u003eI2C @0x38\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e100.0 x 55.0 x 50.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e81.0g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e119.0 x 89.0 x 65.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e117.0g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n\n  → DOCUMENTS\n\n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":53695926501652,"sku":"oam1787247154643","price":15.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/joyc-wo-m5stickc-omni-directional-controller_1.jpg?v=1787247160"},{"product_id":"legendary-hat","title":"Legendary Hat","description":"\u003csection class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-(--header-height)\" dir=\"auto\" data-turn-id=\"9b881fd5-edb0-4d4b-8de8-252396bf3201\" data-testid=\"conversation-turn-519\" data-scroll-anchor=\"false\" data-turn=\"user\"\u003e\u003c\/section\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-69960ac9-b76c-8325-b2e1-468219d5257c-14\" data-testid=\"conversation-turn-520\" data-scroll-anchor=\"false\" data-turn=\"assistant\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv data-message-author-role=\"assistant\" data-message-id=\"70101573-aadf-4360-8087-3a8d81920253\" dir=\"auto\" data-message-model-slug=\"gpt-5-3\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\" data-turn-start-message=\"true\" tabindex=\"0\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\"\u003e\n\u003cp data-start=\"0\" data-end=\"220\"\u003eThe \u003cem\u003e\u003cstrong\u003eLegendary Hat\u003c\/strong\u003e\u003c\/em\u003e says just enough. Built on a classic trucker silhouette with a structured front and breathable mesh back, it’s made for long days, warm weather, and whatever else comes your way.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e\u003cb data-stringify-type=\"bold\"\u003eTHE SPECS + DETAILS\u003c\/b\u003e\u003c\/p\u003e\n\u003cul data-stringify-type=\"unordered-list\" class=\"p-rich_text_list p-rich_text_list__bullet\" data-indent=\"0\" data-border=\"0\"\u003e\n\u003cli data-stringify-indent=\"0\" data-stringify-border=\"0\"\u003eClassic Trucker Hat\u003c\/li\u003e\n\u003cli data-stringify-indent=\"0\" data-stringify-border=\"0\"\u003eAdjustable Snapback\u003c\/li\u003e\n\u003cli data-stringify-indent=\"0\" data-stringify-border=\"0\"\u003e\u003cspan\u003eCustom Embroidery\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Iron \u0026 Resin","offers":[{"title":"Khaki \/ O\/S","offer_id":53696789152020,"sku":"lmc1787252551644","price":28.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/legendary-hat_1.jpg?v=1787252558"},{"product_id":"nasa-one-small-putt-for-man-tlb-hat","title":"NASA \"One Small Putt For Man\" – TLB Hat","description":"\u003cp dir=\"ltr\"\u003e\u003cspan\u003eNothing like a day on the lunar links. Riding around in your moon buggy. Drilling that tee shot in one-sixth gravity. Grabbing just the right amount of moondust with your crater wedge. Getting to yell, “The Eagle has landed,” after shooting a two on 17. Sure, the atmosphere is kind of dead, but that’ll change once you down a few floating space brews at the ISS Clubhouse.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e\u003cbr\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThis cosmic cap celebrates Apollo 14 astronaut Alan Shepard’s famous 1971 “moonshot” by imagining what a full round on the big rock in the sky would look like.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e\u003cbr\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eLooks like a galactic good time to us.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e\u003cbr\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cem\u003eOfficially licensed with NASA\u003c\/em\u003e\u003c\/p\u003e","brand":"NASA","offers":[{"title":"Regular","offer_id":53698025881876,"sku":"bhk1787260520646","price":25.2,"currency_code":"USD","in_stock":true},{"title":"Sloped","offer_id":53698025914644,"sku":"dyi1787260520647","price":25.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/nasa-one-small-putt-for-man-tlb-hat_1.jpg?v=1787260525"},{"product_id":"jurassic-park-logo-5-panel-snapback-hat","title":"Jurassic Park \"Logo\" – 5-Panel Snapback Hat","description":"\u003cp\u003e\u003cspan\u003eYour opponent sticks one five inches from the pin, looks over, and spots you rockin’ this classic \u003c\/span\u003e\u003cspan\u003eJurassic Park\u003c\/span\u003e\u003cspan\u003e lid. He swallows nervously, wondering if you’ll make like the nice Brachiosaurus and give it to him, or go full Raptor and make him putt it out. Your call.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cb\u003e\u003cbr\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cem\u003e© Officially licensed with UCS LLC and Amblin\u003c\/em\u003e\u003c\/p\u003e\n\u003c!----\u003e\n\n","brand":"Jurassic Park","offers":[{"title":"Standard","offer_id":53698026340628,"sku":"mqv1787260522760","price":19.8,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":53698026373396,"sku":"gva1787260522761","price":21.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/9486\/7220\/files\/jurassic-park-logo-5-panel-snapback-hat_1.jpg?v=1787260527"}],"url":"https:\/\/regalwearstore.shop\/collections\/hat.oembed","provider":"My Store","version":"1.0","type":"link"}