Clone Project

Auto Colour Adaptive Cards

Description:  
Author 
Dhruv Sachdev
Organization 
Similar Projects
Oops! Something went wrong while submitting the form.
Description from Webflow:  
This is a card component that reveals details on hover. Interestingly, the cards will analyse the "dominant" colour within the card's image and adapt to match the image theme. I've added a configurable "GRADIENT_MODE" setting in Custom Code which, when set to "true", will instead programmatically generate a "gradient" instead of a solid colour using the two most prominent colours in the image - this gives a nice effect too. The hover interaction is switched for an "on-scroll" trigger on tablet/ mobile - this way, the cards will expand as they are in view :) The image colour palette is analysed and extracted using the brilliant colour-thief.js adapted to Webflow's hosting policies (CORS 😅) using a proxy from Google. The card images are nfts by fvck_crystal.
Tags from Webflow: 
cards, cardshover, smart, color, cloneable, customcode

The best Webflow projects handpicked & delivered.

We search the entire Webflow showcase to find the most clone-worthy* websites.

*The kind of sites that make you say "wait... this is free?"
Sites will be complete, clean, and client ready.

Booyah! The first newsletter will go out early next week.
Oops! Something went wrong while submitting the form.

*The kind of sites that make you say "wait... this is free?" Sites will be complete, clean, and client ready.

Booyah! The first newsletter will go out early next week.
Oops! Something went wrong while submitting the form.
.