{"product_id":"m5stickc-tof-hatvl53l0x","title":"M5StickC ToF HAT(VL53L0X)","description":"\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 ToF\u003c\/strong\u003e is a high-precision laser distance sensor designed specifically for SticKC. It integrates the ST laser ranging chip \u003cstrong\u003eVL53L0X\u003c\/strong\u003e and \u003cstrong\u003e940nm VCSEL\u003c\/strong\u003e emitter. By measuring the round-trip time of the laser signal to the object being measured, it can measure the absolute distance within a 2m range in less than 30ms. Unlike traditional distance measurement, it provides accurate distance measurement data regardless of the reflectivity of the target. In projects where data accuracy is important, such as distance measurement and obstacle detection, \u003cstrong\u003eHat ToF\u003c\/strong\u003e performs well.\u003c\/p\u003e\n\u003ch2 id=\"features\" data-id=\"Features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHigh precision\u003c\/li\u003e\n\u003cli\u003eMaximum measurement distance of 2m\u003c\/li\u003e\n\u003cli\u003eMeasurement accuracy ±3%\u003c\/li\u003e\n\u003cli\u003e940nm laser VCSEL\u003c\/li\u003e\n\u003cli\u003eSafety:\n\u003cul\u003e\n\u003cli\u003eClass 1 laser device compliant with the latest standards\u003c\/li\u003e\n\u003cli\u003eStandard IEC 60825-1:2014 - Edition 3\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eCommunication protocol: I2C address is \u003cstrong\u003e0x29\u003c\/strong\u003e (G0\/G26)\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 Hat ToF\u003c\/li\u003e\n\u003cli\u003e1 x Sticker\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"applications\" data-id=\"Applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eObstacle detection\u003c\/li\u003e\n\u003cli\u003eGesture recognition\u003c\/li\u003e\n\u003cli\u003eLaser ranging\u003c\/li\u003e\n\u003cli\u003e3D structured light imaging (3D sensing)\u003c\/li\u003e\n\u003cli\u003eCamera assistance (ultra-fast autofocus and depth map)\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 Interface\u003c\/td\u003e\n\u003ctd\u003eI2C Communication @0x29\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMeasurement Distance\u003c\/td\u003e\n\u003ctd\u003e0.3 ~ 2m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMeasurement Accuracy\u003c\/td\u003e\n\u003ctd\u003e±3%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e24.0 x 20.0 x 13.7mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Weight\u003c\/td\u003e\n\u003ctd\u003e3.8g\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 15.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e6.2g\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 Measurement Range \u003c\/strong\u003e \u003cspan style=\"color: #2c2c2c; font-size: 14.5px; line-height: 1.6;\"\u003e Under normal conditions, the maximum testing distance is 120 cm. If the testing distance needs to reach 200 cm, the Long Range mode must be enabled, and the environment must be dark without infrared interference. \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":48172374622366,"sku":"zcx1787246685286","price":5.51,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0708\/6345\/4366\/files\/m5stickc-tof-hatvl53l0x_1.jpg?v=1787246693","url":"https:\/\/urbanwearstore.shop\/products\/m5stickc-tof-hatvl53l0x","provider":"My Store","version":"1.0","type":"link"}