* [Buildroot] [PATCH 2/3] website: add a showcase page
2026-11-05 10:17 [Buildroot] [PATCH 1/3] website/download: complete the git clone box Angelo Compagnucci
@ 2026-11-05 10:17 ` Angelo Compagnucci
2026-11-05 10:17 ` [Buildroot] [PATCH 3/3] website: add the showcase page to the navigation bar Angelo Compagnucci
1 sibling, 0 replies; 3+ messages in thread
From: Angelo Compagnucci @ 2026-11-05 10:17 UTC (permalink / raw)
To: buildroot; +Cc: Thomas Petazzoni, Angelo Compagnucci
Add a page listing products and projects whose operating system is
built with Buildroot, each one with a link to a public source:
- well known products: Tesla, Home Assistant OS, Google Fiber and
GoPro;
- open source projects: Batocera, Recalbox, KNULLI, OpenIPC, Nerves,
RaspberryMatic, OpenWrt, Kerberos.io KiOS and Open Voice OS;
- vendor SDKs: Rockchip, Texas Instruments, Microchip and
STMicroelectronics.
The page ends by inviting users to tell about their products on the
mailing list.
Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
---
docs/website/showcase.html | 236 +++++++++++++++++++++++++++++++++++++
1 file changed, 236 insertions(+)
create mode 100644 docs/website/showcase.html
diff --git a/docs/website/showcase.html b/docs/website/showcase.html
new file mode 100644
index 0000000000..770c491dfa
--- /dev/null
+++ b/docs/website/showcase.html
@@ -0,0 +1,236 @@
+<!--#include file="header.html" -->
+
+<div class="bg-primary py-5">
+<div class="container">
+<div class="row justify-content-center">
+<div class="col-xxl-10 text-center">
+ <h1 class="display-4 fw-bold text-white">Powered by Buildroot</h1>
+ <p class="fs-4 fw-light text-white-50 mb-0">From cars to cameras and retro consoles:
+ products and projects whose operating system is built with Buildroot.</p>
+</div>
+</div>
+</div><!-- /container -->
+</div>
+
+<div class="container">
+<div class="row justify-content-center">
+<div class="col-xxl-10">
+
+ <!-- Well known -->
+ <div class="card my-5">
+ <div class="card-header text-bg-primary rounded-top fs-5">
+ <span class="bi bi-trophy-fill"></span> Well known</div>
+ <div class="card-body p-4">
+ <div class="row row-cols-1 row-cols-md-2 g-4">
+
+ <div class="col">
+ <div class="card h-100 border-0 shadow-sm">
+ <div class="card-body p-4">
+ <span class="bi bi-car-front-fill display-4 text-primary"></span>
+ <h2 class="mt-3 mb-1 fw-light">Tesla</h2>
+ <p class="text-body-secondary mb-3">Automotive · Autopilot computer</p>
+ <p class="fs-5">Tesla publishes its Buildroot tree on GitHub, with custom
+ packages and a dm-verity checking init.</p>
+ </div>
+ <div class="card-footer bg-transparent border-0 px-4 pb-4">
+ <a href="https://github.com/teslamotors/buildroot">
+ <span class="bi bi-github"></span> teslamotors/buildroot on GitHub</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="col">
+ <div class="card h-100 border-0 shadow-sm">
+ <div class="card-body p-4">
+ <span class="bi bi-house-gear-fill display-4 text-primary"></span>
+ <h2 class="mt-3 mb-1 fw-light">Home Assistant OS</h2>
+ <p class="text-body-secondary mb-3">Smart home · Raspberry Pi, ODROID, x86-64</p>
+ <p class="fs-5">The official operating system of Home Assistant, the
+ most popular open source home automation platform, is built
+ with Buildroot.</p>
+ </div>
+ <div class="card-footer bg-transparent border-0 px-4 pb-4">
+ <a href="https://developers.home-assistant.io/docs/operating-system">
+ <span class="bi bi-book-fill"></span> Developer documentation</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="col">
+ <div class="card h-100 border-0 shadow-sm">
+ <div class="card-body p-4">
+ <span class="bi bi-router-fill display-4 text-primary"></span>
+ <h2 class="mt-3 mb-1 fw-light">Google Fiber</h2>
+ <p class="text-body-secondary mb-3">Networking · Customer premises equipment</p>
+ <p class="fs-5">Google's Buildroot fork carries a defconfig for every
+ Fiber device: network boxes, TV boxes, fiber jacks and
+ storage boxes. Tesla later reused its parallel build
+ tooling.</p>
+ </div>
+ <div class="card-footer bg-transparent border-0 px-4 pb-4">
+ <a href="https://opensource.googleblog.com/2014/03/progress-in-person-2014-buildroot.html">
+ <span class="bi bi-google"></span> Google Open Source Blog, 2014</a>
+ ·
+ <a href="https://github.com/DentonGentry/gfiber-buildroot">
+ <span class="bi bi-github"></span> gfiber-buildroot</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="col">
+ <div class="card h-100 border-0 shadow-sm">
+ <div class="card-body p-4">
+ <span class="bi bi-camera-video-fill display-4 text-primary"></span>
+ <h2 class="mt-3 mb-1 fw-light">GoPro</h2>
+ <p class="text-body-secondary mb-3">Consumer electronics · Action cameras</p>
+ <p class="fs-5">The HERO5 Black action camera ships Buildroot, as listed
+ in GoPro's own open source software notice.</p>
+ </div>
+ <div class="card-footer bg-transparent border-0 px-4 pb-4">
+ <a href="https://gopro.com/content/dam/help/hero5-black/HERO5-GoPro%20Open%20Source%20Software%20Notice.pdf">
+ <span class="bi bi-file-earmark-pdf-fill"></span> HERO5 open source notice</a>
+ </div>
+ </div>
+ </div>
+
+ </div><!-- /row -->
+ </div>
+ </div>
+
+ <!-- Famous projects -->
+ <div class="card my-5">
+ <div class="card-header text-bg-primary rounded-top fs-5">
+ <span class="bi bi-people-fill"></span> Famous projects</div>
+ <div class="card-body p-4">
+ <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-controller text-primary"></span>
+ <a href="https://batocera.org">Batocera.linux</a></h4>
+ <p class="small text-body-secondary mb-2">Retro gaming</p>
+ <p class="mb-0">Plug-and-play retro gaming OS for PCs, single board
+ computers and handhelds.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-joystick text-primary"></span>
+ <a href="https://www.recalbox.com">Recalbox</a></h4>
+ <p class="small text-body-secondary mb-2">Retro gaming</p>
+ <p class="mb-0">The original Buildroot retro gaming distribution
+ Batocera was forked from.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-phone-landscape-fill text-primary"></span>
+ <a href="https://github.com/knulli-cfw/distribution">KNULLI</a></h4>
+ <p class="small text-body-secondary mb-2">Handheld custom firmware</p>
+ <p class="mb-0">Batocera fork for Anbernic, TrimUI and other
+ handheld consoles.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-camera-fill text-primary"></span>
+ <a href="https://openipc.org">OpenIPC</a></h4>
+ <p class="small text-body-secondary mb-2">IP cameras</p>
+ <p class="mb-0">Open firmware for IP cameras on HiSilicon, Ingenic,
+ SigmaStar, Novatek, Ambarella and more.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-droplet-fill text-primary"></span>
+ <a href="https://nerves-project.org">Nerves</a></h4>
+ <p class="small text-body-secondary mb-2">Elixir embedded framework</p>
+ <p class="mb-0">Elixir and Erlang firmware on top of a Buildroot
+ base system, <code>nerves_system_br</code>.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-lightbulb-fill text-primary"></span>
+ <a href="https://raspberrymatic.de">RaspberryMatic</a></h4>
+ <p class="small text-body-secondary mb-2">Smart home</p>
+ <p class="mb-0">Community OS for HomeMatic and homematicIP central
+ units.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-wifi text-primary"></span>
+ <a href="https://openwrt.org">OpenWrt</a></h4>
+ <p class="small text-body-secondary mb-2">Routers</p>
+ <p class="mb-0">Started as a Buildroot fork before growing its own
+ build system.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-camera-reels-fill text-primary"></span>
+ <a href="https://github.com/kerberos-io/kios">Kerberos.io KiOS</a></h4>
+ <p class="small text-body-secondary mb-2">Video surveillance</p>
+ <p class="mb-0">Runs the Kerberos open source video surveillance
+ out of the box.</p>
+ </div></div></div>
+
+ <div class="col"><div class="card h-100"><div class="card-body">
+ <h4 class="mb-1"><span class="bi bi-mic-fill text-primary"></span>
+ <a href="https://github.com/OpenVoiceOS/ovos-buildroot">Open Voice OS</a></h4>
+ <p class="small text-body-secondary mb-2">Voice assistant</p>
+ <p class="mb-0">Buildroot edition of the OVOS voice assistant for
+ small headless and touchscreen devices.</p>
+ </div></div></div>
+
+ </div><!-- /row -->
+ </div>
+ </div>
+
+ <!-- Vendor SDKs -->
+ <div class="card my-5">
+ <div class="card-header text-bg-primary rounded-top fs-5">
+ <span class="bi bi-cpu-fill"></span> Vendor SDKs</div>
+ <div class="card-body p-4">
+ <p class="text-body-secondary">Silicon and board vendors ship Buildroot in
+ their SDKs, so countless devices run it without saying so.</p>
+ <div class="list-group list-group-flush">
+ <a class="list-group-item list-group-item-action d-flex gap-3 py-3"
+ href="https://docs.khadas.com/products/sbc/common/development/edges-rockchip-linux-sdk">
+ <span class="bi bi-motherboard-fill fs-3 text-primary"></span>
+ <span><b>Rockchip Linux SDK</b><br>
+ <span class="text-body-secondary">Buildroot is the default root filesystem
+ of the official SDK, used by most Rockchip based boards.</span></span>
+ </a>
+ <a class="list-group-item list-group-item-action d-flex gap-3 py-3"
+ href="https://software-dl.ti.com/processor-sdk-linux/esd/AM62X/12_00_00_07_04_Buildroot/exports/docs/buildroot/Overview.html">
+ <span class="bi bi-motherboard-fill fs-3 text-primary"></span>
+ <span><b>Texas Instruments Processor SDK</b><br>
+ <span class="text-body-secondary">Official Buildroot flavour for AM62x and
+ AM62Lx, with the TI external tree.</span></span>
+ </a>
+ <a class="list-group-item list-group-item-action d-flex gap-3 py-3"
+ href="https://github.com/linux4sam/buildroot-external-microchip">
+ <span class="bi bi-motherboard-fill fs-3 text-primary"></span>
+ <span><b>Microchip</b><br>
+ <span class="text-body-secondary">Buildroot external tree for the SAMA5, SAMA7
+ and SAM9 SoCs.</span></span>
+ </a>
+ <a class="list-group-item list-group-item-action d-flex gap-3 py-3"
+ href="https://github.com/bootlin/buildroot-external-st">
+ <span class="bi bi-motherboard-fill fs-3 text-primary"></span>
+ <span><b>STMicroelectronics</b><br>
+ <span class="text-body-secondary">Buildroot external tree for the STM32MP
+ boards, maintained by Bootlin.</span></span>
+ </a>
+ </div>
+ </div>
+ </div>
+
+ <div class="row my-5 text-center">
+ <div class="col-lg-8 offset-lg-2">
+ <h1 class="fw-light">Your product here?</h1>
+ <h3 class="text-body-secondary">Tell us about it on the
+ <a href="support.html">mailing list</a>.</h3>
+ </div>
+ </div>
+ <hr>
+
+</div>
+</div>
+</div><!-- /container -->
+
+<!--#include file="footer.html" -->
--
2.34.1
_______________________________________________
buildroot mailing list
buildroot@buildroot.org
https://lists.buildroot.org/mailman/listinfo/buildroot
^ permalink raw reply related [flat|nested] 3+ messages in thread
* [Buildroot] [PATCH 3/3] website: add the showcase page to the navigation bar
2026-11-05 10:17 [Buildroot] [PATCH 1/3] website/download: complete the git clone box Angelo Compagnucci
2026-11-05 10:17 ` [Buildroot] [PATCH 2/3] website: add a showcase page Angelo Compagnucci
@ 2026-11-05 10:17 ` Angelo Compagnucci
1 sibling, 0 replies; 3+ messages in thread
From: Angelo Compagnucci @ 2026-11-05 10:17 UTC (permalink / raw)
To: buildroot; +Cc: Thomas Petazzoni, Angelo Compagnucci
The menu has no room left for a ninth entry at its current size: below
1400px the labels wrap under their icons, and the Association link
touches the Download button.
Move the menu font size from the fs-5 class to main.css, so that it
can shrink to 1rem between 1200px and 1400px and to 1.1rem above,
keeping 1.25rem in the collapsed menu. Add a margin before the
Download button.
Bump the main.css version, since the file changed.
Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
---
docs/website/css/main.css | 8 ++++++++
| 20 +++++++++++---------
2 files changed, 19 insertions(+), 9 deletions(-)
diff --git a/docs/website/css/main.css b/docs/website/css/main.css
index 0cc7bbc262..c984dbb154 100644
--- a/docs/website/css/main.css
+++ b/docs/website/css/main.css
@@ -21,12 +21,20 @@ a {
.navbar .nav-link {
padding-top: 10px;
padding-bottom: 10px;
+ font-size: 1.25rem;
}
@media (min-width: 1200px) {
.navbar .nav-link {
padding-top: 22px;
padding-bottom: 22px;
+ font-size: 1rem;
+ }
+}
+
+@media (min-width: 1400px) {
+ .navbar .nav-link {
+ font-size: 1.1rem;
}
}
--git a/docs/website/header.html b/docs/website/header.html
index 406d4d545b..13759ee651 100644
--- a/docs/website/header.html
+++ b/docs/website/header.html
@@ -19,7 +19,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.3.8/materia/bootstrap.min.css" integrity="sha512-lR3pptsOFflVTuIszkLNcibNkPReN2dEA/t1U1++B3/wPEZL4pysMdYsQfaMefLI/X2fjvk5AeaHVBcFoVO2mA==" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.13.1/font/bootstrap-icons.min.css" integrity="sha512-t7Few9xlddEmgd3oKZQahkNI4dS6l80+eGEzFQiqtyVYdvcSG2D3Iub77R20BdotfRPA9caaRkg1tyaJiPmO0g==" crossorigin="anonymous">
- <link href="css/main.css?v=2" rel="stylesheet">
+ <link href="css/main.css?v=3" rel="stylesheet">
</head>
<body class="bg-body-tertiary">
@@ -32,21 +32,23 @@
</button>
<div class="collapse navbar-collapse" id="navbar-main">
<ul class="navbar-nav flex-grow-1 justify-content-xl-between pb-1 pb-xl-0">
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/news.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/news.html">
<span class="bi bi-star-fill"></span> News</a></li>
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/docs.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/docs.html">
<span class="bi bi-book-fill"></span> Documentation</a></li>
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/support.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/showcase.html">
+ <span class="bi bi-trophy-fill"></span> Showcase</a></li>
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/support.html">
<span class="bi bi-question-circle-fill"></span> Support</a></li>
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/contribute.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/contribute.html">
<span class="bi bi-share-fill"></span> Contribute</a></li>
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/lts.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/lts.html">
<span class="bi bi-send-fill"></span> LTS</a></li>
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/sponsors.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/sponsors.html">
<span class="bi bi-currency-dollar"></span> Sponsors</a></li>
- <li class="nav-item"><a class="nav-link fs-5 fw-light px-2 px-xl-1" href="/association.html">
+ <li class="nav-item"><a class="nav-link fw-light px-2 px-xl-1" href="/association.html">
<span class="bi bi-arrows-angle-contract"></span> Association</a></li>
- <li class="nav-item align-self-xl-center"><a class="btn btn-success my-2 my-xl-0" href="/download.html">
+ <li class="nav-item align-self-xl-center ms-xl-3"><a class="btn btn-success my-2 my-xl-0" href="/download.html">
<span class="bi bi-cloud-download-fill"></span> Download</a></li>
</ul>
</div><!--/.navbar-collapse -->
--
2.34.1
_______________________________________________
buildroot mailing list
buildroot@buildroot.org
https://lists.buildroot.org/mailman/listinfo/buildroot
^ permalink raw reply related [flat|nested] 3+ messages in thread