Create a bulk ordering platform. Suppliers can track orders, manage inventory and user accounts. Customers can place orders, view order details and order history. 

wized-maya-cloneable

Generate trip itineraries for any city in the world using Artificial Intelligence. This trip-planner web app is built with Webflow, Wized, OpenAI's GPT-3.

wized-wanderlust-cloneable

Get real-time weather info of any city in the world. This weather web app is built with Webflow, Wized, OpenWeather’s REST API and Airtable.

wized-weather-widget-cloneable

The most popular Attributes Combinations for Webflow.

Attributes Combos

Homepage of Finsweet.com available as a Webflow cloneable!

This is for educational purposes only.

- This was built before Client-First or any structured naming convention.
- We do not stand behind the JavaScript, class organization, build quality, or any implementations inside this project.

Enjoy!

2022 Finsweet.com launches tomorrow (Nov4) live on YouTube - 10AM EST.

Finsweet.com 2019

We've released the "India is.." project as a cloneable. This amazing project was built in under 9 minutes as part of Rohan Ganachari's application for Webflow's Speed Build Challenge 2022. 

The design spec was to build a webpage within 10 minutes that has a movement interaction and represents the country of origin. 

Screen recording of the build: https://www.youtube.com/watch?v=9ILRHFXymHg

Speed Build Challenge 2022: https://webflow.com/webflowconf/speed-build-challenge 

rohan-speed-build-submission

Example of using semantic HTML tags in Webflow Designer. See a visual representation of HTML tags and their relationship to the webpage.

Full article outline semantic HTML tag use: https://www.finsweet.com/client-first/docs/semantic-html-tags


Semantic HTML Tags Example

We are looking for talent!

At Finsweet, we're always seeking for the best candidates who can bring Webflow to the next level. If you think you're one of them, we've got a challenge for you 👀!

The Phone Prefix challenge consists in coding a custom dropdown that dynamically loads all countries' data and allows users to select their phone prefix, plus some additional features.

We provide you with the pre-built component, including a working JavaScript solution so you can test it by yourself. All you have to do is create your own version of the custom code and present it to us 💪.

Ready for this challenge?

Finsweet Developer Challenge - Phone Prefix

F'in Trivia is a quiz game built in collaboration between Finsweet and Wized for the Global Open House.

wized-fin-trivia-cloneable

Client-first Template 11 is a SaaS template. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 6 static and 1 CMS page
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/11

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1086672799312430578

Made with 💪 by Finsweet

Client-First 11 - Free Webflow Template

Client-first Template 10 is for religious communities. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 6 static and 2 CMS pages
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/10

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1068172976080193544

Made with 💪 by Finsweet

Client-First 10 - Free Webflow Template

Client-first Template 9 is for startup businesses. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 9 static and 2 CMS pages
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/9

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1066032194038144289

Made with 💪 by Finsweet

Client-First 9 - Free Webflow Template

Client-first Template 8 is a Podcast template. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

Client-first style system is a set of guidelines and strategies to help you build Webflow websites in a clean, organized, and scalable way. Client-first uses clearly named classes to make your projects marketer-friendly and is perfect for beginners and experts. Our builds use REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 7 static and 3 CMS pages
➡️ Open-source design license 
➡️ Follows the Client-first Webflow style system 

More info: https://www.finsweet.com/client-first/template/8

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

🎁 Get the Figma file: https://www.figma.com/community/file/1062415009367876626

Made with 💪 by Finsweet

Client-First 8 - Free Webflow Template

Accessible components for Finsweet’s Attributes CMS Filter and web forms.
Radio Button, Checkbox, Search, Dropdown, Select, Range Slider, and more components to help you build accessible web forms.

Find more solutions at No-Code Attributes directory for Webflow: https://www.finsweet.com/attributes/directory

Made with 💪 by Finsweet

Accessible Form Filter Components

During 2021's No-Code Conf, Webflow hosted a live speed build challenge. 8 challengers were short-listed to compete in a bracket-style remote competition to build something quickly and creatively in Webflow.

ncc-speedbuild-challenge-harshit

Our third demo concentrates on exploring the backdrop filters powerful magic specifically when used on full-screen images.

Explore the cloneable to see how easy it is to quickly adjust graphic content's colours to your needs.

NCC Backdrop Filters - Demo 3

Second of Finsweet demos presents more complex techniques to achieve unexpected results with newly released blending mode and backdrop filter effects.

Combine separate channels into full colour photo; magically hide and show objects simultaneously using nothing but solid coloured divs; play with stacking various blend modes on top of each other; see the mind-bending inception of inversion of already inverted objects; use interactive colour changer for your elements, that does not even touch the elements themselves; create fun colour-restoring games; reveal the magical world invisible to naked eye with your blend-empowered cursor.

NCC Blending Mode - Demo 2

Check out the first colourful demo of the new Webflow properties introduced at No Code Conf!

Blending modes combined with playful interactions will allow you to literally feel the web reacting to you actions in the most spectacular and vivid manner.

This cloneable will help you understand the power of layering different blending modes and show how to use them with motion to create the perfect promotional page for some seriously jaw-dropping effect.

Finsweet

About

About

About