Framer Components

Part of an ongoing design challenge where I designed unique components in Figma and then build them in Framer. Each component includes a Framer remix link so you can use them on your own website.

Day 1 - Button

A button component that features tropical illustrations that move when the user hovers over it.

View the live Framer website ↗



Day 2 - Hero Section

Hero section that incorporates Spline 3D with a dynamic particle effect when the user click on the CTA button.

View the live Framer website ↗



Day 3 - Toggle (Light Mode / Dark Mode)

A toggle component that dynamically switches between the light and dark mode of the animated background.

View the live Framer website ↗



Day 4 - Icon

An eye catching icon component that features a captivating scroll effect.

View the live Framer website ↗



Day 5 - Marquee Banner

A scrolling banner with customizable text and animated gradient icons.

View the live Framer website ↗



Day 6 - Bento Section

A responsive bento section for Atmosphere FM, a music streaming subscription service that generates soundscapes synced to your local weather. ⛅

View the live Framer website ↗



This is a currently ongoing project. Follow my progress on Twitter!