Getting started
TextsArc TitleBlade RevealBlended HoverBlur ReadingBlur RevealCountdownCounterCounter v2Decode HoverDecode RevealDynamic CopyrightExchange TitleExchange Title v2Exchange Title v3Fluid Gradient TitleHighlightHighlight HoverInline ImagesLink PreviewLetter LauncherMask HoverMousefill TitleProximity HoverRandom LettersRead MoreScribble RevealScroll CascadingScroll GradientScroll ReadingShading Lines TitleSVG RevealSwap Hover3D Swap HoverSwap ReadingText ShimmerTwist RevealTypedUnderline HoverUnfold HoverUnfold RevealVariable Font Hover
ButtonsAnyside ButtonArrow ButtonArrow Button v2Arrow Button v3Arrow Button v4Arrow Button v5Arrow Button v6Arrow Button v7Arrow Button v8Arrow Button v9Arrow IconBlurry ButtonBubbles ButtonCrystal ButtonDot ButtonDot Button v2Dot Button v3FlipFlop ButtonFlipFlop Button v2FlipFlop Button v3Glowing ButtonLayer ButtonMarquee ButtonMarquee Button v2Mask ButtonMicrobox ButtonNeumorphic ButtonNudge ButtonPixels ButtonPrism ButtonPrism Button v2Rainbow ButtonReel ButtonRipple ButtonRipple Button v2Ripple Button v3Ripple Button v4Ripple Button v5Ripple Button v6Ripple Button v7Shiny ButtonSplit ButtonSqueezy Radius ButtonStretchy ButtonStrip ButtonStripes Button
Menus
Backgrounds
Medias
CoresAudio PlayerBack to TopChartClick & CopyCodepenCookiesDark ModeDecode CardDistorsion TabsExpandersFlipboxGlitchyGlowing CardHorizontal MarqueeHorizontal ScrollInteractive DividerInverted CornerLampLooping TabsLottieMotion DividerNext TabsObserverOrbitParallax HoverPixels Shimmer CardProgress BarProgress Bar v2ScrollbarSharerSite LoaderSmooth ScrollSpinnerStacking CardsSticky FooterSyncTable of ContentsTimelineTippyToastToolteamVertical MarqueeQR CodeWorkflow
Features
Jose Tamu
April 11, 2026 / 
Beginner / Light
Beginner / 
LightChart
How it works
The chart element is made up of data points. The animation will follow these data points to draw the path. In order to add data points to the chart element you can use the data points repeater control.
The element and the animation can be customized as needed using the element’s controls (line color, line width, fill color and more).
On this page