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

Here's a parallax slider I built on top of the https://flickity.metafizzy.co/ library. Navigate by dragging or using your arrow keys.

Idea inspired by https://tympanus.net/codrops/2020/12/01/crafting-a-scrollable-and-draggable-parallax-slider/

Parallax Slider

Parallax Slider Tricks

Wizardry is a responsive technique using EMs that scales like VW but with a max width.

wizardry.

This demo showcases a grid of images that move left to right on scroll. Smooth scrolling has also been added via the luxy.js script.

Inspired by this Codrops demo: https://tympanus.net/Development/TileScroll/

WebDev for You - Interaction #150

WebDev For You - Interaction #150

Freelance webdesigner based in Paris, France. 
I help you solve your online visibility challenges and generate more sales by designing custom websites, art direction dedicated to your brand and bespoke digital strategies.

Oh, and I'm a professional photographer specialized in events and brand content too 📸

Here's my personal portfolio, made in Webflow, of course.

Bazil Portfolio - 2022

Bazil - Webdesigner & photographer

Learn more at https://wizardry-technique.webflow.io/documentation

Wizardry Styleguide

Hi my gorgeous friends of Webflow,

This time I merged Webflow interactions and animations with a bit of CSS animations and JavaScript to create a fun and entertaining countdown timer.

Why is it different from all other timers you can find on Webflow Showcase?

Because it has a custom sliding CSS animation, it is completely based on attributes, and it is modular!

How to use it in your own projects? Just click on "How does it work?" to open the instruction pop-up.

Oh, and don't forget to scroll down the page! 😁

Enjoy, clone, and feel free to leave a comment!

Have an awesome Webflow journey y'all,
Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Timer

Countdown Sliding Timer

Infinite Parallax Slider

Rebuild of https://us.cowboy.com/products/e-bike-cowboy-4

This cloneable is for learning purposes only. I do not own the rights to this design and content.

Cowboy Bike Lander

Website for vienna-based agency digitalwerk.

digitalwerk

Double U Digital

Encompassed Campers

Totally free cloneable. This was a fun project that came about from a client/friend that had to pull the plug for unforeseen circumstances. 

Includes:
- Several Unique Pages
- Template pages
- Contact Form
- CMS 
- Custom Code (I'm not a coder so don't hate me if it looks messy)
- Animations
- Lotties

The site is built around the business model of customised camper vans used for exploring and adventure. Bold fonts and constrasting colours create a strong impact, and the imagery does the rest. 

**Note: this was initially meant to be done for a client but didn't go ahead so I've built this in a couple days as I thought it would be a fun cloneable for the community. So there are definitely some bugs and please ignore how I lay everything out (I'm not very tidy).**

Have fun and let me know if you like the site!

Encompassed Campers

Containers

Containers Tutorial

Ebda Agency

Ebda is a full-service Webflow agency designing and building brands and websites that deliver impact

Ebda Live

joyce of all trades. Studio

joyce of all trades.

Fluid design precision for Webflow experts

Wizardry 2.0.0

Wizardry 2.0

Watch the tutorial at https://www.youtube.com/watch?v=aHeG-XDiEDs

MRstudio

Inspired by minimal-collective website

https://www.minimalcollective.digital/

Minimal Design Loader

Minimal Page Loader

As a webflow designer, I’ve used tons of tools for my projects. Most of them are scattered all over the web and hard to find. That’s why I built this site—to collect the best resources in one place and provide easy access to other webflow users. currently, I have curated more than 35 tools out of which 25 are built especially for webflow. I'll be adding new tools and other resources from time to time so you don't have to waste time searching for them.✌️

I have built this site for the webflow community and recommend all the users to check out these powerful tools, I am sure you will find a lot of new resources for your next webflow project.

Also thanks to all the creators and webflow for building these awesome tools which are helping thousands of people around the globe to covert their ideas into reality. 🙏

Flowsource

— Draggable Items
— Flip Cards
— Hidden CTA Coupon
— Pop-Up Labels with Hints

Discover wizardry websites built by the Webflow community

Discover wizardry websites built by the Webflow community