Playing with some code from CodePen > https://codepen.io/waaark/pen/VbgwEM

Liquid button

Since everyone is doing day and night, Thought maybe I should give it a go , 
If you like it, Like it! 
inspired by Yatzerland and PixelGeek!

moolight-a67588f8ef7ea4bd7a05cf6534a1c2

Grid

Make the most of grid overlap for more creative layouts.

Overlapping grid

Cards 2.0 are Symbol based Framework/UI Kit for quick design or wireframe of your next landing page project. 100+ symbols/elements ready for design or hi-fidelity wireframe for any UI/UX designers or developers out there. The main goal of this project is to help you - Webflow users - with creating beautiful landing pages or wireframes within minutes directly in Webflow with ready to be published code. All again with a coded styleguide for all the main typography elements (H1-H6, links, paragraphs etc.) buttons, tags you name it. 

What you get/Package overview:

50 New Cards as Webflow Symbols (in 2 versions Dark and Light = 100+ Symbols)
3 Complete landing pages in 2 versions
Symbols for Hero sections, Features, Testimonials, Pricing, Team, Blog and more.
Ready for all 4 responsive breakpoint 
Cards from v1.0 recreated into a new structure
All cards in Sketch file

Happy Cloning! 🎉

Cards 2.0 - Framework/UI Kit

Simple landing page.

Get the design and assets here: https://www.dropbox.com/sh/n0siy6md7hmcx5h/AADB2sw7RoLurIPXf7zb5Ebga?dl=0

By Pablo Stanley
https://twitter.com/pablostanley

Simple Landing Page

It's my personal portfolio website. Kept it simple and clean, while staying engaging and trying some new things.

Please like if you like.

Red Portfolio

Hover interaction using Three.js. Simple to integrate and customize with any Webflow project.

Credit: Robin Delaporte (@robindelaporte) with source code available here:  https://github.com/robin-dela/hover-effect/

*Updated: 11/2019

WebGL Hover Effect

I decided to recreate a nice looking full-screen navigation. This is not my design. Original source: http://publiclibrary.co.nz.

Full-screen navigation

2018 Trends — Broken Grid

This is demo of some "sticky on scroll" elements I created completely within Webflow. I tried my best to explain how I did it, but I'm happy to answer any questions you have about the setup.

NOTE: This setup may not work in older browsers.

Sticky On Scroll

A Webflow ready, 12 column responsive flexbox grid system. Clone to get started!

Responsive Flexbox 12 Column Grid

antelope-canyon-demo

Playing around with a parallax effect using the text of David Foster Wallace's 2005 Commencement Speech at Kenyon College.

Arthur

This is Water

Custom animated hamburger menu concepts made 100% in Webflow using the navbar interaction. Please feel free to clone and use these on your own site.

Custom Hamburger Menus

A one page agency template I put together a while back & never got round to sharing...enjoy!

Creative Agency Template

(Note: this project is the first step of my Webflow Starter Project, a starter template aiming at facilitating some of the recurring design tasks)

You have done Webflow projects for others, or projects that are hosted outside of Webflow, and for various legal and CEO reasons, you can't showcase it as-is in your Webflow profile page?

Then use this starter template to showcase your work. It currently has two sections, one showing your homepage on devices, and one showcasing your homepage in full height for the desktop and mobile breakpoints.

Features:

- all graphics in SVG
- browser windows made in Webflow with blocks and icons, customizables
- standard + material design color palette, very handy, check it out!
- responsive, of course
- devices graphics made of a SVGbackground and container for screenshots, absolute positionning so you can rework the layout for every breakpoints
- smartwatch ready because why not?
- orange Webflow project favicon and springboard icon

Gina Yu