Changelog
Explore the history of updates and ensure your project is leveraging the latest features.
Spotlight Card
Added new component.
- Spotlight Card – A container for interactive cards with a hover spotlight effect, ideal for showcasing features or highlights.
Text Animation
Added new component.
- Text Animation – Create dynamic text effects by staggering letters or words with configurable motion and timing, great for hero sections, promotional content, or onboarding screens.
Improvements
Added new prop in Circular Text.
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| pauseOnHover | boolean | No | false | Pauses the rotation animation when the user hovers over the component. |
Aura Border
Added new component.
- Aura Border – A dynamic border component with rotation, blur, and glow effects for highlighting content.
Border Beam
Added new component.
- Border Beam – A customizable animated beam that travels along the border of a container for a dynamic visual highlight.
Wavy Threads
Added new component.
- Wavy Threads – A smooth, noise-driven threads animation for adding subtle, organic motion to interfaces.
Improvements
Added new prop in Circular List.
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| rotationLock | boolean | No | true | Prevents orbiting items from rotating with the path, keeping them upright. |
Wavy Dots
Added new component.
- Wavy Dots – A subtle animated background where dots gently pulse toward the center in a harmonic wave motion.
Luminous Card
Added new component.
- Luminous Card – A card wrapper component that adds a subtle cursor-tracking glow to enhance visual feedback in interactive UIs.
Hamburger Button
Added new component.
- Hamburger Button – An animated hamburger button that smoothly toggles between menu and close (X) states.
Circular List
Added new component.
- Circular List – A circular orbit component that displays elements around a center and rotates them continuously, ideal for galleries, dashboards, and navigation menus.
Avatar Group, Showcase Window and Improvements
Added 2 new components.
- Avatar Group – A component to display a group of user avatars representing members of a team, project, or community.
- Showcase Window – A container for desktop app previews, showing features or screenshots in a polished frame for promotional pages.
Enabled prop extension for the components below so consumers can pass className, style, and other custom HTML attributes.
Classic Dots Pattern and Improvements
Added new component.
- Classic Dots Pattern – Flexible dotted background component with configurable color, spacing, scale, and multiple pattern variants, designed to wrap and enhance UI sections with subtle visual texture.
Improved canvas rendering on high-DPI screens for the following components -
Marquee
Added new component.
- Marquee – Flexible scrolling layout for showcasing repeating content like logos, announcements, or testimonials.
Dot Grid Gradient, Rolling Letters
Added 2 new components.
- Dot Grid Gradient – Customizable dot grid with gradient scaling, allowing control over dot size, color, and shrink direction.
- Rolling Letters – Displays a word where each character animates with a vertical rolling effect, creating a dynamic text reveal.
Grid Pattern, Circular Text
Added 2 new components.
- Grid Pattern – Animated grid background component for creating dynamic patterned layouts behind content.
- Circular Text – Component for rendering text along a circular path with customizable styling and rotation.
Vertical Text Slider, Falling Tiles Loader
Added 2 new components.
- Vertical Text Slider – Slides through an array of text vertically, pausing briefly on each item before transitioning to the next.
- Falling Tiles Loader – Tiles fall into place, pause briefly, then drop away in a looping animation.
Initial release
First public release of the component library. Includes 15+ components across the following categories -
- Essentials
- Background Effects
- Text Effects
- Loaders
More components and improvements coming soon.