Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/visionmedia/uikit
UIKit - modern ui components for the modern web
https://github.com/visionmedia/uikit
Last synced: 1 day ago
JSON representation
UIKit - modern ui components for the modern web
- Host: GitHub
- URL: https://github.com/visionmedia/uikit
- Owner: visionmedia
- License: other
- Created: 2011-10-09T22:48:32.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2022-03-11T01:32:21.000Z (almost 3 years ago)
- Last Synced: 2024-10-29T21:02:08.142Z (4 months ago)
- Language: JavaScript
- Homepage: http://visionmedia.github.com/uikit
- Size: 440 KB
- Stars: 1,322
- Watchers: 42
- Forks: 104
- Open Issues: 29
-
Metadata Files:
- Readme: Readme.md
- Changelog: History.md
- License: LICENSE
- Support: support/build.js
Awesome Lists containing this project
README

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](https://github.com/visionmedia/uikit/issues).
__NOTE__: all of these components now live in their own individual repos found here [github.com/component](https://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](https://github.com/visionmedia/uikit/tree/master/lib/components/emitter/emitter.js) an event emitter used throughout various components
- [ui.Card](https://github.com/visionmedia/uikit/tree/master/lib/components/card/card.js) a double-sided "card" powered by 3d transforms
- [ui.ColorPicker](https://github.com/visionmedia/uikit/tree/master/lib/components/color-picker/color-picker.js) an elegant scalable color picker
- [ui.Overlay](https://github.com/visionmedia/uikit/tree/master/lib/components/overlay/overlay.js) an overlay used by `ui.Dialog`
- [ui.Dialog](https://github.com/visionmedia/uikit/tree/master/lib/components/dialog/dialog.js) a dialog component sporting optional modal and overlay functionality
- [ui.Confirmation](https://github.com/visionmedia/uikit/tree/master/lib/components/confirmation/confirmation.js) a confirmation dialog building on `ui.Dialog`
- [ui.Notification](https://github.com/visionmedia/uikit/tree/master/lib/components/notification/notification.js) 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:
You may specify the list of components to build, and their markup, styles, and javascript will be added to `./build/ui.{js,css}`:
## Running tests
Tests are run with Mocha, first install the node.js deps:
$ npm installThen run the tests:
$ make test