kenke7 / x-meme

The meme element for modern web

<x-meme>

The meme element for modern web

Documentation	Live demo

Examples

Top text and bottom text

<x-meme type="wonka" top="oh you know html?" bottom="that's so cute."></x-meme>

Just bottom just with custom image

<x-meme src="https://i.imgflip.com/26am.jpg" bottom="germans!"></x-meme>

Install

Method 1 - bower

bower install x-meme

Method 2 - Polymer

1. Import Web Components' polyfill:

<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.2.4/platform.js"></script>

2. Import Custom Element:

<link rel="import" href="x-meme.html">

3. Start using it!

<x-meme></x-meme>