0

UIkit UI components

UIKit -- 现代 web 的现代 ui 组件。「 UIKit - modern ui components for the modern web 」

Official Site
Github repo
Main metrics
  • Owner: visionmedia/uikit
  • Platform: Cross-platform
  • License:: Other
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

UIKit -- 现代 Web 的现代 ui 组件

UIKit 是一个小的（gzipped 压缩后 4kb）集合了灵活的、内聚的、解耦的现代 web 组件。强调结构样式化，使应用特定于应用程序的样式化变得简单。UIKit 不是一个更大的 UI 框架的替代品，也不是一个 CSS 框架，比如 Bootstrap。UIKit 仍在开发中，检查Issues。

注意：所有这些组件现在都位于各自的单独存储库中，可在 github.com/component 中找到。 我仍然会接受 UIKit 的补丁，但是主动开发已经转移到组件上，因为它们从根本上优于现有的 js 共享技术。

组件

定制版本

每个发行版都包含一个包含 ui.js 和 ui.css 的预构建./build 目录，但是，如果您希望可以使用 make 进行重新构建，默认情况下包括所有组件。

UIKit 构建

您可以指定要构建的组件列表，它们的标记、样式和 javascript 将添加到./build/ui。{js,css}。

Main metrics

Overview
Name With Ownervisionmedia/uikit
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 1)
PlatformCross-platform
License:Other
所有者活动
Created At2011-10-09 22:48:32
Pushed At2022-03-11 01:32:21
Last Commit At2012-11-15 12:05:06
Release Count3
Last Release Name0.0.4 (Posted on 2012-05-04 12:17:36)
First Release Name0.0.2 (Posted on )
用户参与
Stargazers Count1.3k
Watchers Count41
Fork Count103
Commits Count186
Has Issues Enabled
Issues Count43
Issue Open Count23
Pull Requests Count8
Pull Requests Open Count6
Pull Requests Close Count6
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private

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