All Projects → hanford → React Fab Fan

hanford / React Fab Fan

Floating action button fan built with react and react-motion

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Fab Fan

Angular Tree Component
A simple yet powerful tree component for Angular (>=2)
Stars: ✭ 1,031 (+7264.29%)
Mutual labels:  open-source, frontend
P32929.github.io
Second iteration of my portfolio - created using ReactJS, Material-UI, Overmind, etc
Stars: ✭ 84 (+500%)
Mutual labels:  open-source, material-design
Vue Storefront
The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Ne…
Stars: ✭ 9,111 (+64978.57%)
Mutual labels:  open-source, frontend
Quickactionview
View that shows quick actions when long pressed, inspired by Pinterest
Stars: ✭ 185 (+1221.43%)
Mutual labels:  material-design, fab
Toolbar Button
FAB to Toolbar Button library for Android Material Collapsing Toolbar
Stars: ✭ 299 (+2035.71%)
Mutual labels:  material-design, fab
Materialfabspeeddial
Android UI library of FAB speed dial
Stars: ✭ 193 (+1278.57%)
Mutual labels:  material-design, fab
Bhagavadgita
A non-profit initiative to help spread the transcendental wisdom from the Bhagavad Gita to people around the world.
Stars: ✭ 84 (+500%)
Mutual labels:  open-source, frontend
Laravel Vuetify Spa
Laravel-Vue SPA starter project template with Vuetify frontend.
Stars: ✭ 73 (+421.43%)
Mutual labels:  material-design, frontend
Material Design Data
关于 Material Design 的一切资料都在这里
Stars: ✭ 1,857 (+13164.29%)
Mutual labels:  open-source, material-design
Mui Treasury
A collection of ready-to-use components based on Material-UI
Stars: ✭ 1,821 (+12907.14%)
Mutual labels:  open-source, material-design
Material Sheet Fab
Android library that provides the floating action button to sheet transition from Google's Material Design.
Stars: ✭ 1,584 (+11214.29%)
Mutual labels:  material-design, fab
Android Material Design For Pre Lollipop
Various UI implementations, animations & effects based on Material Design compatible with pre Lollipop devices as well. (Work in progess)
Stars: ✭ 585 (+4078.57%)
Mutual labels:  material-design, fab
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Stars: ✭ 45,802 (+327057.14%)
Mutual labels:  material-design, frontend
Jjfloatingactionbutton
Floating Action Button for iOS
Stars: ✭ 243 (+1635.71%)
Mutual labels:  material-design, fab
Material Design For Bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Stars: ✭ 9,463 (+67492.86%)
Mutual labels:  material-design, frontend
Mahapps.metro.iconpacks
Awesome icon packs for WPF and UWP in one library
Stars: ✭ 1,157 (+8164.29%)
Mutual labels:  open-source, material-design
Birthdaybuddy
A simple material-design orientated app to handle your friends' birthdays and other special events
Stars: ✭ 90 (+542.86%)
Mutual labels:  open-source, material-design
Material Kit React Native
Material Kit React Native
Stars: ✭ 424 (+2928.57%)
Mutual labels:  open-source, material-design
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+5635.71%)
Mutual labels:  material-design, frontend
Verticalstepperform
Vertical Stepper Form Library for Android. It follows Google Material Design guidelines.
Stars: ✭ 868 (+6100%)
Mutual labels:  material-design

React Fab Fan

Live example!
(the example might need to wake up, which will take ~10-15 seconds)

This is an example of a react-motion floating action button fan I wrote for an internal project. The code is relatively easy to look at, and the <FabFan /> component can just take more/less buttons as props.

preview

TODO:

  • [ ] Publish on NPM
  • [ ] Clean up code
  • [ ] Move this code into an example
  • [ ] Document API
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].