Giter Site home page Giter Site logo

X-Tag Components

Get the latest X-Tag core library and components.

Included Components:

More components are available on Bower.

  $ bower search x-tag

Developers

Build

This distributable files under ./dist/ are generated by running the following commands

  # Install npm dependencies.  Bower, Grunt and grunt tasks.
  $ npm install

  # Downloads all packages listed under 'dependencies' in bower.json to
  # ./components/ directory.
  $ bower install

  # Concats together the downloaded X-Tags from ./components and places
  # the results in ./dist/
  $ grunt build

Custom Build

If you would like to make a custom build you can do so by modifying the packages listed in the bower.json file and rerunning the commands above.

X-Tag's Projects

mediaquery icon mediaquery

Mediaquery allows you to listen for mediaqueryactive and mediaqueryinactive js events and react accordingly.

medium-editor icon medium-editor

Custom Element that provites a Medium-style content editing container

mixin-input icon mixin-input

A mixin that augments your custom element with the base features of an input element

mixin-value icon mixin-value

Adds a value and validate properties, along with the validation method isValid

modal icon modal

A modal element with a transparent overlay

notify icon notify

A notification bar element for surfacing useful feedback

page icon page

Page transitioning component for single-page apps that uses native body overflow for composited scroll rendering

panel icon panel

A panel is a block element that has the ability to load data asynchronously when a src attribute is set (same-origin policy restricted).

peekbox icon peekbox

An element for slide menus and other forms of "peeking" UI that animates into view from the edge of a page or parent element

pseudo-outer icon pseudo-outer

Adds ability to support for detection of event if it occurs outside of the listening element

pseudo-queue icon pseudo-queue

Queue any pseudo-compiled method in X-Tag. Passing true as the pseudo argument debounces the queued items.

rating icon rating

A starific rating component leveraging the HTML range input under the covers

scroll-list icon scroll-list

Element that allows easy scrolling over huge lists of json data.

shiftbox icon shiftbox

A container element that allows you to slide out a main <section> element to reveal secondary content.

slidebox icon slidebox

A container that allows animated transitions between content panes. Slide Box supports horizontal and vertical transitions.

slider icon slider

Polyfill on top of input type='range', providing a consistent UI regardless of whether type='range' is supported or not.

spinner icon spinner

A loading spinner with optional status text.

splitbox icon splitbox

Flexible, resizable panels with draggable dividers.

switch icon switch

Switch provides you a slick iPhone-esque toggle switch with a single line

tabbar icon tabbar

An app-level navigation/tabbing bar (usually at the bottom of the UI) that shows different content depending on which tab is selected

template icon template

An X-Tag custom web-component stub that can be used as a starting point when building new elements

text-pattern-matcher icon text-pattern-matcher

Used to watch text inputs for regular expression matches, then fires a custom method that allows the user to return a list of results.

todomvc icon todomvc

Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, and many more

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.