20+ Top Free UI Kits for 2018 (Bootstrap and WordPress-Friendly)

If you want to improve your website’s design, we really do recommend UI kits as an alternative starting point to a total from-scratch approach. The top free UI kits out there consist of a number of individual elements that can be put in place in various ways. They’re not whole templates or themes, so you can take even a single widget or element, and integrate it with your current design however you see fit.

To make this easier for you, we’ve compiled a list of the top free UI kits in the market. They’re built on top of Bootstrap, which will make them easier to integrate with modern website structures and CMS (like WordPress).

Since these UI kits are free, you can experiment with them guilt-free. Go through the list and let us know which one is your favorite. The kits are diverse and provide you with all kinds of different elements.

• 50 handcrafted components.
• Three customized plugins.
• Fully responsive components.
• Pale colors.
• Three pre-built pages.
• Customizable text and images.
• Buttons, links, menus, tooltips, progress bars, labels and more.

• Based on Bootstrap 4 framework.
• Lightweight and responsive.
• Modern design system with smooth micro-interactions.
• 10 extra custom components.
• Two custom pre-built landing pages.
• Material and Font Awesome icon packs.
• Original source files included: Sketch and SCSS.

• Modern and colorful landing pages.
• 80+ layouts in popular categories.
• Tons of elements (scalable and pixel perfect shapes).
• Easy to customize templates.
• Interactive and joyful elements.
• Can be edited via Photoshop and Sketch.

• 50+ elements.
• Three templates.
• Provided in PSD and Sketch formats.
• Three customized plugins.
• Navigation elements, buttons, typography, Javascript components, icons and more.
• Responsive.
• Bold colors.

• Clean and flat design.
• Interface elements for web applications and widgets.
• Responsive template.
• Customizable interface.
• Built on a grid system.
• Menus, progress bars, forms, pricing tables, Twitter feed.
• High resolution elements.

• Mobile friendly.
• Lightweight.
• Built to fit elegant and modern web apps.
• Includes pricing tables, calendars, bars, timelines, tabs and more.
• Color switchers.
• Good for startups, websites, and mobile apps.
• Built on Bootstrap 3.3.0

• Flat, responsive design template.
• Plain and minimal UI Kit.
• Calendar, menus, video player, charts, maps, etc.
• Customizable elements.
• Designed on a grid system.
• Five plugins added.
• Built for e-commerce purposes.

• Clean, flat style.
• Based on Bootstrap 3.
• Includes PSD and HTML.
• Created on 980px grid.
• Drop-downs, colors, checkboxes, thumbnails, alerts, breadcrumbs and more.
• Templates included.

• Over 170 design blocks.
• Built for web and mobile apps.
• Google Fonts.
• Responsive.
• Testimonials, CTA, forms, headers, contacts, pricings, etc.
• Flat and clean designs.
• Built on Froala Sketch library.

• Fluid, responsive layout.
• Clean and flat design.
• Food and drink-related elements.
• Elements for web apps and widgets.
• Easy to customize.
• Calendar, event banner, shopping list, recipe banner, and more.
• Modern and intuitive element design.

• Made on the basis of Bootstrap 3.
• Flat-style design.
• Buttons, inputs, selects, checkboxes, radio buttons, tags, menus, progress bars, etc.
• Original layers for icons included.
• PSD and HTML elements.
• Color swatches with 10 different tones.

• Flat and modern design.
• Built for blogs and magazines.
• Editable interface.
• Responsive layouts.
• Menu, subscription form, social icons, blog posts layouts, sidebar, comments and more.
• Three UI kit formats: mobile, smartphone, and web.
• PSD from GraphicBurger included.

• Built on Bootstrap 4.
• 17+ interface sections.
• One pre-built landing page.
• 25+ elements.
• Responsive and Retina ready.
• Google Fonts.
• Great CSS animations.

• Fully responsive.
• 50 UI cards in 10 categories.
• Fully customizable layouts.
• HTML and CSS elements.
• Based on Bootstrap 4.
• Multiple pre-made templates.
• Provides site sections for startups.

• Includes elements for apps and widgets.
• Flat and clean designs.
• Customizable interface.
• Designed with flat grid system.
• Responsive layouts.
• High resolution elements.
• Calculator, mobile dialer, music player, mobile keyboard, clock, charts and more.

• Bootstrap 4 components.
• Two plugins included.
• Multiple admin templates.
• Provides charts and graphs for traffic, sales, stats, social media, user activity.
• Sales and data-friendly elements.
• Modern and colorful widgets and icons.
• Modern and intuitive interface.

• Built for hotels and accommodations.
• 100 different elements.
• Contains listings, reservations, sliders, footers, pricing, forms, blogging widgets.
• Modern and intuitive appearance.
• Layered PSD files.
• Made on 960 grid system.
• Free open fonts and scalable vector graphics.

• Based on Bootstrap 3 (1170px).
• Over 50 elements.
• Flat, modern style.
• Built for blogging purposes.
• Contains blog post layouts, weather and author widgets, comments forms, social media icons, etc.
• Uses red, grey, and white colors.
• Comes in PSD format.

• 100 different elements.
• Layered PSD files.
• Made on 960 grid system.
• Responsive HTML.
• Free open fonts and scalable vector graphics.
• Contains basic widgets, blogging elements, services and pricing, forms, sliders and more.
• Modern and flat components.

• Inspired by Google’s material design.
• Two customized plugins.
• 60 components.
• Three templates.
• Javascript components, notification and navigation elements, and basic elements.
• Large scale typography.

• Elements for apps and widgets.
• Clean and responsive layouts.
• Flexible and customizable.
• Flat grid system.
• High resolution elements.
• Calendar, forms, author box, table, audio playlist, news timeline, etc.