Design targets index.html and webxi.css each under 5kB
webxi — HTML Starter Template
By mnemocron
webxi is an ultra lightweight website template for embedded microcontrollers that emphasizes low file size and does not use JavaScript.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual browser screenshot from the verified demo.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Does not use JavaScript
Includes static assets such as a 404 page, CSS and images
Can be combined with CGI and SSI on STM32 as a dynamic web interface
The README example occupies less than 6kB of flash in total
Color scheme references flatuicolors.com, and compression tools are suggested to reduce size
Template Details
webxi is an ultra lightweight website template for embedded microcontrollers, designed to make page files small enough to be hosted on devices with limited on-chip flash. The design targets given in the README are: index.html under 5kB, webxi.css under 5kB, and no JavaScript.
The template provides static assets such as an index page, a 404 page, CSS and images, and can be combined with CGI and SSI to serve as a dynamic web interface on devices such as STM32. The example in the README shows that a CGI interface with SSI enabled occupies less than 6kB of flash in total.
The README does not document specific framework versions, build toolchains, browser compatibility ranges or production deployment methods; its customization workflow depends on external tools (image compression, CSS/HTML compression) and on the makefsdata.pl script from the tutorial to convert the fs directory into C code.
Is it right for your project?
Use Cases
- Hosting static web pages on microcontrollers with limited on-chip flash
- Providing a lightweight front end for embedded web servers such as STM32
- Building a dynamic web interface through CGI and SSI
- Serving as a template for local configuration or status pages on embedded devices
Suitable For
- Embedded firmware developers
- Developers who need to host web pages on microcontrollers
- Developers focused on file size and JavaScript-free approaches
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README does not provide complete installation or deployment steps, only the customization and conversion workflow
- 2
Customization can use flatuicolors.com color schemes, image compression tools, and CSS/HTML compression tools
- 3
The tutorial page provides the makefsdata.pl script, which converts the fs directory into C code reflecting the server root path
- 4
The README mentions the STM32 Nucleo F767ZI web server CGI + SSI tutorial as a reference
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially and distributed free of charge.
- When distributing copies or substantial portions of the code, the original author's copyright notice and the full MIT license notice must be retained.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments or AI may incur separate charges.
- The tutorial for deploying CGI + SSI on STM32 is on the external site ausleuchtung.ch and requires visiting that external page.
- The makefsdata.pl script that converts the fs directory into C code is on the external tutorial page and is not in this repository.
- Color customization suggests using the palette from the external site flatuicolors.com.
- Logo image compression suggests using the external tool compresspng.com.
- CSS compression suggests using the external tool cssminifier.com.
- HTML compression suggests using the external tool kangax.github.io/html-minifier.
- The template is inspired by Themsberg's Neumorphism UI (Bootstrap), and that upstream project may carry separate licensing and attribution requirements.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
- Tutorial for a CGI + SSI Website on STM32 [ausleuchtung.ch](http://ausleuchtung.ch/stm32-nucleo-f767zi-web-server/)
Original README
On the tutorial page you find a `makefsdata.pl` Perl script to transform the `fs` folder into `C` code reflecting the root path of the webserver.
Original README
- customize using a color palette [flatuicolors.com](https://flatuicolors.com/)
Original README
- use an [image compressor](https://compresspng.com/) for Logos
Original README
- use a [CSS minifier](https://cssminifier.com/) for the `webxi.css`
Original README
- use a [HTML minifier](https://kangax.github.io/html-minifier/)
Original README
https://github.com/mnemocron/webxi/blob/main/LICENSEhttps://github.com/mnemocron/webxi/blob/main/README.mdThis Template is inspired by [Neumorphism UI](https://github.com/themesberg/neumorphism-ui-bootstrap) by [Themsberg](https://themesberg.com/).
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-15. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 77 / 100
- Technologies
- HTML
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-04-01
- Screenshot last checked
- 2026-10-16
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16
Inspect the recorded source material
SHA-256: 1328bdfef521f6c2013581887e77cb09ac4f31544566105e987286d77414f8ef
2026-10-15T17:32:57.533Z
Source file / repository# webxi WebXi is an **ultra lightweight**, fabulous looking website template with focus on **low file size** to run on the limited memory size of embedded microcontrollers. --- ### Preface Embedded microcontrollers like the [`STM32F746zg`](https://www.st.com/en/microcontrollers-microprocessors/stm32f746zg.html) usually have around `1MB` of on board flash. Altough an embedded system design might incorporate additional external flash memory, it is still desirable to have very compact files to host for performance reasons. #### Design Criteria | description | requirement | |:------------|:------------| | memory usage of `index.html` | `< 5kB` | | memory usage of `webxi.css` | `< 5kB` | | JavaScript | no | --- ### Screenshots   --- ### Metrics  --- ### Customization & Implementation - customize using a color palette [flatuicolors.com](https://flatuicolors.com/) - use an [image compressor](https://compresspng.com/) for Logos - use a [CSS minifier](https://cssminifier.com/) for the `webxi.css` - use a [HTML minifier](https://kangax.github.io/html-minifier/) - Tutorial for a CGI + SSI Website on STM32 [ausleuchtung.ch](http://ausleuchtung.ch/stm32-nucleo-f767zi-web-server/) The minifiers achieve up to 50% smaller file size! On the tutorial page you find a `makefsdata.pl` Perl script to transform the `fs` folder into `C` code reflecting the root path of the webserver. ``` opening root directory, found the following files and all subdirectories to process: 404.shtml css img index.shtml Processing directory css Adding files: webxi.css Processing directory img Adding files: logo.png Starting convert files to arrays process: Adding file: 404.shtml /404.shtml, Bytesread = 236 Adding file: index.shtml /index.shtml, Bytesread = 1525 Adding file: css/webxi.css /css/webxi.css, Bytesread = 1828 Adding file: img/logo.png /img/logo.png, Bytesread = 1785 ``` In total this example of a SSI enabled (dynamic) CGI Interface requires less than `6kB` of flash memory. --- #### Disclaimer > Do you miss something? Did you spot some webdesign specific bad practice? Unfortunately, I am no webdesigner. I challenge you to create other ultra-lightweight themes for Embedded Systems :) --- This Template is inspired by [Neumorphism UI](https://github.com/themesberg/neumorphism-ui-bootstrap) by [Themsberg](https://themesberg.com/).
Explore similar templates
Compare previews and descriptions within the same stack and category.

startbootstrap-simple-sidebar
A Bootstrap off-canvas sidebar navigation HTML starter template from Start Bootstrap. It provides directly editable HTML and CSS in the dist directory, while the source uses Pug, SCSS, and JavaScript with npm build scripts for live preview and compilation.
HTML · Starter

adminkit
AdminKit is a free, MIT-licensed HTML admin and dashboard template built on Bootstrap 5. The free version includes 15 demo pages, 1 plugin, and 1 color scheme, with hundreds of UI components, forms, tables, charts, and icons.
HTML · Admin dashboard

Landing-Page
A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.
HTML · Corporate Website

light-bootstrap-dashboard
Light Bootstrap Dashboard is a free, MIT-licensed admin dashboard template from Creative Tim, built on Bootstrap with a responsive static HTML structure.
HTML · Admin dashboard

sing-app
Sing App Lite is a free, open-source admin dashboard template from Flatlogic, built with Bootstrap 4.5 and SCSS. It provides a responsive layout, dashboard examples, typography, tables, notifications, basic charts, icons, maps, and a hover sidebar, along with styled Bootstrap components.
HTML · Admin dashboard

startbootstrap-modern-business
Modern Business is a multipurpose Bootstrap full-site HTML template from Start Bootstrap with 17 standalone pages covering home, about, services, portfolio, pricing, blog, FAQ, and contact.
HTML · Starter
