November 2025 - New Components
Scroll Spy, Compare Slider, FPS, Tour, Badge Overflow, Timeline, Time Picker, Stat, Key Value, Stack, and better RTL support.
We've added ten new components, renamed two, and improved right-to-left support.
- Scroll Spy
- Compare Slider
- FPS
- Tour
- Badge Overflow
- Timeline
- Time Picker
- Stat
- Key Value
- Stack
Scroll Spy
Automatically updates navigation links based on scroll position with support for nested sections and customizable behavior.
Compare Slider
An interactive before/after comparison slider for comparing two elements side by side.
FPS
A real-time frames per second (FPS) counter component for monitoring performance.
Tour
A guided tour component that highlights elements and provides step-by-step instructions to help users learn about your application.
Badge Overflow
A component that intelligently manages badge overflow by measuring available space and displaying only what fits with an overflow indicator.
Timeline
A flexible timeline component for displaying chronological events with support for different orientations, RTL layouts, and visual states.
Time Picker
An accessible time picker component with inline editing and dropdown selection. Automatically adapts to 12-hour or 24-hour format based on user locale.
Stat
A flexible component for displaying key metrics and statistics with support for trends, indicators, and descriptions.
Key Value
A dynamic input component for managing key-value pairs with paste support and validation.
Stack
A component that displays items in a stacked layout with hover expansion effects, similar to Sonner toast stacking.
Renamed components
- Input Group is now Segmented Input.
- Avatar is now Avatar Group. The name Stack now belongs to the new Stack component.
RTL support
Components now read direction from Radix's DirectionProvider and useDirection, so every component shares one global direction context. Wrap your app in Direction Provider to switch to right-to-left.
