spck-ui

Spck UI

Spck UI is a lightweight (just 37.1kB gzipped), simple, declarative UI library eliminating the need for using HTML, CSS for creating SPAs (Single Page Applications).

Spck UI is purely the View part of MVC, and works using vanilla JavaScript, jQuery, and the popular components library UIkit.

Spck UI takes the approach of using simple JavaScript objects instead of HTML as it is more flexible, integrates better with code and eliminates the need of using JSX or other templating markup.

Spck UI is based on the existing popular UIkit library for many UI components as well as CSS styling. Although the code can be modified to support other similar libraries.

Getting Started

Spck UI can be installed using bower:

bower install spck-ui

To add styling, add this tag to your HTML file:

<link rel="stylesheet" href="spck-ui.css">

To use include the icon files, also add:

<link rel="stylesheet" href="spck-ui-icons.css">

Credit for the icons goes to the UIkit 3 library.

Add the following script files:

<script src="jquery.js" type="text/javascript"></script>
<script src="spck-ui.js" type="text/javascript"></script>

Documentation

API Documentation available here.

Projects using Spck UI

• Spck.io - Online mobile code editor

Let me know about your projects using Spck UI!

Size Comparison

This library is extremely lightweight for an all batteries-included library (except jQuery).

Frameworks - Source

Name	Size
Ember 2.2.0	111K
Ember 1.13.8	123K
Angular 2	111K
Angular 2 + Rx	143K
Angular 1.4.5	51K
React 0.14.5 + React DOM	40K
React 0.14.5 + React DOM + Redux	42K
React 15.3.0 + React DOM	43K
React 16.2.0 + React DOM	31.8K
Vue 2.4.2	20.9K
Inferno 1.2.2	20K
Aurelia 1.0.2	63K

+ Components

Name	Size
React-Bootstrap 0.32.4	42.4K
Antd 3.23.3	533K
Semantic UI 2.4.1	71.2K
Semantic UI React 0.88.1	84.6K
Bulma 0.7.5	25.8K
Quasar 0.17.20	95.2K
UIkit 3.2.0	42.5K

jQuery 2.2.4 + Spck UI 0.3.2 (66.9kB gzipped)

Browser Support

Latest ✔	Latest ✔	11+ ✔	9.0+ ✔	Latest ✔