DEV Community

Takane Ichinose
Takane Ichinose

Posted on

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)

Discussion (0)