• Stars
    star
    1,320
  • Rank 34,212 (Top 0.7 %)
  • Language
    JavaScript
  • License
    Other
  • Created over 12 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

UIKit - modern ui components for the modern web

UIKit JavaScript component framework

UIKit is a small (4kb minified / gzipped) collection of flexible, cohesive, decoupled components for the modern web. With an emphasis on structure-only styling making it simple to apply application specific styling. UIKit is not a replacement for larger UI frameworks, nor is it a CSS framework such as Bootstrap. UIKit is still a work in progress, check the Issues.

NOTE: all of these components now live in their own individual repos found here github.com/component. I will still accept patches for UIKit, however active development has moved to components, as they're fundamentally superior to existing js sharing techniques.

Components

  • ui.Emitter an event emitter used throughout various components
  • ui.Card a double-sided "card" powered by 3d transforms
  • ui.ColorPicker an elegant scalable color picker
  • ui.Overlay an overlay used by ui.Dialog
  • ui.Dialog a dialog component sporting optional modal and overlay functionality
  • ui.Confirmation a confirmation dialog building on ui.Dialog
  • ui.Notification an unobtrusive growl-like notification

Custom builds

Each release includes a pre-built ./build directory containing ui.js and ui.css, however if you wish you may re-build with make, by default including all components:

UIKit build

You may specify the list of components to build, and their markup, styles, and javascript will be added to ./build/ui.{js,css}:

UIKit custom build

Running tests

Tests are run with Mocha, first install the node.js deps:

  $ npm install

Then run the tests:

  $ make test

More Repositories

1

page.js

Micro client-side router inspired by the Express router
JavaScript
7,621
star
2

move.js

CSS3 backed JavaScript animation framework
JavaScript
4,712
star
3

node-progress

Flexible ascii progress bar for nodejs
JavaScript
2,913
star
4

masteringnode

Open source eBook for nodejs - written w/ markdown, outputs to various formats (pdf, mobi, epub, html, etc)
JavaScript
1,834
star
5

express-resource

Resourceful routing for Express
JavaScript
1,414
star
6

deploy

Minimalistic deployment shell script
Shell
1,148
star
7

screenshot-app

website screenshot service & app - powered by node.js, express, redis, node-canvas, phantomjs and more
JavaScript
850
star
8

expresso

use mocha
JavaScript
760
star
9

bytes.js

node byte string parser
JavaScript
440
star
10

node-jscoverage

jscoverage modified to support SSJS
C++
400
star
11

batch

Simple async batch with concurrency control and progress reporting
JavaScript
318
star
12

stack

Minimalist provisioning tool written in Go.
Go
310
star
13

express-messages

Express flash notification message rendering
JavaScript
261
star
14

google-search

Ruby - Google Search API
Ruby
258
star
15

express-params

Express param pre-condition functions
JavaScript
146
star
16

stats

JavaScript source statistics with simple API & CLI written with node.js
JavaScript
78
star
17

histogram

JavaScript canvas histogram component
JavaScript
68
star
18

go-debug

Old anti-pattern go-debug thing
Go
56
star
19

minstache

Mini mustache compiling to stand-alone functions
JavaScript
53
star
20

go-hpc

HTTP RPC codec for Gorilla RPC v2.
Go
29
star
21

connect-render

Template Render helper for connect: res.render(view, options).
JavaScript
17
star
22

readme

repos are now at /tj/*
1
star