UI Web Kit

Here's a great project that shows all of Google's material color palette in an easy copy and paste method. Perfect for building color palettes for your site or finding inspiration for colors to utilize in your Webflow site.

Cards 2 is an amazing UI kit and framework to allow you to quickly design and wireframe your next landing page using Webflow. There are over 100+ different prebuilt symbols and components included for hi-fidelity wireframing for any UI/UX designers. Create landing pages and designs faster with the Cards 2.0 UI kit directly in Webflow and ready to be published directly with code. This UI kit includes 50 new cards as Webflow components/symbols in both dark and light variations. 3 complete landing page designs in both dark and light. Symbols/components for both hero sections, features, testimonials, team, pricing pages, blog posts and more. These are responsive for all 4 breakpoints and all cards are offered in a Sketch file. This UI kit allows you to build your designs faster and begin the design process directly in Webflow.

This is the official starter UI kit for the Untitled UI Webflow components library driven by Relume. This project contains a styleguide with all of the necessary pre-built classes. There are no pages, no layouts and nothing that you need to delete. This Untitled UI kit uses the client-first Webflow styling system. The styleguide features all typography, H1 headings, H2 headings all the way through H6 headings. This also includes the heading classes from xxlarge to xsmall, paragraphs, links, block quotes, unordered and ordered lists. You'll find the class text sizes such as text size large, text weights, text heights, text styles, color swatches, including error, warning and success color states. Background colors, text colors, shadows, UI buttons and all necessary elements, badges, badge groups, form elements such as inputs, dropdowns, checkboxs and radios. This is the complete Untitled UI styleguide kit to jump start your next Webflow builds.

A UI kit featuring dozens of helpful premade components perfect for your next project. These components include content cards, buttons, button hovers, navigation and site footers. There are six different content cards featuring designs perfect for blog posts, news items, products and more. There are 15 different button options and designs from rounded to square style buttons. This component UI kit also features 6 different hover interactions buttons with custom code embeds. Button animations such as floating buttons, underline, sweeps, wiggles and hover pops. There are also five different navigation bars perfect for any kind of template, there are also three different style footers.

Welcome to the first version of the Universal UI project! Included in this kit are over 40 sections, along with 11 page templates - the Universal UI Kit will be completely free, for life. Use it on as many projects/clients as you'd like, no credit necessary! The purpose of this UI Kit is to give you all the sections you need to make a business website, without narrowing down the visuals too much into one niche, or making it too hard to customize. Most UI kits look nice because of custom graphics - which is fine for a normal website, but for a site that's made to be cloned, it's pretty much useless. In order to achieve the same level of website that the UI Kit promised you, you'll have to go and make all new custom graphics - which we think defeats the purpose of a UI Kit. Happy cloning, and please drop a like & comment if you appreciate this free resource!

Hatch is a utility framework/UI kit that is made up of 2,200 low-level utility classes, allowing you to get started on your Webflow sites faster. From font sizing to spacing scales based on responsiveness. The documentation for each class can be found here: https://www.notion.so/Hatch-0d4a03cf6c9f474787e59484822d09c7

A full suite of wonderfully designed and accessible components for Finsweets Attributes CMS Filter and Webflow forms. Includes radio button, checkbox, dropdown, search input, select, range slider and more!

A full UI kit for your next Webflow site. This includes just about everything you could ever need, including accordions, breadcrumbs, buttons, checkbox, code snippets, data tables, date pickers, dropdowns, file uploaders, forms, loading elements, lists, pagination, progress indicator and much much more. This is a great source for just about every type of element you'd ever need for your Webflow projects.

A well designed hero section that offers 3D styled product demonstrations with hover over interactions. Perfect for a startup or services company that wants a fun, well designed hero for their homepage.

Here's a way to create a rotating image on page scroll in Webflow. Perfect for portfolios, products images, and much more.

A full UI kit that contains over 40+ different cloneable components and offers a solid base for any Webflow site. The components include hero sections, portfolio sections, content sections, team sections, blog, CTA, FAQ, buttons and footers.