glyphflow — iconos que se mueven
Los iconos de Lucide animados sobre Web Animations API nativa. Cero dependencias de animación, tree-shaking real y morph entre formas. Para Angular.
- iconos
- con variantes
- con hold
- un icono, gzip
- animaciones
Morph entre formas
Transiciones fluidas entre contornos. Los keyframes se calculan una vez y los interpola el navegador — cero loop de animación.
Probar en el editorMira la API
import { Component } from '@angular/core';
import { GfIconComponent, bellIcon } from 'glyphflow';
@Component({
selector: 'app-alert',
imports: [GfIconComponent],
template: '<gf-icon [iconDef]="bell" [size]="24" label="Notifications" />',
})
export class Alert {
protected readonly bell = bellIcon;
}Angular >=20.0.0 <23.0.0 · renderiza en el servidor (SSR), sin window ni document reales.
Ligero por diseño
Tree-shaking real. Solo pesa lo que de verdad usas.
API moderna
Standalone, señales y tipado estricto. Sin NgModules.
Hecho para moverse
Animaciones declarativas sobre WAAPI, sin dependencias pesadas.
El número de cada tarjeta indica cuántas variantes de animación tiene el icono. La marca hold señala que una de ellas se queda puesta mientras el puntero siga encima.
Mostrando 1–200 de 1767