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

accordion icon accordion

An accordion is a collection of panels containing content separated by toggler

action icon action

Declarative way of mapping users actions to custom element methods

appbar icon appbar

An Appbar lives at the top of your web application and contains a header, subheader and basic styles

bing-map icon bing-map

Mapping component based on the Bing Maps API

calendar icon calendar

A component acting as a calendar widget that can be manipulated with minimal user-written code/layout.

core-2 icon core-2

X-Tag 2 - A tiny Web Components library that packs a big punch

cube icon cube

3D cubic shape component

datepicker icon datepicker

A polyfill for utilizing the x-calendar component and returning an ISO-formatted date string to the server. Part of the Brick library (Note: currently out-dated, use the Brick version instead)

deck icon deck

Custom Element for card-based UI with a variety of transitions

event-resize icon event-resize

An X-Tag custom event that allows for event-based, element resize detection

flickity icon flickity

Content and image slider with touch gestures (uses the Flickity library)

flipbox icon flipbox

Flipbox acts like a playing card that has a front and back and allows you to "flip" between the sides.

gestures icon gestures

Gesture events for your X-Tag components

gmap icon gmap

Wrapping Google Maps in a sweet custom element

growbox icon growbox

Dynamically grows according to the content

iconbutton icon iconbutton

A button with an anchored icon in addition to a content label

input icon input

"Smarter than the av-er-rage input Boo-Boo!"

jsbin icon jsbin

Collaborative JavaScript Debugging App

layout icon layout

Structural element for responsive content viewing and context switching

map icon map

Map element using Cloudmade Leaflet maps API

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.