← All projects

react-floating-button

by @na6im

Active 28

React :atom: Awesome Floating Button :ok_hand:

About this project

React Awesome Floating Button An Awesome & Unique Customizable Floating Button Powered by The WuuD Team Build & Run Demo Live demo: https://react-floating-button.netlify.app/ Screenshots Install With npm With yarn Usage Options FloatingButton Property Description Type Default --------------- ------------------------------------------------------------------------------------ ------- --------- right Specify if the button should be on the right if false the button will be at the left boolean true top Specify if the button should be on the right if false the button will be at the left boolean false size The size used for the buttons number 60 backgroundColor The backgroundColor for the main button string #8f1d30 color The color for the burger icon string #dbdbdb Item Property Description Type Default --------------- -------------------------------- ------ --------- imgSrc The icon to use on given button string - backgroundColor The backgroundColor for the Item string #dbdbdb onClick Called when an item is clicked func - Attribution React Pose powered by Popmotion Built & Developed from React JS Contributing to The Project

From the project README on GitHub

Stars
28
Forks
8
Last push
13 Feb 2026

Add this badge to your README

Show that your project is listed on Made in Algeria.

Made in Algeria
[![Made in Algeria](https://www.madeinalgeria.dev/badge/react-floating-button.svg)](https://www.madeinalgeria.dev/projects/react-floating-button)