A real estate development firm has contacted me to build a website that represents their business. Their design vision was for an elegant modern look that will clearly showcase their development portfolio.

This website uses edge to edge design with full screen sections. A unique animated hero slider was added and their portfolio is well organized in a proper collection structure. 

Enjoy. 🤩

Real Estate Developers Website 

Here’s an easy way to mask video in text.
No custom code required!
I’ve created this with a SVG file and added interaction to zoom in when scrolling.

Feel free to clone and use in your project.

--> Follow my profile for cool projects coming soon

Text Masked Video Scroll Animation

Enjoy yourself having text explode into particles...
Edit to show your personal text.

Brilliant for eye catching landing pages.
Feel free to clone and use in your upcoming projects

--> Follow my profile for cool projects coming soon

Credits and source for custom code: https://codepen.io/sanprieto/pen/XWNjBdb

Text Particles with ThreeJS

Looking for an accordion that actually works? 
This simple tutorial will get you set in no time, using the native Webflow components. The content can be from a collection or static content

A bonus functionality of having one accordion open at a time requires a tiny piece of custom code, but don’t you worry - I’ve got you covered with an easy-to-follow guide of how to implement it.

Accordion Tutorial Dropdown

I was so happy to gift my friend this wedding present!

Feel free to clone and make your friends happy as well!
No custom code has been used.

Wedding invitation + RSVP

Challenge accepted! :)

On the @PixelGeek's weekly live stream we were given the challenge to create elements in 3D.

The fact that such a project can be built without writing a single line code is mind blowing!

Feel free to clone and get inspired. No custom code or lottie animation are used in this project.

3D Elements Challenge

This was challenging when some products have variants of length, width, color and price discount per quantity.

Many collections and conditions are used in this project. 

This project is tailored for a client that has a very elaborate product specification.Products are categorized by custom criterias, including: width, length, color, size and quantity. On top of that they use tier pricing, therefore I wrote for them a custom pricing logic.

The site enables for easy searching by any variant criteria. This simplifies the shopping process and assists with those sale numbers ;)

The homepage is completely controlled by the client. They uploaded images and panners to reflect their super-colorful vinyl business personality.

Client site - eCommerce

Took Nelson's challenge to customize the nav component, and it turned out an awesome nav design :)

NAV challenge

This is my results when the client asked for a clean elegant looking website.

I hope you like it too :)

------

I have used collection with multi-image fields for the car images and build a custom slider to accommodate the random amount of images placed.
See here how I did it: https://webflow.com/website/Tutorial-Dynamic-Multi-Image-Slider

Client site - Car Leasing company

Here's a short 7 step tutorial on how to have a dynamic slider.

The amount of slides is determined by the amount of images added to the Multi-Image field in Collections. 

I hope this will accomplish the experience you were missing.

Feel free to ask me if you having trouble here:
https://forum.webflow.com/t/tutorial-create-a-dynamic-multi-image-slider/131059

Tutorial - Dynamic Multi-Image Slider

An idea I had on how to perfect the way we handle notifications on mobile devices.

Have a look and let me know what you think, if we can make it even better.

Feel free to clone.

iOS Notification NEW concept

Here is a short tutorial to the popular effect of blurring elements scrolled behind the nav.

I hope you enjoy it :)

Blur behind nav - Tutorial

Had fun building this 3D model with divs and CSS including laptop.
The laptop screen is functional too :)

Still work in progress...

Property Dashboard

Here's a way to give a nice touch to the default success message in the Form element.
Try it yourself. I'm sure you'll like it! :)

Feel free to clone and take the forms to a new level...

Lottie animation credit: Midhun Mohan

Animate Submit Form

I was inspired by Webflow's Mega-menu and challenged myself to recreate it without custom code.
Added a custom popup modal for the Contact form as well.

I hope you like the result as much as I do :)

Feel free to clone and see how it works...

Mega-Menu challenge

Here's a short tutorial on how to add particles to your project.

Follow my profile to get notified about new tutorials of cool Webflow tricks.

Tutorial Floating Particles.js

The site presents a social app based on birthdays.

I've created a simulator to get the first glance of the app. 
Click on the star button to swipe between the profile with some nice effects. 🌟🌟🌟

I hope you like it :)

Eli Shmerler

About

Skills

About

About