BFX Library
Scroll down to view BFX library categories.
BFX: Scroll
Scroll-Driven Effects
Apply to any element to create animations that respond directly to scroll position. As the user scrolls, the element transforms in real time with effects like fading, scaling, rotating, and sliding, creating a parallax-like interactive experience tied to scroll progress.
Over 185 scroll fx included
Grayscale
Flip Y
Grow Skew Vert
Slide Left
BFX: Button
Button Hover Effects
Apply to any button or clickable element to enhance hover interactions. When a user hovers over the element, the button responds with animated feedback such as fills, slides, borders, and color shifts that bring your interface to life.
Over 75 button fx included
3D Lean Up
3D Lean Up Right
Double Border
Morph Transform
BFX: Card
Card Interaction Effects
Apply to any card, image, or container element to create engaging hover interactions. These effects add depth and dimension with 3D flips, tilts, glass overlays, rotating borders, and ripple animations that activate on hover.
Over 40 card fx included
Ripple Bottom
To use this card you simply add the class to a div or block element. It is easily edited by changing the values at the top.
Tilt Bottom
To use this card you simply add the class to a div or block element. It is easily edited by changing the values at the top.
Rotating Border Trans Hover
To use this card you simply add the class to a div or block element. It is easily edited by changing the values at the top.
Glass Diag Top Right
To use this card you simply add the class to a div or block element. It is easily edited by changing the values at the top.
BFX: Hover
Hover Transform Effects
Apply to any element to add hover-triggered transform animations. When a user hovers over the element, it responds with movement, scaling, rotation, or shake effects that provide visual feedback and draw attention to interactive areas.
Over 60 hover fx included
Expand
Lift
BG Circle out
Edge Wave Out
BFX: Load
On Load Effects
Apply to any element such as an image, text, div, or block and on load or when the element comes into the viewport the animation will trigger once. These entrance and exit animations bring elements to life as users scroll through your page.
Over 90 load effects included
Back In Down
Back In Left
Back In Right
Back In Up
BFX: Loop
Looping Animation Effects
Apply to any element to create continuously repeating animations. These effects run on an infinite loop, adding constant motion such as pulsing, spinning, floating, bouncing, and morphing to draw attention to key elements on your page.
Over 45 loop fx included
Breathing Scale
Circular Orbit
Flip X
Spin Right Slow
BFX: Background
Animated Background Effects
Apply to any container element to add dynamic animated backgrounds. These effects create eye-catching motion behind your content using gradients, patterns, and visual textures that loop continuously without any user interaction.
Over 50 background fx included
Drift Particles
Quantum Lattice
BFX: Text
Text Styling Effects
Apply to any text element to enhance its visual presentation. These effects add typographic treatments such as gradients, shadows, strokes, and decorative styling that make headings and body text stand out.
Over 25 text fx included
Glow Constellation
Glow Gradient Shimmer
Glow Plasma Storm
Glow Neon Glitch
