Building TikTok's record button using Framer Motion & React
source link: https://dev.to/sam_piggott/building-tiktok-s-record-button-using-framer-motion-react-5e4p
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Building TikTok's record button using Framer Motion & React
Apr 21
・1 min read
Summary
The TikTok record button is a deceivingly complicated UI element with some interesting moving parts, so I thought it would be perfect for a tutorial. In the guide above, we'll build a fully animated record button using nothing but React, Framer Motion (a fantastic animation library), and TypeScript.
Project Files
All the project files are available to download and use yourself over on my website, CodeSnap.io.
Thanks!
Thanks for watching - any and all feedback is greatly appreciated, and please share it around if you think it'll be useful to anybody else. If you're interested in learning more, I've got loads more video and written content over on my website, CodeSnap.io..
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK