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

Trying out some logo animation with webflow interaction "on hover" - just for fun. Let's see where we get – to be continued.

and yes, hover that cute little dot - then click it.

Logo-Animation-Experiment

Clone: Logo Animation – Experimental

Love the new Slack logo, was fun to build with CSS Grid in Webflow and animate it

Slack Logo

Slack logo animation with CSS Grid in Webflow

This demo showcases an animal conservation header in Webflow. It is for a video tutorial that I created on my YouTube Channel. 

This demo incorporates the following:

-An intro with a logo animation created in After Effects and added with Lottie
-A Slider
-Animated headings when the slides change
-A Lightbox link with the background color of the site
-Elements added with Grid and Flexbox

You can watch the video tutorial here:
https://www.youtube.com/watch?v=VFBVh9FqDdA

WebDev For You - Animal Conservation UI

Hello! So, today I did something different from what I usually do. This isn't a web UI, just a Dribbble shot but I pushed my limits and went for something that I'm pretty happy with. Flippable business card grid, all in Webflow. I tried to recrate Focus Lab's Dribbble shot which you can see here: https://dribbble.com/shots/6015319-Pinpoint-Business-Cards and just added a little bit of spice with the animation.

Click on them to turn them around. Also, psst, a lil detail: Did the front side logo with grid, borders and border-radius, so all in CSS.

Feel free to clone and play around with it. All design credit goes to the team at Focus Lab.

Business Card — Dribbble Rework

Business Card — Dribbble Rework

Badge for No Code Conf 2021. Tinkered with blend modes to create a neon effect, plus there's a (not-so-hidden) little animation on the conference logo.

No Code Conf 2021 - Sam Pilgrim

sam-pilgrim-ncc2021

A new experiment with the beta grid css feature. I challenged myself to create a responsive movie poster directly in Webflow, without mocking it up in Photoshop or Sketch beforehand... This grid thing really brings creative possibilities right within Webflow! :)

Straw Dogs (1971)

straw-dogs

Tippy JS popovers on images in a grid. The content for the popover is in the hidden section beneath the grid. Just add a data-template attribute with the id of the content you want to add to your popover.

image-grid-live

A quick & dirty test of the new css grid beta feature I had the luck to get my hands on early :)

The Soft Machine - Third

softmachine-third

I just keep playing with CSS Grid and animations!

TV Time - css grid animation

TV Time animated logo

The client had no previous online presence, so we created a complete project: website, logo, content, SEO and social media. His customers provided an almost overwhelming number of raving testimonials, so the content focused on this 'social proof.'

Thompson Exercise for Life

thompsonexercise.life

Developer Designer

devdsgn

By mid 2018 I received a request from Dustin to help him launch his CBD OIL product start-up. He needed a brand (logo - labels - brochures - marketing promo material) and then a website to promote his product.

Discover logo grid websites built by the Webflow community

Discover logo grid websites built by the Webflow community