React Upload Button Concept Design

Upload Button Concept Design

Description

This is just an experiment of web UI element.

After the plus mark button (Or should I say upload button) was clicked, available file types would appear, and the user may select which type of file they could upload.

I created few simple component to implement the buttons.

I created the animation only on CSS. I calculated the direction and angle where they should go depends on the number of buttons available.

I used sass:math Sass library to implement the calculation for the CSS animation and something.

Resources

ReactJS

Font Awesome

Google Fonts (Open Sans)