vsWaybar Studio: Editor Visual para Waybar

vsWaybar Studio: Editor Visual para Waybar

Introducción

Hey! Hoy les quiero platicar de otro proyecto que he estado desarrollando: vsWaybar Studio. Después de crear vsHyprland Manager, me animé a hacer algo similar pero enfocado en Waybar, que es la barra de estado que uso en mi configuración de Hyprland.

La verdad configurar Waybar a mano puede ser un dolor de cabeza. Entre el archivo de configuración en JSON o YAML y el CSS para los estilos, es fácil perderse. Por eso quise hacer algo que me dejara ver los cambios al instante.

¿Qué es vsWaybar Studio?

Es un editor visual de configuración para Waybar, también escrito en Python 3 con GTK3. La característica principal es el live preview que te muestra exactamente cómo se verá tu barra mientras la editas.

Trabaja directamente con ~/.config/waybar/config y ~/.config/waybar/style.css, así que no necesitas aprender una nueva forma de guardar tu configuración.


Características principales

Live Preview

Puedes ver los cambios en tiempo real sin tener que recargar Waybar constantemente. Muy útil para encontrar el estilo perfecto.

Editor de layouts (drag & drop)

Arrastra y suelta módulos para reordenarlos. Súper intuitivo.

54 templates de temas

Incluye una variedad de estilos predefinidos:

  • Catppuccin (Mocha, Frappé, Macchiato, Latte)
  • Dracula
  • Nord
  • Tokyo Night
  • Y más…

36 paletas de colores

Puedes cambiar completamente la paleta de colores de tu barra con un clic.

14 tokens de colores CSS

Para los que prefieren personalizar fino, hay tokens de colores CSS editables.

Integración con matugen

Si usas matugen, puedes generar paletas basadas en tu wallpaper automáticamente. Pretty cool!

Scripts integrados

  • Weather — Usa OpenWeatherMap API para mostrar el clima
  • Updates — Muestra actualizaciones disponibles usando checkupdates

Editor de módulos

Configura cada módulo (workspaces, clock, battery, etc.) desde la interfaz sin tener que recordar la sintaxis de cada uno.

User Commands

Ejecuta comandos personalizados desde la barra.


Instalación

AUR (Arch Linux)

yay -S vswaybar-studio

Manual

git clone https://github.com/victorsosaMx/vsWaybar-Studio.git
cd vsWaybar-Studio
pip install -r requirements.txt
python vsWaybar-Studio.py

Requisitos

  • Python 3.10+
  • python-gobject
  • python-cairo
  • Waybar
  • Hyprland (para algunos módulos)

Opcionales

  • matugen — Para generación de paletas desde wallpaper
  • swaync — Notificaciones
  • wlogout — Menú de apagado

Detalles técnicos

Al igual que vsHyprland Manager, está escrito en un solo archivo de Python para mantenerlo simple. La interfaz GTK3 te da una experiencia nativa sin depender de Electron o similar.

Los templates y paletas vienen incluidos, así que no necesitas internet para tener un look increíble desde el primer momento.


Estilos visuales disponibles

El proyecto incluye tres estilos visuales base:

  1. Bar — Barra tradicional continua
  2. Islands — Módulos separados con espacios
  3. Modules — Estilo más modular y moderno

Agradecimientos

  • Waybar por la barra de estado más customizable que existe
  • Hyprland por el ecosystemawesome
  • La comunidad de r/unixporn por la inspiración constante
  • Todos los contribuyentes y testers

Licencia

MIT License


Enlaces


Si usan Waybar, pruébenlo y me dicen qué les parece. Acepto sugerencias y contribuciones. ¡Nos vemos!

Víctor Sosa 26 March 2026 waybar, hyprland, wayland, python, gtk3, editor-visual, dotfiles permalink
Anterior vsHyprland Manager: Editor Visual para Hyprland