And while it was originally built for Android, it found its way onto the web with many frameworks like Materialize cloning the style. Materialize.cssĮver since Google announced their shift towards material design it’s become one of the biggest UI design languages.
#Ui browser download#
I’ve yet to do much testing on GroundworkCSS but this is one hefty responsive framework.Ĭurrently in version 2.x you can download the whole Groundwork library in two styles: basic HTML/CSS/JS or in a template for Ruby on Rails.īoth work the same, and they both provide a robust frontend system for coding usable pages.Ĭheck out their demo layout to get an idea of how this’ll look in your site. This runs on Sass, works with semantic HTML, and feels just like any great frontend framework. However, it’s a vast library comparable to jQuery in syntax. It’ll take some adjusting if you’ve never used Ink before. Ink even comes with its own JS library that you can run on top of vanilla JS.
#Ui browser code#
They’ll look simple and follow a very simple code format, but that’s usually what you want in a frontend framework. With the Ink Interface Kit you can build some incredible responsive pages. A fun library to use for any project both personal and commercial. They mimic a little bit of Bootstrap along with some pointers from Google’s material design. Note that Pure’s aesthetics feel very minimalist, but not too simple.
#Ui browser plus#
You’ll find more info on the getting started page which includes download links plus some setup guides. This is one of the coolest frameworks because it lets you customize your files to include whichever features you need. I’ve used Pure CSS on a few small projects and really enjoy it. Plus is offers simple debugging and a bunch of awesome themes so you can customize your layout from the get-go. The Semantic library includes buttons, tabs, dropdowns, everything you’d need. It’s not as popular with mainstream coders, but it has all the same benefits as Bootstrap. I consider Semantic like the unknown Bootstrap for frontend development. This is a beautiful frontend library currently in v2.2 with tons of features. If you’re looking for a tested framework then check out Semantic UI. It has so many modules it’ll make your head spin!īut it may take some time getting used to the setup & getting your initial layout configured just right. If you’re already familiar with frameworks and the command line then One-Nexus is truly awesome. However, I do think this is one of the more complex frameworks to start with. It supports responsive design & touch devices, runs on Sass, and works with automated build tools. Here’s a newer frontend library that actually offers some pretty crazy modules. But if you have a CSS minifying tool you can easily combine the two libraries together and reduce your HTTP requests. Only trouble is that Milligram requires the Normalize library, so you do have to add that to your page. It works through Bower, Yarn, and npm so this can fit into any package management workflow. This open source CSS library is super small and comes with a bunch of really simple interface features. Milligramįor a minimalist approach to frontend development check out Milligram.
It features a bunch of huge sites running Foundation with custom grids, responsive features, basically, everything you need in a new web project. Take a peek at their showcase page if you want to learn more. Everything you need to build a kick-ass frontend can be found in the Foundation library. With Foundation you have access to custom interface elements, components, and a default grid. But it seems like Foundation gets less attention due to its less-stylized interface. Zurb’s Foundation library is right up there with Twitter’s Bootstrap. Plus with a huge list of components you can embed anything from upload fields to breadcrumbs and so much more. With UIKit you can run Sass or Less along with any package manager(usually npm).
This framework even comes with a unique icon set you can add into your page using a web font. It’s perfect for structuring a new page without having to code your own grid or roll your own font stacks. It’s follows a modular structure where you’ll build page elements with reusable classes.
The UIKit framework is lightweight, easy to customize, and easy to append. You might also like: 20 Responsive & Lightweight CSS Frameworks for a Fast Start.