--- title: CSS On The ESP32 | daily.dev description: The Gea stack enables developers to write CSS and TypeScript for ESP32 microcontrollers, compiling it into native C++ firmware. A demo shows a smooth 3D cube... canonical: https://daily.dev/posts/css-on-the-esp32-vmuqldabt twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: CSS On The ESP32 | daily.dev og:description: The Gea stack enables developers to write CSS and TypeScript for ESP32 microcontrollers, compiling it into native C++ firmware. A demo shows a smooth 3D cube... og:url: https://daily.dev/posts/css-on-the-esp32-vmuqldabt og:image: https://api.daily.dev/og/posts/vMuQLdaBT.png og:image:alt: CSS On The ESP32 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # CSS On The ESP32 **[Hackaday](https://daily.dev/sources/hackaday)** · 2 min read · 3 upvotes · 0 comments ## Summary The Gea stack enables developers to write CSS and TypeScript for ESP32 microcontrollers, compiling it into native C++ firmware. A demo shows a smooth 3D cube animation running at up to 60 FPS on a 410×502 AMOLED screen with full color and transparency support. It's not a full browser engine — limitations include no hover states, rasterized fonts, and a 512-node UI tree cap — but it lets web developers leverage familiar skills for embedded UI development without major performance loss. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Can you use CSS to build a UI for an ESP32 microcontroller? Yes, a toolchain called the Gea stack compiles CSS and TypeScript code into generated C++ that builds into native ESP32 firmware. It was demoed running a full-color 3D cube animation at up to 60 FPS on a 410x502 AMOLED screen, including transparent cube faces, though transparency comes with a performance cost. _Developers bringing web skills to embedded UI work can find tools like this surfaced on daily.dev._ ### What limitations does the Gea stack have compared to a full browser engine for ESP32 development? It is not a full browser engine: it does not support ':hover' states since it's built for touchscreen interfaces, fonts are rasterized rather than rendered with a full text engine, and the UI tree is limited to 512 nodes. Despite these constraints, it runs smoothly on ESP32 hardware without major performance loss. _Anyone evaluating embedded UI frameworks can track tradeoffs like these through daily.dev._ ## Similar posts on daily.dev - [A GUI Solution For ESP32 Web Development](https://daily.dev/posts/a-gui-solution-for-esp32-web-development-wjnhkyncm) · Hackaday · 1 upvotes · 0 comments - [Someone created an ESP32 app store, and it lets you flash apps straight from your browser](https://daily.dev/posts/someone-created-an-esp32-app-store-and-it-lets-you-flash-apps-straight-from-your-browser-yvb9ccajm) · XDA Developers · 85 upvotes · 5 comments - [The ESP32 Gets A Web Browser](https://daily.dev/posts/the-esp32-gets-a-web-browser-fulaxjss7) · Hackaday · 0 upvotes · 0 comments - [Someone coded a cool fluid physics simulation for the ESP32-S3, and people already have excellent ideas for it](https://daily.dev/posts/someone-coded-a-cool-fluid-physics-simulation-for-the-esp32-s3-and-people-already-have-excellent-id-xvzxnsbvj) · XDA Developers · 0 upvotes · 0 comments - [This awesome ESP32 project simulates an entire ecosystem on your hardware at 60FPS](https://daily.dev/posts/this-awesome-esp32-project-simulates-an-entire-ecosystem-on-your-hardware-at-60fps-paztyeoz8) · XDA Developers · 1 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css), [#typescript](https://daily.dev/tags/typescript), [#iot](https://daily.dev/tags/iot), [#embedded](https://daily.dev/tags/embedded) [View this post on daily.dev](https://daily.dev/posts/css-on-the-esp32-vmuqldabt) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"CSS On The ESP32","url":"https://daily.dev/posts/css-on-the-esp32-vmuqldabt","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/css-on-the-esp32-vmuqldabt"},"datePublished":"2026-06-25T17:28:05.916Z","dateModified":"2026-09-13T19:36:59.091Z","description":"The Gea stack enables developers to write CSS and TypeScript for ESP32 microcontrollers, compiling it into native C++ firmware. A demo shows a smooth 3D cube...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ed074ff8d5768e5014758a98fe5793c5?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ed074ff8d5768e5014758a98fe5793c5?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Hackaday","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hackaday","logo":"https://media.daily.dev/image/upload/s--JhDfhy70--/f_auto,q_auto/v1767541814/logos/hackaday","url":"https://daily.dev/sources/hackaday"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/css-on-the-esp32-vmuqldabt","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"css,typescript,iot,embedded","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hackaday","item":"https://daily.dev/sources/hackaday"},{"@type":"ListItem","position":3,"name":"CSS On The ESP32"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/css-on-the-esp32-vmuqldabt#faq","mainEntity":[{"@type":"Question","name":"Can you use CSS to build a UI for an ESP32 microcontroller?","acceptedAnswer":{"@type":"Answer","text":"Yes, a toolchain called the Gea stack compiles CSS and TypeScript code into generated C++ that builds into native ESP32 firmware. It was demoed running a full-color 3D cube animation at up to 60 FPS on a 410x502 AMOLED screen, including transparent cube faces, though transparency comes with a performance cost. Developers bringing web skills to embedded UI work can find tools like this surfaced on daily.dev."}},{"@type":"Question","name":"What limitations does the Gea stack have compared to a full browser engine for ESP32 development?","acceptedAnswer":{"@type":"Answer","text":"It is not a full browser engine: it does not support ':hover' states since it's built for touchscreen interfaces, fonts are rasterized rather than rendered with a full text engine, and the UI tree is limited to 512 nodes. Despite these constraints, it runs smoothly on ESP32 hardware without major performance loss. Anyone evaluating embedded UI frameworks can track tradeoffs like these through daily.dev."}}]} ```