Built with Framer

Framer Components

Anslea Askew

Part of a challenge where I designed unique components in Figma and then built them in Framer.

Day 1 - Button

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

Day 2 - Hero Section

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

Day 3 - Toggle (Light Mode / Dark Mode)

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

Day 4 - Icon

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

Day 5 - Marquee Banner

A scrolling banner with customizable text and animated gradient icons.

Day 6 - Bento Section

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

Day 7 - Animation

An hero section built within Framer featuring a looping animation.

Day 8 - Page Loader

Day 9 - Nav Bar

Clean and stylish responsive navigation component with menu dropdowns and interactive button.

Day 10 - Skill Capsules

A unique way of showcasing skills: A bottle filled with interactive capsules that are easily customizable using Framer component variables.

Day 11 - Cursor

Day 12 - Cards

Day 13 - Pricing

Day 14 - FAQ

Day 15 - Parallax

Like this project

Posted Apr 26, 2024

A 15 Day Design Challenge focused on designing and building unique components in Framer that make lasting impressions.

UX Revamp of Onboarding Task Management System
UX Revamp of Onboarding Task Management System
Framer Website - Thrivest Health
Framer Website - Thrivest Health
Design Agency Website | Delite
Design Agency Website | Delite
LURK Ad Agency - Framer Website
LURK Ad Agency - Framer Website

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc