Back to Browse

Framer Tutorial: Creating A Galaxy Button Animation

10.6K views
Jan 19, 2024
7:04

NEW FRAMER COURSE: 0 TO $11.5K WITH FRAMER (ENROLLMENT CLOSES APR 7TH):https://go.frameruniversity.com/ ____________________________________________________ 🎓 Framer University: https://framer.university 👉 Create a free Framer account: https://framer.university/free-account In this Framer tutorial, you'll learn how to create a beautiful galaxy button in Framer. I'll demonstrate how to create the button component and how you can add a code override to it to enhance the effect. After watching this video, you'll be ready to create your galaxy buttons in Framer. Project remix: https://framer.university/resources/galaxy-button-component 00:00 - Introduction 00:31 - Creating the text 01:52 - Adding a background galaxy 03:08 - Creating a component 03:28 - Setting up the default state 04:09 - Adding a hover state 04:44 - Creating a code override 06:09 - Finished button 06:35 - More free Framer resources Follow me on: X: https://x.com/learnframer Instagram: https://instagram.com/framer.university

Download

1 formats

Video Formats

360pmp411.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Framer Tutorial: Creating A Galaxy Button Animation | NatokHD