{"product_id":"atom-hub-diy-proto-board-kit","title":"ATOM HUB DIY Proto Board Kit","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\/AtomBase\/ATOM_HUB_PROTO.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\u003eAtom Hub Proto\u003c\/strong\u003e is a DIY expansion board kit designed for the Atom series, allowing users to build hardware circuits or connect peripherals according to their needs, meeting functional requirements in specific scenarios. Considering the variety of possible connections, Atom Hub Proto provides a wealth of interfaces, including HT3.96 connectors, DC 5V power input, and GROVE connectors, while also reserving various openings on the shell for easy wiring. Multiple mounting holes are designed on the back of the unit, supporting rail-mounted clamps in addition to traditional hanging holes and screw fixing holes. It comes with a built-in Proto circuit board, with the main circuit space layout of 45.0 x 35.0 x 20.0mm. With Atom Hub Proto, you can freely unleash your creativity to make your own hardware devices, such as adding a battery + charging\/discharging circuit, integrating a micro air pump + air pressure sensor to make a blood pressure monitor, or even embedding a GPS + NB-IoT module to create a positioning and tracking system. The possibilities are entirely up to you.\u003c\/p\u003e\n\u003ch2 data-id=\"Features\" id=\"features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCompatible with Atom-Matrix\/Atom-Lite\u003c\/li\u003e\n\u003cli\u003eCompact size and highly integrated\u003c\/li\u003e\n\u003cli\u003eIndustrial applications\u003c\/li\u003e\n\u003cli\u003eMultiple I\/O interfaces\u003c\/li\u003e\n\u003cli\u003eMultiple reserved mounting positions for flexibility\u003c\/li\u003e\n\u003cli\u003eCreative DIY\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 Proto Finished Board (with GROVE interface)\u003c\/li\u003e\n\u003cli\u003e1 x 3.96 x 4P Male \u0026amp; Female Header\u003c\/li\u003e\n\u003cli\u003e6 x 3.96 x 3P Male \u0026amp; Female Header\u003c\/li\u003e\n\u003cli\u003e1 x Atom HUB PROTO Case\u003c\/li\u003e\n\u003cli\u003e1 x DC 5V Power Connector\u003c\/li\u003e\n\u003cli\u003e4 x Rubber Plugs\u003c\/li\u003e\n\u003cli\u003e1 x Rail Clamp\u003c\/li\u003e\n\u003cli\u003e2 x Back Panel Decorative Pieces\u003c\/li\u003e\n\u003cli\u003e1 x Double-Sided Tape\u003c\/li\u003e\n\u003cli\u003e4 x 3M Non-slip Pads\u003c\/li\u003e\n\u003cli\u003e4 x Strong Magnets\u003c\/li\u003e\n\u003cli\u003e4 x M2*6mm Hex Socket Pan Head Self-Tapping Screws\u003c\/li\u003e\n\u003cli\u003e1 x M2*20mm Hex Socket Pan Head Machine Screw\u003c\/li\u003e\n\u003cli\u003e2 x M4*10mm Hex Socket Countersunk Screws\u003c\/li\u003e\n\u003cli\u003e1 x M2 Hex Key L-Shape\u003c\/li\u003e\n\u003cli\u003e1 x M4 Hex Key L-Shape\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 data-id=\"Applications\" id=\"applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eATOM expansion board\u003c\/li\u003e\n\u003cli\u003eIndustrial controller node\u003c\/li\u003e\n\u003cli\u003ePeripheral connection\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\u003eExternal Port\u003c\/td\u003e\n\u003ctd\u003e1x VH-3.96 4P 6x VH-3.96 3P 1x DC 5V Input 1x GROVE\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eShell Material\u003c\/td\u003e\n\u003ctd\u003ePlastic (PC)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e72.0 x 40.0 x 30.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e93.0g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e105.0 x 71.0 x 35.0mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e105.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":53774130774381,"sku":"gwn1787247151659","price":5.49,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0920\/0526\/9869\/files\/atom-hub-diy-proto-board-kit_1.jpg?v=1787247157","url":"https:\/\/www.ruralgoods.shop\/products\/atom-hub-diy-proto-board-kit","provider":"My Store","version":"1.0","type":"link"}