Starlight Topics Dropdown and List together

Combine two Starlight Sidebar Topics plugins to show a list of topics on desktop and a dropdown menu in the mobile sidebar.
Combine two Starlight Sidebar Topics plugins to show a list of topics on desktop and a dropdown menu in the mobile sidebar.
In this post, I’ll show you the evolution of Starlight plugins with a case study of the Starlight Sidebar Topics plugin. Be prepared to find out some impressive facts about people and code around Starlight.
In this blog post, we’ll take a look at how small changes can make a big difference when it comes to whitespaces in your Starlight sidebar.
This year, I turned 20 - and instead of simply lighting candles and inflating balloons, I wanted to celebrate in a more creative and personal way. The idea? Hide the number 20 in as many surprising, clever, and hidden forms as possible throughout a decorated living room - then capture it all in a single photo. Whether through mathematical puzzles or visual Easter eggs, the room transformed into a joyful riddle full of playful detail.
Every great project starts with a realization of a problem. My GitHub profile README was cluttered, filled with too much information, too many badges, and an overwhelming amount of content that lacked style and structure. It had hackathon achievements, GitHub contribution graphs, various technical badges, and much more, making it visually unappealing and difficult to navigate. Initially, I thought this was an effective way to present myself, but over time, it became clear that the information was overwhelming rather than informative. I wanted something new, a more refined and visually appealing approach to presenting my profile, and the idea of implementing a bento grid came to mind. The goal was to create a layout that was not only functional but also aesthetically impressive and structured.
Creating a standout GitHub profile README isn’t just about adding a few badges — it’s about pushing technical boundaries. In this deep dive, I explore low-level SVG manipulation, HTML-to-SVG conversion, inline animations, and full automation with GitHub Actions to build what I believe is one of the most technically advanced GitHub READMEs. From a dynamic Bento Grid that updates every 5 minutes to embedding live SVGs without external requests, this project transformed my profile into a living, self-updating showcase of my work. Want to know how I did it? Let’s break it down. 🚀
Starlight Cooler Credit is a customizable plugin that gives stylish, multilingual credit links to Starlight, Astro, and the Starlight Blog—turning a small idea into a global collaboration.