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

Pretty Nice Websites

Playing around with Lottie. Here we're using a lottie animation for the pre loader. You can adjust the timing on the preloader itself in the interactions panel. Let us know what you think!

Lottie preloader

Lottie pre-loader

In response to a Webflow forum post, I re-created the Vue.js Pink Clock found from the Codepen below by Luiz. Please note that a lot of the heavy lifting comes from the custom code section in the page. I'd recommend using a pre-loader of some sort to mask the time it takes for the script to execute.

Codepen: https://codepen.io/luizdemoraes/pen/eqoRLz?&page=2
Forum Post: https://forum.webflow.com/t/how-can-i-add-a-digital-clock-to-webflow/94975

Vue.js Clock

vue-js-clock

Did a rebuild for fun on the hero section of the Glasgow International site. Really liked the colors and blocky layout. https://glasgowinternational.org/

They use an image for the pattern on the right side, but I wanted to try and recreate it using just div blocks. It's all flex and absolute positioning for the stacking order. 

Instead of using the Lacuna font they use, I went with Yeseva One, which was a somewhat similar Google Font.

The scrolling section at the bottom was difficult to get the timing down. I'll continue playing with that to see if there is a better way to do that. Anyway, enjoy!

Glasgow International Rebuild

Experimented with creating our first grid layout review slider. We switched to flex on mobile but let us know if there's a way to still use grid on mobile and have it look good!

Review cards

Grid Testimonial Slider

Here's a full screen split screen menu with a call to action form. Mobile responsive and what not. Let us know what you think!

split-screen-menu

sup party people. here is a simple coming soon page with a lottie file on loop to give it a little extra kick. The lottie file was downloaded at https://lottiefiles.com/featured

This sucker is mobile responsive as well. Enjoy!

Lottie Coming Soon Page

div blocks that fly in and overlap on scroll. Any practical uses for this? Doubtful. Is it cool? Sort of, I guess

Scrolling Overlapping Div Blocks

scrolling-overlapping-div-blocks

Little menu interaction we created with a subtle float effect on the menu items. Good for anchor links

floaty burger menu

floaty-burger-menu

Website we put together for a volleyball club Orange County. Did some fun scale animations and page load animations. Added a skew to the buttons as well, for gigs.

Full Throttle

After 4 years, my client wanted a new version of her website that I previously built on Wordpress. She wanted to have it "soft coloured" and with "big images". Text and CTA is intentionaly missing because she does not wanted to have it "sales-marketing pushy"

I built all courses with CMS and specific conditions. I made use of "open doors" pre-loader and sticky elements.

I made use of custom code for enabling anchors with cms elements.

Stevens School

Wow quite the process to pull of this bad boy...

Features:

Seamless Video Embed
Sliding Home Open Navigation
Animated Pre-Loader
Showcase Animations

Discover pre load websites built by the Webflow community

Discover pre load websites built by the Webflow community