X-Tag

core

The Heart of X-Tag

x-tag

Custom Elements for Modern Browsers.

core-2

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

web-component-stub

Fork this when creating a new web-component for X-Tags

deck

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

modal

A modal element with a transparent overlay

slidebox

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

x-tag.github.io

The X-Tag website

appbar

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

code-prism

Code highlighter element that uses Prism

spinner

A loading spinner with optional status text.

action

Declarative way of mapping users actions to custom element methods

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

basic-app-template

A simple app template built with X-Tag Web Components

markdown

Renders markdown-encoded text

page

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

switch

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

transitions

Easy-peasy transitioning for X-Tag components

bing-map

Mapping component based on the Bing Maps API

gmap

Wrapping Google Maps in a sweet custom element

notify

A notification bar element for surfacing useful feedback

tabbox

cube

3D cubic shape component

flickity

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

input

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

medium-editor

Custom Element that provites a Medium-style content editing container

mixin-input

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

pseudo-debounce

rating

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

x-plusone

Animate plusone counter element