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

VIREFLOW

Vireflow | Webflow Wireframe kit

ThreeSixtyEight

Clone Responsive Website Starter

Responsive Webflow Style Guide Clone

Simple financial savings landing page wireframe for startups

BEZOLANDING

bezolanding

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

Finsweet

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

fs-wireframe-3

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

fs-wireframe-5

Client-first Wireframe 1 is based on a custom designed wireframe. 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:
➡️ 59 components
➡️ Custom designed wireframe 
➡️ Open-source design license
➡️ Follows the Client-first Webflow style system

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

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 1

fs-wireframe-1

This year, I'll be designing and developing user components and freely distribute them on Webflow for the community. If you find this useful, do leave a comment. If you find any bugs, do let me know. I'll fix it.

UI Components 2021

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

Client-first Wireframe 2

fs-wireframe-2

Client-first Wireframe 4 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:
➡️ 56 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/4

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 4

fs-wireframe-4

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

lstore

The Dot – Wireframe UI Kit for Sketch, Figma, Adobe XD

The Dot – Wireframe Kit

Wireframing kit

BlueKit is a simple UI framework for building landing pages. 

Especially prototypes for user-testing sessions during Design sprints. Use the template and pre-build blocks to quickly create the desired page structure and focus more on content. 

See it in action here: https://youtu.be/0RpCroWSmDE

It has been built with complete beginners in mind:
- clone the project (CLONE button above)
- scroll down and just delete what you don't need
- duplicate or move entire blocks
- copy-paste elements to different blocks
- use Font Awesome icons (change size & color)
- change font, color or any style for the current element or all elements of the same type

No advanced features as symbols are used yet (but I plan to add them together with some video-explainers).

Enjoy and build something amazing!

BlueKit

BlueKit: UI kit for wireframing/prototyping

Southern Digital

I worked with Schweigen on a ground up redesign of their corporate website, migrating it from Magneto to Webflow in the process.

The project included Strategy, Design, Webflow Build and custom API work to communicate with their MYOB accounting software.

Working with Jerry and Jay was a pleasure and I am happy to have kicked off what I am hoping is a long and successful partnership.

"Tim breaks the mould with his unique mix of design savvy and technical chops. He was unfazed no matter the UX or integration challenge, and was patient, professional and inspiring throughout. His down-to-earth personality is icing on the cake, and this made our Webflow collaboration a truly rewarding and enjoyable one."
— Jerry Yap, Marketing & Digital Coordinator 
Schweigen
Melbourne, Australia

SCH1 Schweigen

Schweigen Silent Rangehoods Australia

Hey Webflowers! 👋

I have been releasing some of the tools I use to create websites, and one of them is the wireframe. Previously, I was doing this on Google Drive, with a template I had created.

 Since I am pretty much only developing on Webflow these days, I thought about creating it on Webflow,

If you use it, let me know! I'd love to see what you do with it!

Discover .css-10iahqc{text-transform:capitalize;}wireframe websites built by the Webflow community

Discover wireframe websites built by the Webflow community