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

The issue with common templates is that they offer a predefined UX and UI, while designers usually only need white-labeled building blocks when they start a project.

I couldn't find anything like this in the templates marketplace, so decided to build my own responsive wireframe kit.

The aim of this kit is to allow Webflow designers create wireframe prototypes directly in Webflow, ideally skipping Sketch and Invision. 

The great thing about using Webflow is that the wireframes can be turned into the final product. How cool is that? Efficiency over 8000!

I worked on this for over 120 hours, so if you use it, please consider a donation ^^ https://www.paypal.me/dariostefanutto

Thanks for your support and don't forget to subscribe to my account! I'll add more free templates.

-Dario

Legowerk

Cards 2.0 are Symbol based Framework/UI Kit for quick design or wireframe of your next landing page project. 100+ symbols/elements ready for design or hi-fidelity wireframe for any UI/UX designers or developers out there. The main goal of this project is to help you - Webflow users - with creating beautiful landing pages or wireframes within minutes directly in Webflow with ready to be published code. All again with a coded styleguide for all the main typography elements (H1-H6, links, paragraphs etc.) buttons, tags you name it. 

What you get/Package overview:

50 New Cards as Webflow Symbols (in 2 versions Dark and Light = 100+ Symbols)
3 Complete landing pages in 2 versions
Symbols for Hero sections, Features, Testimonials, Pricing, Team, Blog and more.
Ready for all 4 responsive breakpoint 
Cards from v1.0 recreated into a new structure
All cards in Sketch file

Happy Cloning! 🎉

Cards 2.0 - Framework/UI Kit for Webflow

Cards 2.0 - Framework/UI Kit

Webflow

We’re excited to share a new tool for your Webflow design toolkit. Prospero is a modular UI Kit that will give you all the pieces you need to create a polished online store in Webflow fast. Large photos, sleek typography, and plenty of white space: the Prospero UI Kit has been designed to beautifully complement your brand. 

Clone the kit to get started! 🚀

The kit includes
- 85 sections, including various
- Hero layouts
- Navigations
- General content layouts
- Product feeds
- Blog feeds
- CTAs
- Footers, and
- More! 

10 complete page layouts
- 3 Home pages
- 2 About pages
- 2 Contact pages
- 1 Blog feed page
- 1 Product feed page

2 ready-to-launch templates
- Fully functional ecommerce website templates

Support
- User guide
- A style guide 

Ecommerce store. Blog. Simple landing page. Use one or all of these sections to create the website you've envisioned.

Learn more: https://webflow.com/ecommerce-ui-kit-prospero

Prospero UI Kit - for ecommerce and beyond

Prospero Ecommerce UI Kit

Finsweet

We’re super excited to share with you our translation UI Kit! We’ve worked with Webflow translation solution Weglot to show you a way for going multilingual on Webflow. 

Use our UI Kit to clone 14 custom language switchers with a style for everyone (flags, language codes, language name, etc). We’ve created this site to showcase just how easy it is to set up a multilingual Webflow site without any code or duplicated pages / sites. Multilingual on Webflow just got a whole lot easier :rocket:

Love, Finsweet & Weglot teams.

Weglot For Webflow

Translate Webflow Website

ThreeSixtyEight

Clone Responsive Website Starter

Responsive Webflow Style Guide Clone

VIREFLOW

Vireflow | Webflow Wireframe kit

A concept of the Fensea brand is inspired by the extensive benefits of sea salt. Sea salt has firmly entered into modern cosmetology, as it helps to solve many problems associated with the face and the whole body.

Fensea

Sight Banking has all its services accessible online so that you don’t have to visit the bank offline. It is a banking app with easy navigation that you would definitely love to use!

Sight Banking

Simple financial savings landing page wireframe for startups

BEZOLANDING

bezolanding

Client-First Wireframe 1 is based on a custom designed wireframe. This is a resource released with our Client-First Style System for Webflow.

This wireframe kit comes with everything you need for a project, all components are optimized and responsive for all breakpoints. All classes are clearly named to make your projects marketer-friendly and is perfect for beginners and experts. This build uses REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 59 components
➡️ Custom designed wireframe 
➡️ Open-source design license
➡️ Follows the Client-first Webflow style system

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

Full docs: https://www.finsweet.com/client-first/docs

Made with 💪 by Finsweet

Client-first Wireframe 1

Client-First 1 - Free Webflow Wireframe

Client-first Wireframe 3 is based on IBM's Carbon design system. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

This wireframe kit comes with everything you need for a project, all components are optimized and responsive for all breakpoints. All classes are clearly named to make your projects marketer-friendly and is perfect for beginners and experts. This build uses REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 40 components
➡️ Based on IBM's Carbon design system
➡️ Open-source design license
➡️ Follows the Client-first Webflow style system

More info: https://www.finsweet.com/client-first/wireframe/3

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

Made with 💪 by Finsweet

Client-first Wireframe 3

Client-First 3 - Free Webflow Wireframe

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 concept

iOS Notification NEW concept

I'm a Product Designer and Frontend Developer with more than 16 years of experience. My experience and knowledge have been trusted by TechCrunch, Timewise, CX Workout, Expectful, wikiHow, Appraisal Scope, and more. My mission is to solve user challenges and convert them into loyal customers. I’m passionate about transforming complex problems into easy-to-use solutions. I'm always open to discussing new exciting opportunities.

Ivan's Portfolio

Personal Portfolio

Client-first Wireframe 5 follows the Client-first Webflow style system. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

This wireframe kit comes with everything you need for a project, all components are optimized and responsive for all breakpoints. All classes are clearly named to make your projects marketer-friendly and is perfect for beginners and experts. This build uses REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 45 components
➡️ Follows the Client-first Webflow style system
➡️ Open-source design license
➡️ Follows the Client-first Webflow style system

More info: https://www.finsweet.com/client-first/wireframe/5

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

Made with 💪 by Finsweet

Client-first Wireframe 5

Client-First 5 - Free Webflow Wireframe

Gypto is one of the most popular digital currency exchanges in the world. Gypto Card allows cardholders to spend cryptocurrency anywhere. Join our community to stay up-to-date with all cryptocurrency exchange news

gypto

GYPTO

Easily create beautiful user flows prototypes for your project. Huge wireframe library of layouts.
▬▬▬▬▬
➊ Website @ www.fouroom.co
➋ Templates @ https://webflow.com/templates/designers/fouroom
➌ Twitter @ www.twitter.com/foouroomdotco
➍ Instagram @ www.instagram.com/fouroom.co
➎ Dribbble @ www.dribbble.com/fouroom
▬▬▬▬▬
Please ❤ this if you like it!

Wireframeos

Wireframe Builder

Jewelry was first created during Paleolithic culture.. and we still love it. The website is for those who would take their time to select a perfect jewelry. Even though you can not touch a product, you can zoom to see all the details. 

shine-shop

Shine Shop

Client-first Wireframe 2 is based on GitHub’s Primer design system. This is a resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

This wireframe kit comes with everything you need for a project, all components are optimized and responsive for all breakpoints. All classes are clearly named to make your projects marketer-friendly and is perfect for beginners and experts. This build uses REM units to improve the website’s accessibility and responsiveness. 

Features:
➡️ 45 components
➡️ Based on GitHub’s Primer design system
➡️ Open-source design license
➡️ Follows the Client-first Webflow style system

More info: https://www.finsweet.com/client-first/wireframe/2

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

Made with 💪 by Finsweet

Discover wireframe websites built by the Webflow community

Discover wireframe websites built by the Webflow community