Simple Animated jQuery Tags Input Plugin - Lovely Tag

Simple Animated jQuery Tags Input Plugin - Lovely Tag
File Size: 7.57 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Lovely Tag is a dead simple jQuery tags management plugin for generating nice clean & skinnable tags that are fully customizable using just CSS/CSS3.

How to use it:

1. Import the lovely-tag.css for default tag styles.

<link rel="stylesheet" href="dist/lovely-tag.css">

2. Create the Html for the tags input.

<div class="new-tag">
  <div class="tags">
    <input type="text" placeholder="add a new tag" class="new-tag-input">
  </div>
</div>

3. Load jQuery library and the jQuery Lovely Tag plugin at the bottom of the web page.

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="dist/lovely-tag.js"></script>

4. That's it. You can change or override the CSS rules to create your own tag styles just like in lovely-tag.css.


This awesome jQuery plugin is developed by kalasoo. For more Advanced Usages, please check the demo page or visit the official website.