When design meets code. Introducing the first cloneable Webflow Style UI Kit fully developed in Webflow Designer.
Few days ago Webflow introduced a feature which allows users to copy and paste whole pages or just .divs between projects on to their platform. Since Webflow is something that I discovered only a few months ago and it had already changed my life as a non-coding designer, I decided to create my first small web based UI Kit.
The main aim here was to create something visually beautiful. A kit that can be used by designers, as well as developers or new users to the platform. I prepared all various styles for all the main typography elements also buttons, tags, alerts, social icons etc.. By using these “atoms” I created as many types of cards as possible.
All Cards are fully responsive for Desktop, Tablet & Phone. Using the basic Webflow 940px grid.
Created & Designed with Atomic Principles. Covering all the tiny details and elements such as paragraphs and forms.
9 Predefined categories, all responsive and ready to be pasted anywhere in your projects!
Stop doing all the initial setups over and over. Instead spend more time with the doing the fun work with Webflow.