Hi!

A free eCommerce template with a lot of cool components and elements. You might need JS and CSS understanding to properly use it.

- CMS based sliders
- Product gallery with slider
- Column sliders
- Grid layout for Product E-commerce Collection

I learned a lot while the development of this template. Hopefully, you guys will find it helpful in your projects.

Any comments and reviews are much appreciated.

Design is a freebie by "Tran Mau"
https://dribbble.com/tranmautritam

Resources:

Finsweet CMS Library
https://cms-library.finsweet.com/

Thanks,
Kamran

Mass Ecommerce Template

This is another of these section scroll projects using Scrollify.js. This time I'm using a split screen design layout with some geometrical tennis court illustrations that I made the other day. I really enjoy the vibe of those.

Feel free to clone this project and use it for something much cooler than this example. 🤙

section-scroll-tennis-court

Took the webflow pricing table as the base, added some, hover, interactions with animated bars, sticky header, etc. Mobile ready (watch out for the hidden columns)! if you have questions let me know.

Used this section in my new webflow portfolio project http://www.web-bureau.webflow.io

If you wanna have more clonable content form this portfolio let me know in a comment.

Advanced Pricing Table

Watch the tutorial at https://www.youtube.com/watch?v=AG_REG9p61E

CMS Draggable Slider Tutorial

I rebuilt Squarespace's website for desktop during my free time in a couple of days and it can easily be adjusted for mobile. The beauty of Webflow is that it doesn't dictate anything. It's an open canvas and you can create anything. Even Webflow's own website and builder if you wanted to. That's the future! I wonder if you can do that on Squarespace 🤔

I develop websites and advanced software prototypes for companies. If you would like to bring your ideas to life within hours, hit me up :)

Rebuild → Squarespace.com

Here is a ripped off rich wireframe of the Osiki App landing page you guys requested. Sharing is caring!

osiki-wireframe

This is a MacBook with a scrollable image to showcase whatever you want :)

MacBook with scroll

Hidden Springs Maple is a family maple farm in Putney, Vermont that provides syrup to restaurants from all over the US. 

Although the company historically operates in the B2B segment, HSM has also seen huge potential in the retail niche as well. But the HSM website was missing the necessary functionality for expanding to the new market.

After extensive research, I have designed and implemented the E-Commerce flow.

Hidden Springs Maple

Price calculator using custom java script code.
By https://www.webflow-experts.com/

Calculator

Checklist Design is a collection of best UI and UX practices to provide a complete, honest and rewarding experience for your users. Take in the knowledge of not just what to put in your solution, but how and why it should be there.

Checklist Design

A simple interaction for your Ecommerce Webflow project, on hover product details pop-up.

001 Ecommerce

Multi-Step form using the slider component and some jQuery

Multi-Step Form (Slider + JS)

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

Hi there! Here is animated subscribe form. Feel free to follow me and leave your feedback!

99ui#7 Subscribe form

Hi there! My name is Mikhail and I'm gonna create some cool Webflow stuff, and share with you for free. So follow me in Behance and get new design ideas. Here is the second one!

99ui#2 First screen Carousel. Custom Menu

Hi there! My name is Mikhail and I'm gonna create some cool Webflow stuff, and share with you for free. So follow me in Behance and get new design ideas. Here is the first one!

99ui#1 Credit Card Checkout

Using Shopify with Webflow has never been easier with Buy Buttons.

shopify-webflow

This website shows the way of creating a slider buttons that makes the slider to slide to the proper slide ;D

Mark Kaufman