Skip to content

Feat: Implement animated Floating Action Button#11

Open
KvRae wants to merge 2 commits intoiot-lab-kiit:masterfrom
KvRae:feature/animated-fab
Open

Feat: Implement animated Floating Action Button#11
KvRae wants to merge 2 commits intoiot-lab-kiit:masterfrom
KvRae:feature/animated-fab

Conversation

@KvRae
Copy link

@KvRae KvRae commented Oct 9, 2025

This commit introduces AnimatedFAB, a customizable Floating Action Button with built-in animations for enhanced user feedback.

  • Click Animation: The FAB provides a scale-up animation when pressed.

  • Scroll-Aware Visibility: When linked with a LazyListState, the FAB automatically hides on scroll-down and reappears on scroll-up, improving screen real estate.

  • Customization: Developers can customize the icon, size, and animation speed.•A @Preview is included to demonstrate the FAB's functionality within a LazyColumn.

  • FAB Demo: FAB DEMO VIDEO

closes #5

KvRae added 2 commits October 9, 2025 11:59
This commit introduces customizable circular and linear progress bars, a shimmer effect, and preview functions to showcase their different styles.

- CircularLoadingBar: Now supports customization of color, stroke width, track color, and stroke cap.
- LinearLoadingBar: Now supports customization of color, track color, and stroke cap.
- Shimmer Effect: Added a  modifier for creating loading skeletons.
- Previews: Added , , and  to display various loader configurations.

This enhances the flexibility of the loading indicators, allowing for a more consistent and visually appealing user experience across the app.
…t introduces AnimatedFAB, a customizable Floating Action Button with built-in animations for enhanced user feedback.•Click Animation: The FAB provides a scale-up animation when pressed.•Scroll-Aware Visibility: When linked with a LazyListState, the FAB automatically hides on scroll-down and reappears on scroll-up, improving screen real estate.•Customization: Developers can customize the icon, size, and animation speed.•A @Preview is included to demonstrate the FAB's functionality within a LazyColumn.
@KvRae KvRae changed the title Implement animated Floating Action Button Feat: Implement animated Floating Action Button Oct 10, 2025
@KvRae
Copy link
Author

KvRae commented Oct 12, 2025

@sambitraze @RKRohk @neelanjan00 @
@RonitNayak25 can someone review my pr please

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create a Floating Action Button (FAB) with Animations

1 participant

Comments