glyphflow — icons that move
Lucide icons animated on the native Web Animations API. Zero animation dependencies, real tree-shaking, and morphing between shapes. For Angular.
- icons
- with variants
- with hold
- one icon, gzip
- animations
Morph between shapes
Smooth transitions between outlines. Keyframes are computed once and the browser interpolates them — zero animation loop.
Try it in the editorSee the 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 · renders on the server (SSR), with no real window or document.
Light by design
Real tree-shaking. You only ship what you actually use.
Modern API
Standalone, signals, and strict typing. No NgModules.
Built to move
Declarative animations on WAAPI, no heavy dependencies.
The number on each card is how many animation variants the icon has. The hold mark means one of them stays put while the pointer is on it.
Showing 1–200 of 1767