Documentation
v1.5.0Getting Started
Dynamic island
Visual effects
Interaction
Animated
Ambient Gradient
Aura FluidNew
Card ExpandNew
Carousel CardsCirclesNew
Copy&PasteNew
Cosmic HarmonyDual ColumnDual RowFloating DeckGlow FrameGlowing CubeMagicLensNew
Modern ShapeNew
Network effectParallax effectParticle CanvasParticle GlowParticle SpherePrismBorderNew
Pulse CardsPuzzle RevealReveal Text v1Reveal Text v2Ripple WaterRotating CardsShape GlowNew
SnowfallStack ShiftSVG ColorNew
SVG RevealNew
Swipe CardsTalent OrbitTalent ShowcaseText MotionNew
Timeline GradientText WaveTooltipNew
Video Overlay
New!
Wave Background
New!
Fluid
Try me
CosmicOceanLavaEmeraldSunsetNeonGoldRainbowAuroraWhat is it?
Fluid effect creates a mesmerizing, fluid-like animation that flows smoothly across the background, providing an immersive, visually captivating experience. This effect simulates organic movements.
How to set it up?
To use the Fluid, you need to apply specific data attributes:
'data-fluid-effect'. Enables the effect on the targeted element.
'data-fluid-color'. Specifies the color scheme for the fluid effect. Available presets include:
cosmicoceanlavaemeraldsunsetorangeneongoldrainbowsilveraurora
If not set, the default preset is "cosmic".
Support
Need a hand? I'm here to assist with setup, customization, or any questions you may have. Feel free to reach out—I aim to respond as soon as possible, and I appreciate your patience if there's a slight delay
Contact