# front-ui

**Repository Path**: HVK/front-ui

## Basic Information

- **Project Name**: front-ui
- **Description**: Collect some front-end special effects （收集一些前端特效）
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-03-08
- **Last Updated**: 2020-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Front UI
> Used to accumulate some front-end effects, continuous updates.Always find the effects you need, do not be fond of if you like, give it a Star ！  （用于积累一些前端特效，持续更新。总能找到你需要的特效,喜欢的话就不要吝啬，给个 Star 吧！ ）

![background Image](https://github.com/SilenceHVK/Articles/raw/master/assets/images/bgImages/bg1.jpg)

# Directory（目录）
- [Canvas](#canvas)
- [Components](#components)
- [Layout](#layout)
- [Other](#other)

### Canvas

1. [Draw Wolf](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/draw-wolf/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/draw-wolf.png" width="183px" height="200px" alt="Draw Wolf Image">

2. [Draw Animation](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/draw-animation/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/draw-animation.gif" width="419px" height="183px" alt="Draw Animation">

3. [Fire Works](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/fire-works/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/fire-works.gif" width="419px" height="183px" alt="Fire Works">

4. [Hex](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/hex/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/hex.gif" width="419px" height="183px" alt="Hex">

5. [Storm](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/storm/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/storm.gif" width="419px" height="183px" alt="Storm">

6. [Love](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/love/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/love.gif" width="419px" height="230px" alt="Love">

7. [Rotation of the ball](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/rotation-of-the-ball/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/rotation-of-the-ball.gif" width="419px" height="230px" alt="Rotation of the ball">

8. [The clock](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/canvas/the-clock/index.html)

<img src="https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/canvas/the-clock.gif" width="419px" height="419px" alt="The clock">

### Layout

1. [Single Page Switch](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/layout/single-page-switch/index.html)

![Single Page Switch](https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/layout/single-page-switch.gif)

### Other

1. [Emoji](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/other/emoji/index.html)

![Emoji](https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/other/emoji.gif)

2. [Loading](https://htmlpreview.github.io/?https://github.com/SilenceHVK/FrontUI/blob/master/other/loading/index.html)

![Loading](https://github.com/SilenceHVK/front-ui/raw/master/assets/images/rendering/other/loading.gif)