Cmd
C
+
Cmd
V

Webflow Component Library

We crafted and developed over 30+ components for Webflow's layout library. Ours was the inaugural component library integrated into Webflow, available for freelancers, agencies, and businesses. Webflow approached us after catching wind of our "Zabal Sections" component library, which we've been leveraging to design and construct pages and websites at scale. Our components undergo thorough accessibility testing, are optimized for user experience, and are meticulously crafted to seamlessly integrate into any page structure.

34
Components
100%
Adoption
100K+
Adoption
1st
Webflow library
Webflow Component Library
Webflow Component Library
Visit live website
Project management
UX design
UI design
Development
Styleguide
PROJECT DETAILS
Up-heading

Improving the workflow

Improving the workflow

Reusable components

Efficient, modular design for consistent UI, promoting easy updates.

Scalable
typography

Adaptable, responsive text for seamless design.

Always Flexbox Grid

Dynamic layout solutions for versatile designs.

Global Style Guide

Harmonizing design elements for brand cohesion.

Chapter 1
How it works
01

Go to your Webflow project

Opening up your Webflow project allows collaborators to access and contribute to components seamlessly.

02

Open the Layouts tab

Expand design possibilities by accessing Webflow's Layouts tab—where creativity meets flexibility for crafting dynamic and responsive web layouts.

03

Drag and drop sections into the Webflow designer

Effortlessly shape your vision in the Webflow designer—drag and drop sections for simple and flexible customization of your visual design.

04

Style sections based on your brand and styleguide

Style sections according to your brand and style guide, ensuring a cohesive and personalized online presence.

Chapter 2
Working with Components

Variables Components

Variables Components play a pivotal role in streamlining the development process, offering a systematic and efficient approach to design consistency. At Zabal Media, our close partnership with Webflow has been integral to ensuring a seamless integration of Variable Components into our workflow.

This collaboration not only empowers our team but also contributes to the broader Webflow community by facilitating quicker and enhanced website development.

Variables Components
PROJECT DETAILS
Up-heading

Components in action

Chapter 3
Made with Zabal Library
Made with Zabal Library
Made with Zabal LibraryMade with Zabal Library
Made with Zabal Library
Made with Zabal LibraryMade with Zabal Library
PROJECT DETAILS
Up-heading

Components in action

NavbarHero sectionsLogos with contentFeaturesFootersMeet the teamQuotesProgress

We created 32+ sections and components for Webflow designers to build quicker.

Visit live website

Hero section

Logos with content

Features

Meet the team

Quote

Progress

We created 32+ sections and components for Webflow designers to build quicker.

Visit live website
Chapter 4
Measuring success

Not only they do an exceptional job, but they care about taking design and functionality to a higher level. They care about delivering only what you need in the best possible way. You can expect only professionalism from the Zabal team.

Mauricio Delgado
Art & graphics director
34
Components
100%
Adoption
100K+
Copies
1st
Webflow library

Like what you see? Don't let your website idle another day

START A PROJECT
Go to the next project:
Trustly
zabal