M5StickC Joystick Expansion Board

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

Hat Joystick is a joystick module specially designed for the M5StickC. It is equipped with an STM32F030F4 main control chip and uses the I2C communication protocol to transmit data with the M5StickC host. This miniature joystick module supports full-range directional deflection and center press, outputting deflection angle data and switch digital signals. With the unified plug-in design of the HAT series, it provides a reliable connection to the M5StickC, delivering more human-machine interaction input in a minimalist way.

Features

• Built-in STM32F030F4
• Communication protocol: I2C (address: 0x38)
• Supports full-range deflection / center button

Includes

• 1 x Hat Joystick
• 1 x Double-Sided Tape

Applications

• Game controller
• Wireless joystick device

Specifications

Learn and Documents

→ DOCUMENTS

Explore more from our collection.