A calculator! Math! Here's a video on how I built it and how you can use it too: https://youtu.be/V7rFH6_9-70

Note: In order to fully leverage this cloneable, you need access to Logic beta. Anyone can sign up here: https://webflow.com/logic. 

This is a cloneable project for marketing sites with a lead capture form, in this case a pricing quote generator for a photography studio.

This project was built to demonstrate a common use case for Webflow Logic (currently in beta) --lead generation. One example of what you can automate with Logic is: User submits a form > conditional rule > HTTP request to create a new entry in Airtable. In fact, this logic flow is already built out in this site for your reference!

Logic brings the power of automation natively in Webflow, providing the building blocks for customers to create more impactful end-to-end experiences within their sites. You can keep an eye on https://webflow.com/logic to stay updated.


Webflow Logic - Marketing Site with Pricing Estimator

Learn how to create an "ultra gradient" in Webflow. This cloneable is based on Fons Mans' Twitter thread (https://twitter.com/fonsmans/status/1569708218351247366). He wrote a tutorial for Figma and I tried to create it in Webflow without any imported shapes or images.

YouTube Tutorial: https://youtu.be/8ZHsLochLFA

Ultra Gradients in Webflow (Cloneable)

Hi! Here's the new version of the flipping cards. Feel free to clone it and use in your projects.

Flipping Cards

🤩 I've been dying to show this project for a long time...

🙌🏻 Huge thanks to Whitehall Distillery for giving Fruity Llama the opportunity to design and develop their brand new website!

✅ The goal was to create a striking website that showcased their incredibly vibrant Gin products in an eye-catching manner.

🌹 As you can see from the Homepage, the legendary Darwen Tower is featured throughout. Take a look for yourself...

😎 There's so much to explore! Real Lancashire gin, Food and drink at the Cromwells Bar, Gin Experiences, Private Labelling... and an overnight stay!

👨🏼‍💻 From the Photography / Product Shots to the Design / Development - this project has been a joy to work on.

🥂 I invite you all to take a look at the Whitehall Distillery website and maybe purchase a few gins!

whitehall-distillery

Make your website stand out with 180 ready-to-use gradients. 

This cloneable includes gradients with different styles — including angular, radial directions and gradients with multiple colours (up to 5). 

Creating gradients can be tedious, especially when trying multiple styles. 

Each global class has been named systematically so you can reuse it throughout any project, for example: "gradient-night-fade".

Adapted for Webflow from https://webgradients.com

180 Beautiful Gradients

😍👷🏻‍♂️ Take a look at our latest website design for EBS Euro Building Supplies and the kind words from Managing Director - Geoff Grierson

✅ Before working with Fruity Llama, we had a website that was thrown together quickly as a placeholder. We needed someone who could create a brand for Euro Building Supplies that connected with our target audience.

✅ We have a wide range of products that fall into various categories and industries but it was tough to keep things organised and in a presentable format. Most importantly, our business is growing rapidly so we needed the website FAST!

✅ Fruity Llama absolutely delivered everything we asked for. In a swift amount of time, we now have a clean, functional, modern website that displays our expanding range of products in an organised format and makes it super-easy for the user to navigate. Our brand is bold, colourful, and creates a lasting first impression.

ebs-euro-building-supplies

designmadecool

Take a look at our latest web design and build for CBS Building Services.

The owner came to Fruity Llama with the goal to create an online presence - something surprisingly a lot of builders are missing out on.

Our brief included an old-school leaflet with some information on! (That's it!) The challenge was to transform it into a beautiful website that gives a brief overview of their services and how they can help.

cbs-complete-building-services

The client specialises in weaving quality fabrics, including Jacquards, Tapestries, Linens, Sustainable Cottons, Recycled Fabrics – all woven in the UK with a skilled and dedicated team.

S Dawes wanted a clean website with eye-catching images that displayed the true quality and precision of their craft.

This website was a joy to create, there is no template used - it's all custom built!

Weaving Manufacturer Website

You can easily animate a number counter like the Pros do! To do that you only have to:

1) Add a class to the number you want to animate 
2) Copy and paste the code in the "Settings > Before body Tag" 
3) In the code change the name of the class to the one you used (classes start with a ".") . 
4) Modify the parameters that work for you (start, end, duration, delay, true, repeat, decimals, currency, separator) 

*Repeat this process If you have different numbers with different parameters (check the clonable for an example)
** Remember that this will only work on published sites. 

Sign up for the lesson: https://www.webflowtips.com/b/how-to-animate-a-number-counter

If you have any questions feel free to comment.

P.S 🙂  🙌  - Like or follow if this was useful for you.

10 of 50

How to animate a number counter?

At Fruity Llama 🍉🦙, we understand that in order for brands to reach their target consumers, they need to advertise in a way that is efficient and effective. 

That’s why we offer both Social Media Advertising and Digital Out Of Home Advertising - two powerful platforms that are rapidly becoming the future of advertising. 

We help our clients achieve maximum reach with successful, profitable campaigns online and offline. 

Contact us today to learn more about how we can help you achieve your advertising goals!

📱 01254 946 647
✉️ info@fruityllama.co.uk
👉🏻 www.fruityllama.co.uk

Fruity Llama - Digital Advertising

Bestpac specialise in paper packaging for transit and retail. Including paper shopping bags and food packaging for bakery and patisserie use.

Bestpac UK - Innovative Packaging Experts

Circle is a platform where you can learn everything you need to know to launch a successful e-commerce start up. On such a platform, you can study core topics as management, finance and creating websites.

Сircle Website

A modern and premium, yet easy to edit multi-step Webflow form for your website. If you want to wow your users with a great multi-step form, this is the one for you.

- - - - - - - - - -

Interested in this free Webflow Cloneable?

• Check out a live preview on: https://multi-step-form-cloneable-brixtemplates.webflow.io/

• Click 'Clone project' to get a clone on your Webflow account

• Get the cloneable Figma file to customize the styling and graphics: https://www.figma.com/community/file/1085642120902089828

- - - - - - - - - -

• BRIX Templates - Looking for more Webflow templates? Take a look at our collection of premium & free Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

Multi-step Form Webflow Cloneable Template - BRIX Templates

We built 20 CSS Button Hover Styles inspired by Codrops for the Webflow Community. 
Copy them, modify them, and have fun using them in your own projects.

You want more?
Just tell us what kind of component or layout you'd like and we'll build it for the community.

✌ If you like this project, don't be shy and follow our Webflow profile to not miss any future clonables for the Webflow community.

Best wishes from Germany and stay healthy!

Vibrand Design

20 CSS Button Hover Styles

Mixpanel has a great website, and for the most part, very very CRO optimized. Great copy, design and user experience.

In this free template, you get:
- Home page template and layout
- Feature page template and layout
- Demo form template and layout

AND a FREE pricing page.

Everything responsive and optimized for mobile

Enjoy!

Mixpanel Full Website Template — FREE

Daily Direction Tutorial set. A range of really nice micro interaction for your personal projects.

Tutorials: https://www.youtube.com/watch?v=zRnR7hu2EoU&list=PL4y7e0E80p44ddI_hKSB2bu26rFCdDFfc

Hope you enjoy.

Stephen Ashcroft

About

Skills

About

About