Discover the best color websites created by professional designers. Get inspired and start planning your perfect color web design today!

An annual collection of my favorite records of the year.

Favorite Albums 2016

Custom website design I did for this tool, an All-in-one AI platform to augment human ingenuity.

Visit live site at http://commerce.ai

Commerce.AI

Saw an interesting interaction online and thought I'd try to translate it into webflow. I also added the same interaction on scroll over for mobile, so nobody gets left out! Clone away, Webflow-ites!

Circular Hover Effect

CMS Pricing Slider

Gradients.io

Welcome to another funky circular Webflow experiment! This time, I use only Link Blocks (no interactions necessary) paired with SVGs to create a nifty little menu active state. Pairs nicely with the last circular cloneable project I made ;)

Clone away, Webflow-ers!

Menu Active Circular Transition

Active Menu Circular Transition

Violet

Culturally diverse patients can’t find the culturally competent care we deserve, even though 50% of Americans will be a member of at least one diverse community by 2045. Let's change this.

Violet 2022 FINAL

*Open live site to view effect* 

This is a card component that reveals details on hover. 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.

Smart Cards

Automatic Colour Adaptive Cards

wearegoat

A resource for local animal shelters and NGOs to promote information and support them in getting their animals adopted. Using playful illustrations and vibrant colours.

Friends with Four Legs

friends-with-four-legs

With Safari Technology Preview 68 and MacOS 10.14, it is now possibly for the browser to recognize if the operating system is configured to dark mode and adjust the css as defined by the @media query. Soon this will become supported by all major browsers and operating systems.

Try it out and see how it's done.

Then vote for Webflow to support this in the Designer. https://wishlist.webflow.com/ideas/WEBFLOW-I-1553

CSS Color Scheme: prefers (dark)

To announce the new blending mode and backdrop filter features, Webflow reached out asking me to design and develop three eye-catching builds in two days. I quickly asked two of my friends, Shelby & Corey, for help creating the designs. This is one of the concepts that was chosen.

Project Team
Corey, https://dribbble.com/coreyschneiderdesign
Shelby, https://dribbble.com/shelbybuquet
Timothy, https://dribbble.com/tricks

Will it blend?

"History Virtual Museum" makes exploring exhibitions possible via the Internet. We hope that interactive design would make it a memorable and fun experience!

History Virtual Museum Hover Effect

Hover list effect with image

E-Commerce live color change

E-commerce live color change

I don't know about everyone else, but I have moved a lot of my design work into Webflow, not just web design, but pretty much all mockups. Anyone else?

Follow me on Dribbble if you want to see other things I make using Webflow!

https://dribbble.com/myonke

Music Player

Hey i just made silly script changing background color of page or div to random one when you push buttons on your keyboard

ColorChange with TypeJS

ChangeColor on Keydown

Portfolio

Sam George

Hi, this week I have fun to create this scroll color animation. 

The video is available on my Youtube Channel https://www.youtube.com/alextourgis

Webflow Tips / Background scroll color

Webflow Tips / Background Scroll Color

Stunning original theme by Jordan Hughes! I just added these nifty little color changing buttons with some Jquery

Discover color websites built by the Webflow community

Discover color websites built by the Webflow community