Components

Login: component

Company: null

Location: Everywhere

email:

Blog: http://component.github.io

Members

  1. Amir Abu Shareb
  2. Amjad Masad
  3. Anton Wilhelm
  4. Arpad Borsos
  5. Blake Embrey
  6. Calvin French-Owen
  7. Cristian Douce
  8. Damian Krzeminski
  9. Damián Suárez
  10. Dan Dascalescu
  11. Dmitry Yv.
  12. Dmitry Yv.
  13. Dominic Barnes
  14. Guillermo Rauch
  15. Jonathan Ong
  16. Lance Pollard
  17. Matthew Mueller
  18. Mitchel Kelonye
  19. Nathan Rajlich
  20. Roman Shtylman
  21. stagas
  22. Tim Oxley
  23. TJ Holowaychuk
  24. Travis Jeffery
  25. ven
  26. wryk

Repositories

annotate
Document annotation ui component
array-equal
check if two arrays are equal
array-parallel
Call an array of asynchronous functions in parallel
array-series
Call an array of asynchronous functions in series
assert
assert()
audio
Sleek radial audio player skin for the
aurora
Aurora theme (calendar, popover, tip)
aurora-calendar
Aurora calendar theme
aurora-popover
Aurora popover theme
aurora-tip
Aurora tooltip theme
autoscale-canvas
Retina-enable an HTML Canvas element
autosuggest
Autosuggest values for text inputs
behind-cursor
Watch for certain keywords as you type
bin
Data distribution binning
bind
Function binding utility
block
.replace('{{block}}', string)
bot
Component bot helping keep the component community badass
bus
Event bus component
calendar
Calendar UI component
caret
render selection carets over arbitrary DOM elements
channel
two-sided event emitter with support for middleware
channel-debounce
Debounce middleware for channel
channel-drop
Drop middleware for channel
channel-latency
Latency middleware for channel.
chart
Simple HTML5 Charts using the tag
classes
Cross-browser element class manipulation
class-transition
Applies a transitive class that gets removed after a CSS transition ends.
clickable
Check if a click event is clickable
clipboard
Clipboard API wrapper
clipboard-dom
Makes a DOM element (i.e.
clone
object deep clone component
closest
Find the closest parent that matches a selector
cluster-node
Cluster - Node
cluster-process
Cluster - Process
collection
Enumerable data model collections
color
RGBA / HSLA
color-parser
CSS color string parser
color-picker
Color picker component
component.github.io
components search using component-crawler
confirmation
Confirmation component built on Dialog
confirmation-notification
Confirmation notification component
confirmation-popover
Confirmation Popover for inline confirmations
contextual-selector
Create a selector for an element that includes its context.
convolve
Canvas convolution filters
cookie
Cookie component
counter
Counter component (countdown flippy CSS thing)
countries
List of countries and their associated codes
create-element
HTML element creator helper
css
DOM element css helper
datauri-dimensions
Return dimensions from a Data URI
data-uri-to-blob
Get a Blob from a data uri
data-uri-to-u8
Get a Uint8Array from a Data URI
datepicker
Datepicker component built on Calendar
date-range
object representing / normalizing date ranges
debounce
Debounce functions. Useful for implementing behavior that should only happen after a repeated action has completed.
delegate
Event delegation component
delegates
Higher level dom event delegation management
dev
Associate objects with DOM elements in development for easy inspection
dialog
Dialog component
diff
Calculate diffs between strings.
dimm
null
directionality
Determines the writing system's directionality based on characters tests.
dom
DOM traversal, manipulation and events aggregate library (like jQuery)
domify
html -> elements
double-tap
double tap on elements. handles both double tap and double click.
drop
Drag and drop file uploads a single normalized event
drop-anywhere
Drag and drop a file anywhere to upload
dropdown
Dropdown menu
dropload
Drag and drop uploads
each
Object / array / array-ish / string iteration utility
ease
Easing functions for canvas etc
element-at-cursor
get the element at the cursor, or common ancestor of a selection.
ellipse
Generates an array of the coordinate points into the given area along ellipse
emitter
Event emitter component
empty
Empties dom elements, arrays and array-like objects.
emulate-pinch
emulate component/pinch with your mouse
enumerable
Enumerable mixin
enumerate-error
enumerate non-enumerable properties of an error object
escape-html
Escape string for use in HTML
escape-regexp
USE https://github.com/sindresorhus/escape-string-regexp
event
Event binding component
event-manager
Higher level event management for abstract event handling mechanisms
events
High level dom node event management (with delegation support)
event-within-element
Check if an event came from within an element.
exclude
remove values in an array
exif
A JavaScript Exif info parser.
exif-rotate
Rotate an image based on its EXIF Orientation
factor
factor numbers
favicon
Dynamic favicon library via data uris (canvas.toDataURL() etc)
file
higher level File and FileReader API
file-picker
File picker component
filter
dynamic dom node filtering via callback
filter-text
find all the text nodes that match a criteria
find
Return the first matching value in an array
flip
Canvas flip utility
flipbox
Double-sided flip box using css transformations.
focus
Image focal point detection algorithm
format-parser
Declarative template engine format string parser ("created_at | date:'%Y/%M/%d'" etc)
fps
JavaScript Performance Monitor
fullscreen
Fullscreen api wrapper
gesture
Multi-touch gesture sugar layer on top of hammer.js
github-buttons
Script version of @mdo's Github Buttons
global
Returns a reference to the `global` object
grayscale
Turn a
background-image or an to grayscale
group-by
Group an array by property or arbitrary function
grow
Grow textareas as users type
has-canvas-jpeg
Check if a browser supports toDataURL() JPEGs
has-cors
Detects support for Cross-Origin Resource Sharing
has-flash
Whether or not the browser has the Adobe Flash plugin enabled.
has-translate3d
Feature detection of css translate3d
histogram
Create JavaScript image histograms with Canvas
history
Keep track of and cycle through capped history (chat messages, REPL command-lines etc)
humanize
Humanize a string
humanize-keys
Humanize keys (command -> ?)
humanize-number
Humanize a number 1000000.99 -> 1,000,000.99
ie
get the running version of IE without UA sniffing.
image-size
Get the dimensions of an image from a file input.
indexof
Thanks microsoft
infinity
infinite scrolling with loading and unloading.
in-groups-of
Split an array into groups of N
inherit
https://github.com/component/inherits
inherits
Easy simple tiny inheritance in JavaScript
inject-at-cursor
inject a string or dom node at the cursor
inputarea
single-line / multi-line hybrid input (multi-line triggered via shift+return)
inserted
Invoke a callback when a DOM element is inserted into the document
in-viewport
Check if an element is in the viewport
is
Simple type checking.
isEmpty
Check if an object is empty
is-module
null
is-near-bottom
Check if the document is scrolled near the bottom
join
Join a list as a sentence "foo, bar and baz" etc
jpeg-size
Ready JPEG dimensions from a Uint8Array or Buffer in node
jquery
please use https://github.com/components/jquery
json
JSON parser / stringifier
json-fallback
JSON parser / stringifier polyfill
keyname
Keyboard event key name utility
levenshtein
The "Levenshtein Distance" algorithm
link-delegate
Anchor tag click delegation / negotiation for simplifying client-side routing
live-css
CSS changes live as they happen in development
load-script
Why'd you have to go and make things so complicated?
map
Map utility
matches-selector
Check if an element matches a given selector string
max
max value in array -- max(users, 'age')
mean
Array mean utility
menu
Menu component
merge-descriptors
Merge objects using descriptors
mime
Mime map / lookup utility
min
min value in array -- min(users, 'age')
model
Minimalistic extensible data models
model-change
A plugin that adds change events to models.
model-http
A plugin that adds an HTTP transport to a model.
model-schema
A plugin that creates a model's attributes from a schema.
model-timestamps
Timestamp created_at / updated_at plugin for "model"
model-undoable
undo/redo behavior for component/model
model-validate
A plugin that adds validators to a model.
more
Expand and collapse lists
mouseenter
mouseenter shim utility
mouseleave
mouseleave shim utility
mutate
mutate a list of nodes into a single node
mutation-observer
Exposes the `MutationObserver` constructor without testing for prefixes. For a npm/browserify compatible version, check the version in webmodules org.
network
Measure network latency to make dynamic adjustments to content
normalized-upload
Normalized DataTransfer items for less upload item handling pain.
noticon
Notification bubble favicons
notification
growl-style notifications for the browser
object
Object utilities
object-url
X-browser object url support
once
Make a method callable only once
onload
Add onload transitions to DOM elements (fade in images etc)
order-changed
Check if the order between two arrays has changed
orientation-listener
Listen to device orientation changes
os
operating system name
overlay
Page overlay component
pad
String padding utilities
pager
Pager UI component
patch
Creates patches from diffs, and applies them.
path
Path utilities
path-to-regexp
DEPRECATED use https://github.com/pillarjs/path-to-regexp
per-frame
throttle per animation frame
pie
Canvas pie chart
piecon
Pie favicons -- great for upload progress etc
pillbox
Tokenized text input for "tags"
pinch
pinch in and out on elements on handheld devices
pipe
Canvas pipe connection between two points
png-size
Ready PNG dimensions from a Uint8Array or Buffer in node
popover
Popover component built on top of Tip
popup
Component to create a native popup window via window.open()
preloader
Image preloader
progress
Circular progress indicator using Canvas
progress-notification
Progress indication in a notification (upload status etc)
prompt-popover
Inline popover prompts
props
Parse immediate identifiers from a js expression string (useful for template engines)
query
Query the DOM with selector engine fallback support
querystring
Simple key / value pair query-string parser
query-zest
Zest query fallback
queue
function job queue with concurrency and timeout support
raf
requestAnimationFrame
range
Return a range of integers
range-at-xy
Find a range from xy coordinates
range-closest-to-xy
Returns the range containing the character closest to the given X and Y coordinates
reactive
Tiny reactive template engine
rect
Rect prototype for whatever, canvas, selection rects etc
reduce
array reduce for component
regexps
Collection of regular expressions (urlsafe, url, email, credit card, ....)
relative-date
Relative date in words
removed
Invoke a callback when a DOM element is removed from the document
repeat
Repeat strings efficiently
resized
Listen for size changes on elements without polling.
reverse
Unicode-aware string reverser
rope
Efficient data structure for large mutable strings.
rotate
canvas rotation with origin support, expressed in radians or degrees
rounded-rect
Rounded rectangles for Canvas
route
Route implementation for client-side routers
router
Simple client-side router
s3
Upload files to s3 from the client
schema
A simple, fluent API for generating immutable schemas.
scroll-to
Smooth window scrolling with requestAnimationFrame and the Tween component
select
Array filter utility
selectable
Selectable DOM elements
selection
DOM selection manipulation
selection-rect
DOM-based selection rect
set
Set container
setimmediate.js
a really stupid setImmediate polyfill
simplify-sketch
Path smoothing for Sketch paths
sketch
Turn a canvas into a sketch pad
slide
simple slideshow
sort
Sort DOM elements
sparkline
Tiny sparkline canvas graphs
spin
Higher level spinner api built on component/spinner - positions and scales automatically within target element
spinner
Flexible spinner using Canvas
split-at-cursor
split element blocks at the cursor
split-at-range
Splits an HTMLElement in the location marked by a range.
stack
Get a stack of CallSite objects
standard-deviation
Array standard deviation utility ?
states
List of states
stats
nothing useful for you
string
String manipulation
struct
C style structs for reading and writing to Uint8Arrays
style
Style canvas renders using CSS
suggest-email
Email suggestion lib
sum
Sum utility
swipe
Swipe component with touch support (for image carousels, dynamic content etc)
symbol
ES6 symbols in ES5
t
translation utility
tap
tap on elements. bypasses the click delay on mobile.
tap-event
Create tap event listeners
test
Test repo for random stuff
textarea-caret-position
xy coordinates of a textarea or input's caret
throttle
Throttle function calls
thumb
Scale an image or data uri within the given dimensions
timeout
Timeout function decorator
timers
Timer management (setInterval / setTimeout)
tip
Tooltips with a nice flexible API
title
Manipulate the document title and reset utilty
to-descriptor
convert an object to a descriptor
todo
Todo list example application using components and Express for the backend
to-function
Convert property access strings to a function ("user.name.first" etc)
toidentifier
Convert a string of words to a JavaScript identifier
top
transient back to top link shown on scroll
touchaction-property
Returns "touchAction", "msTouchAction", or null
touchit
multi-touch event simulation in the browser
trace
Client-side tracing for performance analysis
transform-property
Name of the CSS transform property (cross-browser)
transitionend-property
get the browser-specific transitionend property
translate
Hardware accelerated translations with fallback support
trim
Trim string whitespace
truncate
Truncate string
tween
Motion tween engine using "ease"
type
Type assertions aka less-broken `typeof`
uid
generates unique ids
upload
file upload and progress api
url
url parsing utility
user-agent-parser
Lightweight JavaScript-based User-Agent string parser. Supports browser & node.js environment.
value
get / set form input values
variance
Array variance utility
vector
Vector
view
Higher level views built on reactive
within-document
Check if an element is within the document
within-element
Check if an element is within a given DOM element
word-at-cursor
get the current word at the cursor of any textarea or contenteditable element.
worker
Nicer web worker API
ws
WebSocket constructor with legacy Firefox support.
xhr-image
XHR2 driven images for progress events
xmlhttprequest
returns an XMLHttpRequest object or ActiveXObject
xor
tiny xor utility function

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.