Animation & Effects
22 animation primitives — text effects, backgrounds, interactive hover, counters, and canvas.
Text Effects
shimmer_text
Sliding shine gradient — pure CSS.
typewriter
Char-by-char reveal with cursor.
word_rotate
Cycling words with fade transition.
text_scramble
Glitch-then-reveal text effect.
Background Effects
aurora
Animated gradient — pure CSS.
meteor_shower
Falling meteors — pure CSS.
dot_pattern
Radial dot grid — pure CSS.
grid_pattern
Orthogonal grid — pure CSS.
ripple_bg
Concentric expanding rings — pure CSS.
orbit
Element orbiting center — pure CSS.
Entry & Loop Animations
fade_in
Scroll-triggered reveal. PhiaScrollReveal hook.
float
Perpetual levitation loop — pure CSS.
animated_border
Rotating conic-gradient border — pure CSS.
pulse_ring
Expanding pulsing rings — pure CSS.
Interactive Hover
spotlight
Cursor-following radial light. PhiaSpotlight hook.
tilt_card
3D perspective tilt on hover. PhiaTiltCard hook.
Counters & Loaders
number_ticker
0
Count-up animation
PhiaNumberTicker hook.
typing_indicator
3-dot bouncing chat loader — pure CSS.
wave_loader
Wave bar equalizer — pure CSS.
Marquee
marquee — horizontal infinite scroll
Seamless infinite scroll. PhiaMarquee hook. Pauses on hover.
Canvas Effects
particle_bg
Canvas floating particles. PhiaParticleBg hook.
confetti_burst
Canvas confetti particles. PhiaConfetti hook.