TIDE

@settigation

23.1K followers · usually 3.0K views a post

Views

71.2K

Likes

1.2K

Comments

11

Shares

83

SoundTikTok sound · original sound - settigation

Promoted product

Tide

All your business finance needs in one app, from banking to credit. Join over 1.5 million SMEs worldwide, and get back to doing what you love.

7 videos7 creators

Why it worked

The video effectively uses micro-interactions and clear visual feedback to demonstrate a common UI element, making it engaging and informative for developers and designers interested in frontend development.

Summary

The video showcases a "Download Button" animation created using TIDE, demonstrating both a successful download and a failed connection. The animation visually represents the data transfer process with interactive elements.

Structure

1Introduction of TIDE and "Download Button" concept
2Demonstration of the "SUCCESS" state with animation
3Demonstration of the "FAIL" state with animation
4Display of the underlying code (HTML, CSS, JS)

Original caption

Download button animation — the arrow lies down and becomes the water. #uidesign #frontend #microinteractions #webdevelopment

More from @settigation

Product placement

TIDE: ACTS - it is the name of the software/tool being demonstrated, which generates the download button animation. Removing it would change what happens in the video.