Changelog
latest updates, improvements, and new components added to the ScrollX UI library.
December 2025 - New Components
- Striped Grid: Animated diagonal stripes over an optional base grid.
- Drift Card: Interactive card with a subtle drift hover highlight.
- Pixel Background: Flexible pixel field with smooth atmospheric motion.
- Electric Text: Neon-style text with electric glow animation.
- Radio Group: Clean single-select radio button group.
- Expandable Cards: Cards that expand on hover for focus.
- Decorated Text: Text framed with minimal decorative corners.
- Card Tilt: Smooth 3D tilt effect reacting to cursor movement.
- Reveal Text: Text reveal animation with directional control.
- Motion Navbar: Animated navbar with dropdowns and mobile menu.
- Motion Grid: Diagonal grid with continuous glowing motion.
- Shiny Button: Button with a cursor-tracking spotlight glow.
- Stagger Button: Button with animated staggered text on hover.
Striped Grid
StripedGrid,
Background.
gliding right, setting the path.
Drift Card
Pixel Background
Pixel Animation,
Background.
Electric Text
Radio Group
Expandable Cards





Decorated Text
Card Tilt
Modify Content for Homepage
New Homepage
Reveal Text
Motion Navbar
Motion Navbar will show on top of the page
Motion Grid
MotionGrid,
Background.
gliding right, setting the path.
Shiny Button
Stagger Button
Refactors & Fixes
Card Flip
04-11-2025, Safari CardFlip Bug
- Fixed a Safari-specific issue where the
InfoandXbuttons were not hiding correctly during card flip transitions. - Improved compatibility by adding
WebkitBackfaceVisibilityand refiningtransformStylefor smoother 3D rendering in Safari. - Enhanced transition handling for button opacity and pointer events to ensure consistent behavior across all browsers.
- Verified consistent and stable performance in Chrome, Safari, and Edge.
MorphoText Flip
19-11-2025, Updated MorphoTextFlip
- Refined width auto-measure system for smoother container resizing and stability.
- Improved animation variant logic and unified className handling for cleaner structure.
Build something
November 2025 - New Components
- Clock: A rotating clock with glowing hands for CTA sections.
- Text Modifier: Highlights text with solid backgrounds and markers.
- Text Spotlight: Spotlight effect with hover and mobile reveal.
- Draggable Avatar: Circular avatar with drag and style options.
- Layered Text: Layered typography with animated shadows.
- Morphy Button: Morphing button with dynamic dot motion.
- MovingLines Background: Diagonal lines moving endlessly.
- Meteor Orbit: Orbit system with rotating meteors and icons.
Clock
Text Modifier
Text Spotlight
Hover over me and watch the soft spotlight glide around like magic across the text.
Hover over me and watch the soft spotlight glide around like magic across the text.
Draggable Avatar
Knowledge at
Your Fingertip

Layered Text
Morphy Button
MovingLines Background
Moving Lines,
Background.
flowing right, defining direction.
Meteor Orbit
Meteor Orbit
orbit system featuring rotating meteors and gracefully animated icons.
Refactors & Fixes
Carousel
25-10-2025 — Keyboard navigation
- Rebuilt Carousel with React Context for shared state.
- Added keyboard navigation (
↑↓). - Added
maxVisibleandstackOffsetprops for stacked layout. - Introduced
useCarousel()hook anddata-slotattributes. - Improved accessibility with ARIA roles.
- Simplified controls using
CarouselPreviousandCarouselNext.
Card
24-09-2025 — Added CardAction
- Introduced a new
CardActioncomponent to place actions (buttons, links) in theCardHeader, aligned to the top-right. - Minor updates to existing components to include
data-slotattributes for consistent styling.
ProfileCard
27-08-2025 — Added 3D Tilt Effect
| Feature | Description |
|---|---|
| 3D Tilt Effect | Card now tilts based on mouse movement when revealed. |
| Spotlight Effect | Optional radial spotlight on skills. |
| Custom Social Links | Added support for multiple social links. |

Thank you
I’d like to thank everyone who who has been using & supported this project, shared feedback, and contributed to its growth. Your encouragement and involvement mean a lot. I truly appreciate your support. Thank you 🙏