Skip to content
A working archive for people who build for the web
Compete Nepal logo competenepal Field notes for builders
Latest
Android Launcher App in React Native Supercharge Your Next React Native Project What and How of the React Native Template Ionic DevApp Beautiful Timeline Component in Ionic 3 Android Launcher App in React Native Supercharge Your Next React Native Project What and How of the React Native Template Ionic DevApp Beautiful Timeline Component in Ionic 3
CSS

Vital: A Minimally Invasive CSS Framework for Modern Web Apps

Bootstrap guys, there's a new player in town. It calls itself Vital and as name suggests it provides that which is vital. Vital is CSS only framework and has zero Javascript dep...

March 9, 2017 2 min read Filed in CSS
Cover art for Vital: A Minimally Invasive CSS Framework for Modern Web Apps

Bootstrap guys, there's a new player in town. It calls itselfVitaland as name suggests it provides that which is vital.
Vital is CSS only framework and has zero Javascript dependencies. The minified vital.css stylesheet is only 31KB including it's icon fonts.
Vital is almost 1/4th the size of Bootstrap's CSS file. Vital is for developers who just need a fast frontend solution for their projects.
Vital is a completely open source, all code available on GitHub to peruse.

Everything is built with Sass for CSS and Slim for HTML.
The latest versions are available for download on the releases page and these include the CSS code along with custom icon fonts. You'll also find plenty of HTML & CSS demos and some basic documentation on the GitHub page.

The components page lists everything you get with vital including grids, typography, buttons, loaders, tables, tabs, form inputs and so much more.

The Layouts page lists many examples of many of the common web layouts to use on websites.

CssFrameworkFront End DevelopmentVital
Newer noteRules for Writing Clean, Lightweight and Reusable CSSOlder noteLet's Make Animated Flash Card Component in Ionic 2