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

*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

A beautiful website feels alive. I wanted to create a hero section that moved with the user giving depth and feel to the site.

Construction Page

construction-page

This is our take on a landing page for a smart dog collar. Migo's smart collar connects owners to their dogs through activity, sleep, and location. 

We wanted to make the page have a smart simplistic feel while staying conversion rate optimized. 

Fully cloneable, enjoy!


Branding concept & assets created by Lucas Couto (https://www.behance.net/lucascouto)

Migo

Migo Smart Dog Collar E-Commerce Landing Page

This is a comparison table that has the following features:
Desktop
Sticky Plan Title With Buttons
Sticky Category 
Fluid Fonts
In the table: Text elements, Check Elements
Magic Mouse

Mobile (here is the breakthrough)
Sticky Bottom Navigation With Special Functions
Horizontal Scroll Grid on Display: Auto
Vertical Sticky Plan Title (that work on Display: Auto) and it's horizontally synchronized with the grid/table
Active Button Based on the Plan Viewed in Viewport
Auto-Navigation on Button Press from the bottom navigation menu.

Feel free to clone it and use it.

If you need help with changes in it I'd be more than happy to jump in and help out.

Bitsquits Awesome Table

Bitsquits Magic Comparison Table

SMART

The smartest all-in-one scheduling tool. Packed with powerful features that will save you time and ease all your headaches — Feat. on @techcrunch & @producthunt

Vyte

vyte

I'm really excited to share my first showcase! From shaping a branding, key visual, create an illustrations system, and finally to website redesign and build It on webflow, finally I can share this 🎉

SmartLunch is a polish company that provides b2b food delivery. With SmartLunch you can automate and simplify processes in your company and provide one of the best benefits for your workers - food that everyone, can order at any time!

Big Thanks to 💜 Timothy Ricks from t.ricsk (timothyricks.com/) and 💛 Nelson from PixelGeek (pixelgeek.co/) and 💙 Finsweet (finsweet.com) who are helping all webflowers to create unique websites with no- and low-code knowledge like me! 😎

More Showcases Coming Soon!

The live site is here: smartlunch.pl but in this showcase, I'm showing the version when my jobs end :)

SmartLunch

Clause is a technology company that builds infrastructure for the future of contracting — designed for Business.

Clause

clause-783b3b

MetisFactory

JSR Solutions offers you a variety of air conditioning services, from installation to maintenance and fixing faults in your system. Family business based in Farnborough.

JSR Smart Solutions

jsr-smart-solutions

Discovered the new Yoga Pilates Rouen seine website.

Yoga-Pilates

Yoga Pilates Studio

Smart Carpooling System

smart-x-tripda

Smart Baby Watch

smart-baby-watch

All the services for parking at your fingertips (created with purchased pictures and customer pictures.

in-park

InPark®

Created for a client. All native interactions, no custom code except for the translation part. I hope you find it inspiring.
Cheers, 
Adry

Discover smart websites built by the Webflow community

Discover smart websites built by the Webflow community