Hoy lanzo oficialmente Filament Tabler Icons, un plugin que integra todo el catálogo de Tabler Icons directamente en tus proyectos Filament de forma limpia, tipada y mantenible.

Si trabajas con FilamentPHP, sabes que los iconos forman parte esencial de la experiencia de usuario: navegación, acciones, estados, badges, tablas, widgets… Este plugin elimina la fricción de importar SVG manualmente o depender de strings mágicos.

📦 ¿Qué es Filament Tabler Icons?

Es un paquete Laravel que expone todos los iconos de Tabler como un enum fuertemente tipado, completamente compatible con el sistema de iconos de Filament.

Repositorio oficial:
👉 https://github.com/daljo25/filament-tabler-icons

Instalación:

composer require daljo25/filament-tabler-icons

✨ Características principales

  • ✅ Más de 5.000 iconos Tabler disponibles
  • ✅ Enum tipado (TablerIcon) — sin strings mágicos
  • ✅ Integración nativa con el sistema ScalableIcon de Filament
  • ✅ Compatible con todos los tamaños de iconos de Filament
  • ✅ Sin configuración adicional
  • ✅ Sin dependencias pesadas en runtime

🧠 Uso con Enum (Recomendado)

use Daljo25\FilamentTablerIcons\Enums\TablerIcon;

Action::make('edit')
    ->icon(TablerIcon::Edit);

Ventajas:

  • Autocompletado en IDE
  • Refactor seguro
  • Sin errores tipográficos
  • Mejor experiencia DX

🔍 ¿Qué problema resuelve?

Normalmente, al usar iconos SVG externos:

  • Debes recordar nombres exactos
  • No tienes autocompletado
  • No sabes si el icono existe hasta que falla
  • Es difícil mantener consistencia

Con este plugin:

  • Los iconos están sincronizados automáticamente desde Tabler
  • Se generan como enum PHP
  • Puedes usarlos como cualquier otro icono de Filament

🛠 Cómo funciona internamente

El paquete:

  1. Lee todos los SVG del vendor blade-tabler-icons
  2. Genera automáticamente el enum TablerIcon
  3. Implementa ScalableIcon
  4. Devuelve el prefijo correcto tabler-* para Filament

Esto significa que:

  • Siempre estás sincronizado con la versión instalada
  • No hay iconos “huérfanos”
  • No hay mantenimiento manual del listado

🌐 Documentación y explorador visual

Estamos trabajando en una web oficial con:

  • Buscador en tiempo real
  • Vista previa de cada icono
  • Snippets de uso listos para copiar
  • Modo claro y oscuro

Muy pronto estará disponible para facilitar la exploración del catálogo completo.

🎯 Casos de uso ideales

  • Paneles administrativos complejos
  • SaaS con múltiples módulos
  • Proyectos que requieren consistencia visual
  • Equipos que valoran tipado fuerte y DX

📈 Versionado

Actualmente en versión v1.0.1.

Seguiremos mejorando:

  • Herramientas de documentación
  • Web interactiva
  • Posibles mejoras de DX

💬 Conclusión

Filament Tabler Icons está pensado para desarrolladores que quieren:

  • Menos fricción
  • Más productividad
  • Código más limpio
  • Mejor experiencia de desarrollo

Si usas Filament, este plugin elimina una pequeña pero constante molestia del día a día.

Categorizado en:

FilamentPHP, Plugins,