Changelog

Fixed

• AnimateNumber: Ensure values are updated when only§ suffix/prefix update.

Fixed

• splitText: Ensure split text elements retain vertical positioning.
• Carousel: Fix focus from breaking item reprojection.

Fixed

• Ticker: Improve accessibility attributes.
• Cursor: Fix when using with browser-native drag gestures.
• Updating ref type inference for Typewriter, Ticker and ScrambleText.

Added

• Carousel: New wheelSwipeThreshold prop configures the distance of wheel scroll before triggering a swipe.

Added

• AnimateNumber: trend prop to control digit spin direction. - trend={1}: Digits always spin upward, wrapping 9 → 0. - trend={-1}: Digits always spin downward, wrapping 0 → 9. - trend={(oldValue, newValue) => number}: Function for custom logic. - Default (no trend): Auto-detects direction based on value change.

Changed

• AnimateNumber: Now uses manual FLIP measurements instead of layout animations.

Added

• useCarousel and useTicker: Provides offset motion value, which contains the unwrapped offset of a Carousel or Ticker.

Added

• AnimateView: View animations for React.

Changed

• ScrambleText: Removing span.

Fixed

• scrambleText: Fixed delay handling.

Added

• scrambleText: Now supports string MotionValue.

Added

• Typewriter: onChange callback.

Fixed

• ScrambleText: Switch from useEffect to useLayoutEffect.

Fixed

• scrambleText and ScrambleText: Default duration is now 1.

Added

• scrambleText and ScrambleText: Added scramble text for vanilla JS and React.

Added

• Typewriter: Added cursorBlinkRepeat option for capping the number of times a cursor blinks after typing stops.

Added

• splitText: Added preserveHyphens option.

Fixed

• Carousel: Removing pageTransition from generated types - use transition instead.

Added

• animateLayout: Vanilla layout animations.

Added

• Carousel: Added page prop for controlling the current page via props.

Added

• UMD bundle now published via GitHub.

Fixed

• Carousel: Ensure only on-axis wheel scrolls prevent native browser scrolling.

Fixed

• Carousel: Improved handling of pointer and wheel events in item gaps.

Added

• Carousel: Create accessible, performant, infinitely-scrolling carousels.
• useTickerItem: Access item-relative offset within Carousel and Ticker, as well as item information like itemIndex, cloneIndex, layout start and end.
• Ticker: Added fade and safeMargin options.

Removed

• useItemOffset. Replace const offset = useItemOffset() with const { offset } = useTickerItem().

Added

• Ticker: RTL support.

Changed

• Typewriter: Adjusted natural typing variance calculations.

Added

• Typewriter

Added

• Ticker: overflow option for showing items outside the ticker layout boundaries.

Fixed

• Ticker: Fixing layoutId on repeated items.
• Ticker: Reduce number of clones in tickers with padding.

Changed

• Ticker: Fixed sizing for emoji content.

Changed

• Ticker: Add will-change: transform to ul while animating.

Fixed

• Ticker: Disable animations when in background tab.

Added

• Ticker: Added isStatic mode.

Fixed

• Ticker: Prevent infinite cloning.