react-tagsinput - Highly customizable React component for inputing tags.

•    Javascript

---

Highly customizable React component for inputing tags.A working example can be found in example/components/autocomplete.js.

react tags input tagsinput component react-component

egjs - Javascript components group that brings easiest and fastest way to build a web application in your way

•    Javascript

---

egjs is Javascript components group that brings easiest and fastest way to build a web application in your way.

component egjs naver flicking infinitegrid visible jquery-plugin persist agent rotate animation front-end library axes egjs-components

dragula - :ok_hand: Drag and drop so simple it hurts

•    Javascript

---

Framework support includes vanilla JavaScript, Angular, and React.You can get it on npm.

front-end drag-and-drop vanilla drag-drop dragging component jquery jquery-plugin

horsey - :horse: Progressive and customizable autocomplete component

•    Javascript

---

Browser support includes every sane browser and IE7+.You can see a live demo here.

front-end vanilla es6 component autocomplete

rome - :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!

•    Javascript

---

Rome wasn't built in a day. Browser support includes every sane browser and IE7+.You can see a live demo here.

front-end vanilla calendar component

grunt-wiredep - Inject Bower packages into your source code with Grunt.

•    Javascript

---

Inject Bower packages into your source code with Grunt.Grunt is great.

gruntplugin html grunt bower package wiredep dependency component postinstall

generator-angular-fullstack - Yeoman generator for AngularJS with an Express server

•    Javascript

---

Yeoman generator for creating MEAN/SEAN stack applications, using ES6, MongoDB/SQL, Express, AngularJS, and Node - lets you quickly set up a project following best practices.Please note: If you run into trouble compiling native add-ons during the installation, follow node-gyp's short guide on required compilation tools.

yeoman-generator mongodb angular yeoman sequelize typescript babel pug sass full-stack mean angularjs express scaffold fullstack framework component front-end app angular-component

component-playground - A component for rendering React components with editable source and live preview

•    Javascript

---

codeText takes a string of JSX markup as its value. While you can just pass it a string, I find it is easier to make a separate file and use Webpack's raw loader to load in the raw source. In the example above I use the .example extension, and an examples folder to organize my samples.

component-playground jsx react playground live component

t3js - A minimal component-based JavaScript framework

•    Javascript

---

The approaches taken in T3 have been battle-hardened through continuous production use at Box since 2013, where we use T3 along with jQuery, jQuery UI, and several other third-party libraries and frameworks.T3 is different from most JavaScript frameworks. It's meant to be a small piece of an overall architecture that allows you to build scalable client-side code.

framework browser client-side modular component

viewerjs - JavaScript image viewer.

•    Javascript

---

JavaScript image viewer.Only available in modal mode.

viewer image image-viewer viewerjs viewer.js html css front-end web component development

react-swipe - Swipe.js as a React component

•    Javascript

---

Brad Birdsall's Swipe.js as a React component.Check out the demo from a mobile device (real or emulated).

react component carousel swipe react-component

unistore - 🌶 650b state container with component actions for Preact & React

•    Javascript

---

A tiny ~650b centralized state container with component bindings for Preact & React. This project uses node and npm. Go check them out if you don't have them locally installed.

preact redux state subscription architecture component state-machine

omi - Open and Modern framework for building user Interfaces - 开放现代的Web组件化框架

•    Javascript

---

Open and modern framework for building user interfaces. You can use webpack + babel, configure the babel-loader in the module settings of webpack, then you can use ES6+ to write your web program.

omi ui-components web component omijs omi-js omi-cli

vue-content-loader - SVG component to create placeholder loading, like Facebook cards loading.

•    Javascript

---

SVG component to create placeholder loading, like Facebook cards loading. This is a Vue port for react-content-loader.

svg loading vue component placeholder

assemble - Get the rocks out of your socks! Assemble makes you fast at creating code projects

•    CSS

---

Get the rocks out of your socks! Assemble makes you fast at creating web projects. Assemble is used by thousands of projects for rapid prototyping, creating themes, scaffolds, boilerplates, e-books, UI components, API documentation, blogs, building websites / static site generator, alternative to jekyll for gh-pages and more! Assemble can also be used with gulp and grunt.

template-engine build static-site static-site-generator templates scaffold generator scaffolder base toolkit app update generate verb node nodejs gulp grunt assemble async-helper blog boilerplate boilerplates bootstrap builder collection compile component content docs document documentation engines handlebars helper helpers html inflections jekyll layout lodash markdown md page partial post pug render scaffolding site smith static symlink task tasks template templating view views website yaml

SlickNav - Responsive Mobile Menu Plugin for jQuery

•    Javascript

---

SlickNav will use jQuery for animations by default. If you wish to use Velocity.js for animating, be sure to include the library in your code before including SlickNav. Without any additional configuration, both the original and mobile menus will be displayed. It is recommended to use media queries to hide the original menu and display the mobile menu when appropriate. Modernizr or similar can be used for graceful degradation.

slicknav menu css sass scss component responsive mobile

noUiSlider - noUiSlider is a lightweight JavaScript range slider library

•    Javascript

---

noUiSlider is a lightweight JavaScript range slider. noUiSlider is licensed WTFPL. You can use it for free and without any attribution, in any personal or commercial project. You may also fork the project and re-release it under another license you prefer.

range-slider component input

spm - Brand new static package manager.

•    Javascript

---

Brand new static package manager for browser. SPM is available under the terms of the MIT License.

bower browser cmd command-line commonjs component module npm package seajs spmjs tool

PHFComposeBarView - Compose bar from iOS 7 Messages.app

•    Objective-C

---

More screenshots: without text and with text. This is a precise reconstruction of the compose bar from the iOS Messages.app, mimicking the behaviors and graphics while also allowing you to customize many aspects of it.

ios uiview cocoapod component

react-responsive - Media queries in react for responsive design

•    Javascript

---

The best supported, easiest to use react media query module. This module is pretty straightforward: You specify a set of requirements, and the children will be rendered if they are met. Also handles changes so if you resize or flip or whatever it all just works.

css react-component viewport react mobile media-queries respond media-query matchmedia responsive component