Angular Directive That Generates SVG Background With Static Bubbles

jlg-bubble is an angular directive that creates a nice SVG background with static or relaxing bubbles – jlg bubble angularjs module.

svg shape generator free, svg background generator, svg shape generator html, animated svg background generator, svg wave generator, svg shapes, svg generator css

How to make use of it:

Install:

npm i jlg-bubble --save

Add the CSS and JS to your index.html.

<!DOCTYPE html>
<html ng-app="main">

<head>
    ...
    <link rel="stylesheet" href="../dist/jlg-bubble.css">
    ...
</head>

<body>
    <div jlg-bubble="cfg">
    </div>
    ...
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
    <script src="../dist/jlg-bubble.js"></script>
    <script src="main.js"></script>
    ...
</body>

svg bubble background generator, jlg-bubble Plugin/Github, svg line generator


See Demo And Download

Official Website(jlguenego): Click Here

This superior jQuery/javascript plugin is developed by jlguenego. For extra advanced usage, please go to the official website.

Related Posts

Star-Rating-System

Create A Simple Star Rating System Using JavaScript

Star Rating System is a small JavaScript library to create a customizable star rating control and gradually improves it from a regular checkbox with numeric values. Star…

File-upload-with-preview

A Simple File Upload That Shows A Preview of the Uploaded Image

File upload with preview aims to address the issue of showing a preview of the uploaded user photo in an easy-to-use package. This is a simple front-end…

Animated-Sliding-Active-Menu

Animated Sliding Active Menu Item Indicator In jQuery | Navigation Menu

Animated Active Menu Indicator – A recent scrolling navigation cursor that moves when you hover over or activate a menu item. Written in jQuery and CSS/CSS3. Must…

iTooltip

[iTooltip] Replace the Original Advanced Tooltip Library

The JavaScript library lets you convert native tooltips into customizable overlays. iTooltip is a pure JS to replace the native tooltip that creates a custom pop-up hint…

Use-Online-Ping

How To Use Online Ping In Vanilla JavaScript Ping.js

Ping.js is a small and simple javascript library for ping response times for servers in pure javascript. Ping.js is a vanilla JavaScript library to supply a web-based…

jquery-fancy-file-uploader

Convert An HTML File Input Type Into a Fancy File Uploader

jQuery Fancy File Uploader is a jQuery extension for converting an HTML file input type into a portable fancy file uploader. Choose from an MIT or LGPL…