Website Features

• A handy utility for converting between quantities in different units
• There are a total of 23 supported units for converter and 173+ sub units for converter
• There are total 2883 routes in this application
• Every section of each conversion contains the main value of each unit
• Demo Website – https://appsplaces-unit-converter.firebaseapp.com/
• No backend and No external APIs
• NPM utility library used to measure and convert between units https://www.npmjs.com/package/convert-units
• Beautiful Designed
• Technologies: Angular 11, TypeScript
• Mobile Friendly
• Single Page Application
• Well Documentation and Code Comment
• Very Clean Code & Easily Customizable

Supported Units

Length

• mm
• cm
• m
• in
• ft-us
• ft
• fathom
• mi
• nMi

Area

• mm2
• cm2
• m2
• ha
• km2
• in2
• ft2
• ac
• mi2

Mass

• mcg
• mg
• g
• kg
• oz
• lb
• mt
• t

Volume

• mm3
• cm3
• ml
• l
• kl
• m3
• km3
• tsp
• Tbs
• in3
• fl-oz
• cup
• pnt
• qt
• gal
• ft3
• yd3

Volume Flow Rate

• mm3/s
• cm3/s
• ml/s
• cl/s
• dl/s
• l/s
• l/min
• l/h
• kl/s
• kl/min
• kl/h
• m3/s
• m3/min
• m3/h
• km3/s
• tsp/s
• Tbs/s
• in3/s
• in3/min
• in3/h
• fl-oz/s
• fl-oz/min
• fl-oz/h
• cup/s
• pnt/s
• pnt/min
• pnt/h
• qt/s
• gal/s
• gal/min
• gal/h
• ft3/s
• ft3/min
• ft3/h
• yd3/s
• yd3/min
• yd3/h’

Temperature

• C
• F
• K
• R

Time

• ns
• mu
• ms
• s
• min
• h
• d
• week
• month
• year

Frequency

• Hz
• mHz
• kHz
• MHz
• GHz
• THz
• rpm
• deg/s
• rad/s

>Speed

• m/s
• km/h
• m/h
• knot
• ft/s

Pace

• s/m
• min/km
• s/ft
• min/km

Pressure

• Pa
• hPa
• kPa
• MPa
• bar
• torr
• psi
• ksi

Digital

• b
• Kb
• Mb
• Gb
• Tb
• B
• KB
• MB
• GB
• TB

Illuminance

• lx
• ft-cd

Parts-Per

• ppm
• ppb
• ppt
• ppq

Voltage

• V
• mV
• kV

Current

• A
• mA
• kA

Power

• W
• mW
• kW
• MW
• GW

Apparent Power

• VA
• mVA
• kVA
• MVA
• GVA

Reactive Power

• VAR
• mVAR
• kVAR
• MVAR
• GVAR

Energy

• Wh
• mWh
• kWh
• MWh
• GWh
• J
• kJ

Reactive Energy

• VARh
• mVARh
• kVARh
• MVARh
• GVARh

Angle

• deg
• rad
• grad
• arcmin
• arcsec

Charge

• c
• mC
• μC
• nC
• pC

Force

• N
• kN
• lbf

Acceleration

• g (g-force)
• m/s2

Introduction

3D Carousel Flow is a special and unique 3d image carousel with multiple transformable modes including “flip”, “flat”, “outward” and “inward” modes. Enhance your website user engagement with this beautiful 3d carousel!

Component Architect

Every UI elements are designed as separated components from the ground up. Components are loosely coupled widget objects that can be reused and customized in different projects.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for browsers with unsupported CSS3D feature. The app auto switches to its fallback mode to ensure the best user experience.

Full Features

• 4 carousel modes: flip, flat, outward, inward
• Over 50 configuration options
• Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
• Easily create slideshow using autoplay option
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Multiple controls: keyboard and mouse
• Multiple screens support: mobile, tablet. desktop
• Multi categories support
• Fullscreen support
• Full width support
• High quality code commenting
• High quality documentation
• Custom item reflection
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• HTML preprocessor using Pug templates
• Custom components: ItemTitle, ItemDescription
• videojs as main video playback engine
• audio5js as main audio playback engine
• Multiple examples files provided
• Lightweight: only 28KB in gzip format

Image Credits:unsplash.com Video Credits:pexels.com

You can watch the view to understand clearly how to use that script.

• – Get all the data of a product using only it’s ID.
• – Get all products which appear in ebay search query.

To add functionality just Contact me or put a comment.

WordPress Plugin Available

Update

26/1/2021: Fix texture bug

Introduction

Photo Tile is an advanced 3D image grid gallery built with WebGl. Each tile item can be flipped over to reveal the content behind it. Photo Tile is a great web application to showcase your works and photos.

Component Architect

Every UI elements are designed as separated components from the ground up. Components are loosely coupled widget objects that can be reused and customized in different projects.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for browsers with unsupported CSS3D feature. The app auto switches to its fallback mode to ensure the best user experience.

Full Features

• Customise number of double size items and flippable items
• Over 50 configuration options
• Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
• Easily create slideshow using autoplay option
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Multiple controls: keyboard and mouse
• Multiple screens support: mobile, tablet. desktop
• Multi categories support
• Fullscreen support
• Full width support
• High quality code commenting
• High quality documentation
• Custom item reflection
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• HTML preprocessor using Pug templates
• Custom components: ItemTitle, ItemDescription
• videojs as main video playback engine
• audio5js as main audio playback engine
• Multiple examples files provided
• Lightweight: only 28KB in gzip format

Image Credits:unsplash.com Video Credits:pexels.com

1. Video media capture using the available devices.
   • Muting and unmuting of video tracks in stream.
   • Switching between available video devices/cameras.
2. Audio media capture using the available devices.
   • Muting and unmuting of audio tracks in stream.
   • Switching between available audio devices/microphones.
3. Screen sharing using the browser.
4. Full-screen support on the video player.
5. Support on mobile browsers.

This kit is suitable for applications that require to capture video and audio from users. E.g. Telemedicine consultations, E learning e.t.c

This kit is written using HTML and JavaScript but can be integrated into any web application and framework. i.e. React (JavaScript), Laravel (PHP), Django (Python) among other frameworks.

Demo Link

Aren’t you tired of building login screens? Sign up, password reset, backend…puh, it’s too much work! Introducing Beautiful Login 2 the most beautiful and complete solution for your login needs. Just add the component to your ReactJS application, connect it for your Firebase account and done. Focus in the most important things of your project rather than wasting time in this.

Technologies used

• React JS
• Typescript
• Firebase – Signin methods: mail, google, facebook, github, etc
• Styled components

Of course, everything is responsive as it should be.

JavaScript library for sorting, filtering, and pagination of any HTML content

DataGrid is a simple and powerful solution to enable sorting, filtering, and pagination on any page.

General Features

• DataGrid library works with any HTML structure using data attributes.
• The library allows the sorting of text and numeric information.
• It has configurable pagination control with a rich set of settings.
• The library supports text filters with multiple modes and options.
• The library has different path filters , like checkboxes, radio buttons, and select controls.
• The widget is written in pure ES6 JavaScript, no dependencies are required.
• The library has the support of deep links that generate a unique URL for every controls state combination.
• The library support local storage, session storage and cookies .

Examples

• Shoe Product List (Bootstrap Layout)
• Real Estate Listing (Bootstrap Layout)
• Restaurants Demo (Bootstrap Layout)
• Vehicles (Foundation CSS Framework)
• Dogs Breeds List (Materialize CSS Framework)
• Courses List (Semantic UI)
• Deep-Link Example
• Wallpapers Example with Local Storage
• HTML Table with sortable headers

Documentation

• Online Documentation
• How To Sort Table in JavaScript
• HTML Table with Sortable Headers
• How to Filter HTML Table By Multiple Columns
• Double Sort (Multiple Column Ordering)

Storage Options

It is possible to save user selection in browser storage or cookies. This way, the previous value selected by the user will be restored once he/she returns to the page from another page or website, or after the page refresh.

• Local storage – the user selection will be stored in the browser until the user clears browsing data.
• Session storage – the user selection will be store during one browser session (until the user closes the browser, opens a new browser window or tab, or until the user clears browsing data).
• Cookies – this option additionally allows sending user selection to the server with each request.

More Features

• The same control may appear multiple times on the page.
• Controls may be placed anywhere in the document, event in the content items.
• Any HTML content is supported, for example, DIV elements, tables, UL / OK lists, etc.
• DataGrid library can be used with any CSS framework or with custom styles.
• In most cases, the user defines HTML & CSS of controls (the library does not create their structure except pagination control).
• The user ultimately defines all look & feel of the page; DataGrid library has minimal CSS styles.

Changelog

v1.0.2 – 08 January 2021

• Added “initial” sort type to the sort control.
• Added new Sort button control.
• Added a demo of table with sortable headers.
• Added an article “How To Sort Table in JavaScript” in the documentation

v1.0.1 – 31 December 2020

    The initial plugin upload.

DISCOUNT ICONS SET

Set of 64 animated Discount icons suitable for web designers and web / app developers. A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others).
By purchasing the Set you save $20!

You will get:
✔ 64 json animated icons
✔ After Effects project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design

Compatible with:
WordPress, Elementor, Divi, WebFlow, BeaverBuilder, Lottie Files, Bodymovin

Set Include:
✔01 Price Pack
https://codecanyon.net/item/discount-price-16-animated-icons-pack-wordpress-lottie-json-animation-svg/29604346
✔02 Product Pack
https://codecanyon.net/item/discount-product-16-animated-icons-pack-wordpress-lottie-json-animation-svg/29679195
✔03 Payment Pack
https://codecanyon.net/item/discount-payment-16-animated-icons-pack-wordpress-lottie-json-animation-svg/29772261
✔04 Statistic Pack
https://codecanyon.net/item/discount-statistic-16-animated-icons-pack-wordpress-lottie-json-animation-svg/29798252

The Set is suitable for those who are interested in:
icons, business, discount, interface, web, json, svg animation, lottie animation, web development, app design, ui, motion, bodymovin

EasyNotify is a lightweight responsive jQuery plugin that allows you to create simple notification in modern, flat style with several options.

Create and show notifications with information that you want to convey. Customize and style notifications to fit your needs.

Great for displaying news, messages on your site or providing feedback for the user.

Vanilla JavaScript version →

Features

• Easy Integration With Any Website
• Clean & Commented Code
• Fully Customizable
• Support for CSS Variables
• Responsive & Mobile Friendly
• Support for Animate.css Plugin
• Create any Notification Text
• Show or Hide Any Elements
• Custom Icons
• Different Positions
• Unlimited Notifications Sets
• 100% Bootstrap Compatible
• No Images
• Cross-Browser Compatibility
• Free Updated

Installation

<!doctype html>

<html>
  <head>
    <!-- 0. Optional: add Animate.css plugin -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <!-- 1. Paste the stylesheet into the <head> of your web page -->
    <link href="easy-notify.min.css" rel="stylesheet">
  </head>

  <body>
    <h1>Hello, EasyNotify!</h1>

    <!-- 2. Add the jQuery file near the end of your pages, right before the closing </body> tag -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <!-- 3. Add the javascript file -->
    <script src="easy-notify.min.js"></script>
    <!-- 4. Init EasyNotify with or without options -->
    <script>
      $(function() {
        $.easyNotify();
      });
    </script>
  </body>
</html>

Customization

All options are optional.

$.easyNotify({
  // {String}: unique identifier of the box for saving in local storage
  // e.g. 'newYear2021', 'hello', 'gFbb3A', etc.
  id: '',

  // {String}: the theme of the box
  // must be '' or 'dark'
  theme: '',

  // {Boolean}: when developer mode is enabled, closing the box is not saved in local storage
  // must be true or false
  dev: false,

  // {String}: the background color of the box
  // css-variable analog: --easy-notify-bg-color
  // e.g. '#f3f0d6', '#d6f3de', 'white', etc.
  bgColor: '#ffffff',

  // {String}: the background image of the box
  // css-variable analog: --easy-notify-bg-image
  // e.g. 'url("path_to_image.jpg")', 'linear-gradient(to right, #d6e9f3, #f2e1fd)', etc.
  bgImage: 'none',

  // {String}: the font color of the box
  // css-variable analog: --easy-notify-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  color: '#222222',

  // {String}: the width of the box
  // css-variable analog: --easy-notify-width
  // e.g. '320px', '640px', etc.
  width: '450px',

  // {String}: the padding of the box
  // css-variable analog: --easy-notify-padding
  // e.g. '32px', '16px 24px', '24px 32px 16px 16px', etc.
  padding: '24px',

  // {String}: the border radius of the box
  // css-variable analog: --easy-notify-radius
  // e.g. '0', '4px 16px 4px 16px', etc.
  radius: '8px',

  // {String}: the shadow of the box
  // css-variable analog: --easy-notify-shadow
  // e.g. 'none', '0 8px 16px rgba(0, 0, 0, 0.25)', '4px 4px 32px rgba(255, 0, 0, 0.5)', etc.
  shadow: '0 -1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 0 32px 32px rgba(0, 0, 0, 0.05)',

  // {Number}: the z-index of the box
  // e.g. 10, 120, 100100100, etc.
  zIndex: 100000,

  // {String}: the position of the box
  // must be 'top-left', 'top-right', 'bottom-right' or 'bottom-left'
  position: 'bottom-left',

  // {String}: the name of the animation when it appears
  // css-variable analog: --easy-notify-animation-name-in
  // must be custom animation name or animation name from animate.css plugin
  animationNameIn: 'easyNotifyIn',

  // {String}: the name of the animation when it disappears
  // css-variable analog: --easy-notify-animation-name-out
  // must be custom animation name or animation name from animate.css plugin
  animationNameOut: 'easyNotifyOut',

  // {String}: the duration time of the animation in seconds
  // css-variable analog: --easy-notify-animation-duration
  // e.g. '0s', '1.5s', etc.
  animationDuration: '0.5s',

  // {String}: the box appears after the specified time in seconds
  // css-variable analog: --easy-notify-animation-delay
  // e.g. '1s', '3.5s', etc.
  animationDelay: '0s',

  // {Boolean}: hide the close button
  // must be true or false
  closeBtnHide: false,

  // {String}: the color of the close button
  // css-variable analog: --easy-notify-close-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  closeBtnColor: '#acacad',

  // {String}: the hover color of the close button
  // css-variable analog: --easy-notify-close-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  closeBtnColorHover: '#858687',

  // {Boolean}: hide the icon
  // must be true or false
  iconHide: false,

  // {String}: the color of the default icon
  // css-variable analog: --easy-notify-icon-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  iconColor: '#f5234b',

  // {String}: the src attribute of the custom icon
  // must be '' or 'path_to_image.png'
  iconSrc: '',

  // {Number}: the size of the custom icon by width
  // e.g. 24, 36, etc.
  iconWidth: 48,

  // {Number}: the size of the custom icon by height
  // e.g. 24, 36, etc.
  iconHeight: 48,

  // {String} the description of the box
  // e.g. 'Orders placed online from November 24th until December 21st 2020 can be returned up until February 1st 2021 for a full refund.', 'Discover our gifts — to share with those closest to you, or simply to keep for yourself.', etc.
  content: 'We use cookies to ensure that we give you the best experience on our website. By continuing to use our site, you accept our cookie policy.',

  // {Boolean}: hide the 'Learn more' link
  // must be true or false
  moreLinkHide: false,

  // {String}: the href attribute of the 'Learn more' link
  // e.g. '/privacy', '/gifts', etc.
  moreLinkHref: '#',

  // {String}: the text of the 'Learn more' link
  // e.g. 'About', 'Details', etc.
  moreLinkText: 'Learn more',

  // {String}: the font color of the 'Learn more' link
  // css-variable analog: --easy-notify-link-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  moreLinkColor: '#0066cc',

  // {String}: the hover font color of the 'Learn more' link
  // css-variable analog: --easy-notify-link-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  moreLinkColorHover: '#0052a3',

  // {Boolean}: hide the accept button
  // must be true or false
  acceptBtnHide: false,

  // {String}: the text of the accept button
  // e.g. 'Close', 'Let’s Go', etc.
  acceptBtnText: 'Accept',

  // {String}: the background color of the accept button
  // css-variable analog: --easy-notify-btn-bg-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnBgColor: '#0070f5',

  // {String}: the font color of the accept button
  // css-variable analog: --easy-notify-btn-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnColor: '#ffffff',

  // {String}: the hover background color of the accept button
  // css-variable analog: --easy-notify-btn-bg-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnBgColorHover: '#005ac4',

  // {String}: the hover font color of the accept button
  // css-variable analog: --easy-notify-btn-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnColorHover: '#ffffff',

  // {String}: the padding of the accept button
  // css-variable analog: --easy-notify-btn-padding
  // e.g. '12px', '4px 20px', '4px 16px 4px 20px', etc.
  acceptBtnPadding: '0 16px',

  // {String}: the height of the accept button
  // css-variable analog: --easy-notify-btn-height
  // e.g. '30px', '50px', etc.
  acceptBtnHeight: '40px',

  // {String}: the border radius of the accept button
  // css-variable analog: --easy-notify-btn-radius
  // e.g. '0', '4px 8px 4px 8px', etc.
  acceptBtnRadius: '8px',
});

Browsers support

Plugin is compatible with all major browsers:

• Edge
• Firefox
• Chrome
• Safari
• Opera

Change log

v1.0.0

• Initial release

Features

• With FlippyPDF you can convert unlimited PDFs to HTML flipbooks
• No hosting required! This application runs on your windows machine.
• It is multilingual! (ar, fr, ru, hi, es)
• Has more than 50 backgrounds to choose from
• Can generate LTR or RTL flipbooks
• and many more cool stuff!

EasyNotify is a lightweight responsive JS plugin that allows you to create simple notification in modern, flat style with several options.

Create and show notifications with information that you want to convey. Customize and style notifications to fit your needs.

Great for displaying news, messages on your site or providing feedback for the user.

jQuery version →

Features

• Easy Integration With Any Website
• Clean & Commented Code
• Fully Customizable
• Support for CSS Variables
• Responsive & Mobile Friendly
• Support for Animate.css Plugin
• Create any Notification Text
• Show or Hide Any Elements
• Custom Icons
• Different Positions
• Unlimited Notifications Sets
• 100% Bootstrap Compatible
• No Images
• No jQuery Dependency
• Cross-Browser Compatibility
• Free Updated

Installation

<!doctype html>

<html>
  <head>
    <!-- 0. Optional: add Animate.css plugin -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <!-- 1. Paste the stylesheet into the <head> of your web page -->
    <link href="easy-notify.min.css" rel="stylesheet">
  </head>

  <body>
    <h1>Hello, EasyNotify!</h1>

    <!-- 2. Add the javascript file near the end of your pages, right before the closing </body> tag -->
    <script src="easy-notify.min.js"></script>
    <!-- 3. Init EasyNotify with or without options -->
    <script>
      easyNotify();
    </script>
  </body>
</html>

Customization

All options are optional.

easyNotify({
  // {String}: unique identifier of the box for saving in local storage
  // e.g. 'newYear2021', 'hello', 'gFbb3A', etc.
  id: '',

  // {String}: the theme of the box
  // must be '' or 'dark'
  theme: '',

  // {Boolean}: when developer mode is enabled, closing the box is not saved in local storage
  // must be true or false
  dev: false,

  // {String}: the background color of the box
  // css-variable analog: --easy-notify-bg-color
  // e.g. '#f3f0d6', '#d6f3de', 'white', etc.
  bgColor: '#ffffff',

  // {String}: the background image of the box
  // css-variable analog: --easy-notify-bg-image
  // e.g. 'url("path_to_image.jpg")', 'linear-gradient(to right, #d6e9f3, #f2e1fd)', etc.
  bgImage: 'none',

  // {String}: the font color of the box
  // css-variable analog: --easy-notify-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  color: '#222222',

  // {String}: the width of the box
  // css-variable analog: --easy-notify-width
  // e.g. '320px', '640px', etc.
  width: '450px',

  // {String}: the padding of the box
  // css-variable analog: --easy-notify-padding
  // e.g. '32px', '16px 24px', '24px 32px 16px 16px', etc.
  padding: '24px',

  // {String}: the border radius of the box
  // css-variable analog: --easy-notify-radius
  // e.g. '0', '4px 16px 4px 16px', etc.
  radius: '8px',

  // {String}: the shadow of the box
  // css-variable analog: --easy-notify-shadow
  // e.g. 'none', '0 8px 16px rgba(0, 0, 0, 0.25)', '4px 4px 32px rgba(255, 0, 0, 0.5)', etc.
  shadow: '0 -1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.05), 0 4px 4px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.05), 0 32px 32px rgba(0, 0, 0, 0.05)',

  // {Number}: the z-index of the box
  // e.g. 10, 120, 100100100, etc.
  zIndex: 100000,

  // {String}: the position of the box
  // must be 'top-left', 'top-right', 'bottom-right' or 'bottom-left'
  position: 'bottom-left',

  // {String}: the name of the animation when it appears
  // css-variable analog: --easy-notify-animation-name-in
  // must be custom animation name or animation name from animate.css plugin
  animationNameIn: 'easyNotifyIn',

  // {String}: the name of the animation when it disappears
  // css-variable analog: --easy-notify-animation-name-out
  // must be custom animation name or animation name from animate.css plugin
  animationNameOut: 'easyNotifyOut',

  // {String}: the duration time of the animation in seconds
  // css-variable analog: --easy-notify-animation-duration
  // e.g. '0s', '1.5s', etc.
  animationDuration: '0.5s',

  // {String}: the box appears after the specified time in seconds
  // css-variable analog: --easy-notify-animation-delay
  // e.g. '1s', '3.5s', etc.
  animationDelay: '0s',

  // {Boolean}: hide the close button
  // must be true or false
  closeBtnHide: false,

  // {String}: the color of the close button
  // css-variable analog: --easy-notify-close-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  closeBtnColor: '#acacad',

  // {String}: the hover color of the close button
  // css-variable analog: --easy-notify-close-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  closeBtnColorHover: '#858687',

  // {Boolean}: hide the icon
  // must be true or false
  iconHide: false,

  // {String}: the color of the default icon
  // css-variable analog: --easy-notify-icon-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  iconColor: '#f5234b',

  // {String}: the src attribute of the custom icon
  // must be '' or 'path_to_image.png'
  iconSrc: '',

  // {Number}: the size of the custom icon by width
  // e.g. 24, 36, etc.
  iconWidth: 48,

  // {Number}: the size of the custom icon by height
  // e.g. 24, 36, etc.
  iconHeight: 48,

  // {String} the description of the box
  // e.g. 'Orders placed online from November 24th until December 21st 2020 can be returned up until February 1st 2021 for a full refund.', 'Discover our gifts — to share with those closest to you, or simply to keep for yourself.', etc.
  content: 'We use cookies to ensure that we give you the best experience on our website. By continuing to use our site, you accept our cookie policy.',

  // {Boolean}: hide the 'Learn more' link
  // must be true or false
  moreLinkHide: false,

  // {String}: the href attribute of the 'Learn more' link
  // e.g. '/privacy', '/gifts', etc.
  moreLinkHref: '#',

  // {String}: the text of the 'Learn more' link
  // e.g. 'About', 'Details', etc.
  moreLinkText: 'Learn more',

  // {String}: the font color of the 'Learn more' link
  // css-variable analog: --easy-notify-link-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  moreLinkColor: '#0066cc',

  // {String}: the hover font color of the 'Learn more' link
  // css-variable analog: --easy-notify-link-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  moreLinkColorHover: '#0052a3',

  // {Boolean}: hide the accept button
  // must be true or false
  acceptBtnHide: false,

  // {String}: the text of the accept button
  // e.g. 'Close', 'Let’s Go', etc.
  acceptBtnText: 'Accept',

  // {String}: the background color of the accept button
  // css-variable analog: --easy-notify-btn-bg-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnBgColor: '#0070f5',

  // {String}: the font color of the accept button
  // css-variable analog: --easy-notify-btn-color
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnColor: '#ffffff',

  // {String}: the hover background color of the accept button
  // css-variable analog: --easy-notify-btn-bg-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnBgColorHover: '#005ac4',

  // {String}: the hover font color of the accept button
  // css-variable analog: --easy-notify-btn-color-hover
  // e.g. 'currentColor', '#2f6e92', 'black', etc.
  acceptBtnColorHover: '#ffffff',

  // {String}: the padding of the accept button
  // css-variable analog: --easy-notify-btn-padding
  // e.g. '12px', '4px 20px', '4px 16px 4px 20px', etc.
  acceptBtnPadding: '0 16px',

  // {String}: the height of the accept button
  // css-variable analog: --easy-notify-btn-height
  // e.g. '30px', '50px', etc.
  acceptBtnHeight: '40px',

  // {String}: the border radius of the accept button
  // css-variable analog: --easy-notify-btn-radius
  // e.g. '0', '4px 8px 4px 8px', etc.
  acceptBtnRadius: '8px',
});

Browsers support

Plugin is compatible with all major browsers:

• Edge
• Firefox
• Chrome
• Safari
• Opera

Change log

v1.0.0

• Initial release

Quick Events is a quick and easy script to display events on your website that syncs events from either a .json file or your database.

The events can be displayed on Calendar or on List/Grid view. The event detail is represented on popup.

The script consist of very simple interface for editing, modern design, various styles and plenty of customizable options, which should suit all your needs.

Why choose Quick Events ?

• Events Calendar and Events List.
• Full layout or Compact layout.
• Event detail on popup.
• Fantastic and logical events display.
• Modern and clean design.
• Very easy to install and integrate.
• Json data source or dynamic data from mysql database.
• Fully responsive and mobile ready.
• Many options for customization.
• Documentation included.
• ...

See demo for Quick Events here.

Please give it quick rating if you like this. If you have any suggestions/feature request or you find a bug, you are more than welcome to contact us and we’ll address them ASAP.

Changelog

Version 1.0 (31 Dec 2020)
    - Initial release.

TWILIO VIDEO CALLING:

INTRODUCTION:

React and Node based Video Calling Application Using Twilio with video call recording with full front and back end.


Twilio video calling application is focused on handling host and viewer meetings. Host creates room and sends invite to viewer to join meeting. Call can then be ended and rejoined from host window only. Calls are being recorded and recordings links are posted on desired link/webhook soon as recording composition is available.

TECHNOLOGY:

• NodeJS 14
• Express
• ReactJS
• JavaScript
• TypeScript
• Twilio

FEATURES:


➢ One host and one viewer

➢ Host start meeting and share meeting link with viewer like in ZOOM and Google Meet.

➢ All controls lie with host, i.e can start and end meeting etc. Viewer can not end the meeting.

➢ All calls are recorded, a url will be generated where user can download recording.

PROJECT SETUP:

CONFIGURING TWILIO:

• Log into your twilio account and generate twilio API key to be used in your project
• Generate twilio API secret. Make sure you copy it for first time
• Then provide your twilio account details in .env file
• Provide RECORDING_WEBHOOK in your .env on which you want your call recording to be posted on.

Setup env

Copy .env.example to .env and adjust values

$ cp .env.example .env
      

Install Dependencies

$ npm install
      

Run Server

1. Run server

    $ node server/server.js
         

2. Run ngrok and add url to recordings on twilio

Run ReactJS Application

$ npm start
      

A readme file is included with all set up instructions.

CONTACT:

For more quarries contact us at: support@invotyx.com

• Mobile friendly.
• Content Variety. Palettes/ Colors Lists / Custom Pages.
• Copy in multiple forms ( RGBA,RGB,HEX,...)
• Full control of your website from your dashboard.
• Great user experience due to smooth animations- page transition- page speed.
• Admin Dashboard.
• Stats ( Number of copies- Number of colors – number of palettes ).
• Sponsors ( People can ask for sponsorship right from your website. and you will receive sponsors requests in your dashboard)
• Add infinite amount of Colors Lists and palettes.
• Ads Links ( You can add links to your pages. very good for afilliates or promoting other websites )
• Social Links ( Add your social links right from your dashboard )
• Full control of metadata right from your dashboard.
• Add custom pages.
• Step by step installation video.
• Installation in a vps, or Firebase Hosting ( Free Up to 10GB Per Month )

Update

16/12/2020: Set device ratio on mobile devices

Introduction

Photo Scroll is a smooth 3D scrolling image gallery with items being lined up horizontally while center items get the pop-out effect to catch visitors attention.

Component Architect

Every UI elements are designed as separated components from the ground up. Components are loosely coupled widget objects that can be reused and customized in different projects.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for legacy browsers. The app auto switches to its fallback mode to ensure best user experiences.

Full Features

• Customizable shearing angle
• Over 50 configuration options
• Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
• Easily create slideshow using autoplay option
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Multiple controls: keyboard and mouse
• Multiple screens support: mobile, tablet. desktop
• Multi categories support
• Fullscreen support
• Full width support
• High quality code commenting
• High quality documentation
• Custom item reflection
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• HTML preprocessor using Pug templates
• Custom components: ItemTitle, ItemDescription
• videojs as main video playback engine
• audio5js as main audio playback engine
• Multiple examples files provided
• Lightweight: only 28KB in gzip format

Image Credits:unsplash.com

Video Credits:pexels.com

1. Responsive Design 2. User Friendly Interface 3. SEO Friendly 4. Lightening Fast 5. Easy to understand and well commented code

Update

17/12/2020:Set pixel ratio on mobile devices

Introduction

3D Mosaic Gallery is a stunning photo slideshow application built with WebGL and provides lots of customization options

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Component Architect

Every UI elements are designed as separated components from the ground up. Components are loosely coupled widget objects that can be reused and customized in different projects.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for browsers with unsupported CSS3D feature. The app auto switches to its fallback mode to ensure the best user experience.

Full Features

• Customize transitions using data segments and presets
• Easily create slideshow using autoplay option
• Advanced full fledged 2D gallery mode: auto activated on legacy browser
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Multiple Screen support: mobile, tablet. desktop
• Multi categories support
• Over 50 configuration options
• Full screen support
• Full width support
• High quality code commenting
• High quality documentation
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• HTML preprocessor using Pug templates
• Lightweight: only 28KB in gzip format
• videojs as main video playback engine
• Custom components: ItemTitle, ItemDescription
• audio5js as main audio playback engine
• Multiple examples files included

Image Credits:unsplash.com

Video Credits:pexels.com

Email:admin@gmail.com Password: 123456

Website Features

• Binary To Decimal Converter
• Binary To Hex Converter
• Binary to Octal Converter
• Decimal to Hex Converter
• Decimal to Binary Converter
• Decimal to Octal Converter
• Hex to Binary Converter
• Hex to Decimal Converter
• Hex to Octal Converter
• Octal to Decimal Converter
• Octal to Binary Converter
• Octal to Hex Converter
• Text to Binary Converter
• Binary to Text Converter
• Character to ASCII Converter
• ASCII to Character Converter
• Text to Octal Converter
• Octal to Text Converter
• Text to Hex Converter
• Hex to Text Converter
• Text to Decimal Converter
• Decimal to Text Converter
• Available Angular Meta Service which makes it easier to set different meta tags to different pages.
• Integrated Firebase Database for Change your website logos, titles etc
• Integrated Google Adsense

  We used the ng2-adsense plugin for integration google adsense, see the documentation from here- https://github.com/scttcper/ng2-adsense

• Website logos will be stored in firebase storage
• You get the admin panel for changing your website brand logos, titles etcs. Admin Panel Preview Link - https://appsplaces-binaryconverter.firebaseapp.com/signin Email: admin@gmail.com and Password: 123456
• Integrated Firebase Hosting
• Beautiful Designed
• Technologies: Angular 11, TypeScript
• Mobile Friendly
• Single Page Application
• Well Documentation and Code Comment
• Very Clean Code & Easily Customizable

Admin Panel Features

• Integrated Firebase database
• Login with email
• Change your website logos, Titles and social links from admin dashboard
• Live Preview of admin dashboard: https://appsplaces-binaryconverter.firebaseapp.com/ Email: admin@gmail.com and Password: 123456

JS Popup Notifications – an effective marketing tool designed to stimulate the conversion of site visitors into customers. Create and place in the required location on your website animated notifications, showing to the visitor sham activity of the registered users, like logins to the site, ordering or subscriptions, mentioning on social networks and any other activity.

Features:

• 32 transitions effects
• Unlimited text variables
• Show by time
• Control of the number of notifications for one user
• Custom style
• Set fontawesome or custom icon to notification
• Any place of the site
• Create any notification text

WordPress version

Requirements:

• A heroku account free or paid or any node server
• NodeJS

Features:

1. Responsive Design
2. User Friendly UI
3. Advertisement Ready
4. SEO Friendly
5. Fast & Secure
6. Well Coded, Commented, and Easy to expand

Updates:

• npm packages updated
• code cleaning and optimization
• minor bug fix

Introduction

3D Pyramid Gallery is a photo gallery with a hierarchy of multiple level of items that resembles a pyramid structure.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for browsers with unsupported CSS3D feature. The app auto switches to its fallback mode to ensure the best user experience.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Component Architect

Every UI elements are designed as separated components from the ground up. Components are loosely coupled widget objects that can be reused and customized in different projects.

Full Features

• Pyramid configurations: level, item distance, level distance, base size
• Advanced full fledged 2D gallery mode: auto activated on legacy browser
• Easily create slideshow using autoplay option
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Multiple Controls: keyboard and mouse
• Multiple Screen support: mobile, tablet. desktop
• Multi categories support
• Over 50 configuration options
• Full screen support
• Full width support
• High quality code commenting
• High quality documentation
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• HTML preprocessor using Pug templates
• Lightweight: only 28KB in gzip format
• videojs as main video playback engine
• Custom components: ItemTitle, ItemDescription
• audio5js as main audio playback engine
• Multiple examples files included

These Apps can help to convert JSON file to excel. This app provide 4 type of json file. JSON Basic Array, JSON Each is Object, JSON Describe an Object, JSON Nested.

*Notes: For example JSON data you can see on the preview.

Feature benefits :
1. Convert JSON Basic Array to excel
2. Convert JSON Each is Object to excel
3. Convert JSON Describe an Object to excel
4. Convert JSON Nested to excel
9. Powered by expressjs ( Web Framework for NodeJs )

What’s include:
1. Node module ( express, multer, excel export )
2. 1 ejs file
3. 1 css file
4. Main js script.

• jQuery Plugin
• Html5 Player
• Souncloud Supported
• Xml list feed Tracks

OFFICE ICONS SET

Set of 64 animated Office icons suitable for web designers and web / app developers. A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others).
By purchasing the Set you save $20!

You will get:
✔ 64 json animated icons
✔ After Effects project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design

Compatible with:
WordPress, Elementor, Divi, WebFlow, BeaverBuilder, Lottie Files, Bodymovin

Set Include:
✔01 Tools Pack
https://codecanyon.net/item/office-tools-animated-icons-pack-lottie-json-animation-svg/28712946
✔02 Environment Pack
https://codecanyon.net/item/office-environment-animated-icons-pack-wordpress-lottie-json-animation-svg/28781625
✔03 Equipment Pack
https://codecanyon.net/item/office-equipment-animated-icons-pack-wordpress-lottie-json-animation-svg/29123318
✔04 Employee Diagram Pack
https://codecanyon.net/item/office-employee-animated-icons-pack-wordpress-lottie-json-animation-svg/29223417

The Set is suitable for those who are interested in:
icons, business, office, interface, web, json, svg animation, lottie animation, web development, app design, ui, motion, bodymovin

Introduction

3D Spiral Gallery is a WebGL based photo gallery with a unique design. There are 2 mode “vertical” and “horizontal” with lot of variables to change the gallery look and feel.

Multiple Screen Supported

From desktop to mobile, the application will adapts to each screen size while maintaining elegant design and user experience.

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Quality Control

Source code are well commented and thoroughly tested and checked to ensure its bug free quality for production.

Flexibility

Various controls, parameters and configuration options are implemented to make the application extremely easy to customize and extend further.

Full Features

• 2 mode “vertical” and “horizontal”
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• Multiple Controls: keyboard and mouse
• Multiple Screen support: mobile, tablet. desktop
• Multi categories support
• Full screen support
• Full width support
• High quality code commenting
• High quality documentation
• Over 50 configuration options
• Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• HTML preprocessor using Pug templates
• videojs as main video playback engine
• audio5js as main audio playback engine
• Multiple examples files provided
• Custom components: ItemTitle, ItemDescription
• Lightweight: only 28KB in gzip format

Image Credits:unsplash.com

Video Credits:pexels.com

Administrator
----------------------------------
U: lpaprocki@mypod.com
P: password

Managers
----------------------------------
jbutt@mypod.com
password

josephine_darakjy@mypod.com
password

Associates
----------------------------------
simonamorrasca@mypod.com / password
sage_wieser@mypod.com / password
aabidKhan@mypod.com / password

____________________________________________________________________

UPCOMING RELEASE (Dec 10th, 2020)

• Firestore Rules
• Cloud Storage Rules
• Product Branding (Including Logo and Company profile)
• Bug Fixes and Improvements

____________________________________________________________________

CHANGELOG 

• v1.0.3 | Dec 2020

Add-ons
  Company module - option to add, edit and list companies
  Branding page - Add/Edit parent company. (change app logo, footer text)

Security<br />  Implemented firebase-rules<br />  Implemented storage-rules

Bugs and fixes<br /> Handled empty messages<br /> Issues with profile avatars

Pixel Talk – A Live Chat Support Application on NodeJS

“ We as a whole are in a pandemic and it’s no uncertainty that these difficult situations have influenced every one of us. Because of these crises we have launched a Chat Script, which can be a bridge between you and your customer. At the point when a client connects for administration, they would prefer not to be dealt with like simply one more number. Meeting the client’s contact with mechanical stock expressions, empty axioms, and unyielding answers is not a suggested practice. However, that equivalent client likewise needs a productive, opportune, and right reaction. This contention among unbending nature and proficiency is the place the discussion around client care contents gets stickier. Scripting your client support discussions is a training layered with debate.

Try our demo –
https://pixeltalk.node.pixelnx.com
Admin Access
Username – admin@pixeltalk.com
Password – 123456

Operator Access
Username – operator@pixeltalk.com
Password – 123456

Please check the Online Documentation for more details of the Theme.

Features

• The application is fully Responsive.
• This application provide Real-time chat support for web users.
• Application will provide chat sorting feature.
• Application will show a notification, when the new message receive.
• The application will come with a feature where customers can be added project-wise.
• Customers will be able to send messages.
• There are two type of access -
  • Admin
  • Operator

• Admin has the rights to manage projects and Operators.
• Admin can reply to the customers.
• Admin assign the project to the Operator.
• Admin can edit or delete Operators.
• Admin can modify project settings like:-
• Admin can edit the project.
• Admin can add and remove project to favourite.
• Admin will be able to delete the customers.
• Admin will be able to change widget theme color.
• Admin can change the widget position – left or right.
• Admin change the widget type – bubble or button.
• Admin can change the custom labels name.
• Admin can change custom placeholder.
• Admin can change custom error message.
• Admin can change project status and delete projects.
• Admin can add expiry date.

Operator –

• The operator can see projects only which are allocated.
• The operator can reply to customers.
• The operator can change his profile.

For further queries please contact support@himanshusofttech.com

Overview

SPlayer – Supercharged HTML5 Music Player with Control Panel (Max Edition).

SPlayer is pushing HTML5 to the limit, it’s the most advanced and feature-rich JavaScript Audio library, making it the first HTML5 Music Player of its kind.

SPlayer is the jQuery of Music. It’s the Write Less, Play More Library. It helps you build fully-fledged revolutionary all-in-one music players and music web apps supercharged with desktop-like features, such as Advanced Audio Player (MP3, OGG, OGA, AAC, M4A and MP4), Dual Audio Engine, Gapless Playback, Database-based, Data API, Tracks/Streams/Albums/Artists/Genres/Playlists/Collections, Radio Support, Automation, Spotify-inspired mechanism, Dual Metadata Engine, Embedded Metadata Parser (MP3, AAC, M4A and MP4), Internet Metadata Fetcher (lastFM, iTunes and Deezer), iTunes-like Advanced Metadata Engine uses mixed Embedded/Internet, Offline Storage, Offline Music, Import/Export, JSON Support, Google-like Algorithm-based Search, Social Media Share, URL Code Reader, History, Queue, Last Session, Backup, Restore, jQuery-like API, Plugins Support, Events, Multi-threading, Cross browser and many many more, 90+ features.

It comes with a free UI Plugin, which’s a colorful, jaw-dropping, intelligent Groove-like interface for SPlayer API, and can be launched with one call.

It also comes with a WordPress-like Control Panel Windows Program that helps you configure SPlayer with your music folder and customize UI. Zero-coding skills required. One-click build. Very easy to use. Upload-ready player. One of a kind.

It’s highly configurable, yet It’s simplified and very easy to use, and you don’t have to configure anything. Everything is auto and smart by default. That’s the beauty of it.

SPlayer is, without doubt, the most advanced JavaScript library for building Web Music Players on the planet.

You can head to our website to read more: SPlayer

Why use SPlayer?

Over time web technologies have evolved to give web developers the ability to create new generations of useful and incredible web experiences. Today’s web is a result of the ongoing efforts of many web developers that helps define these web technologies.

HTML5 is now widely supported by most web browsers, yet most audio libraries are still limited to playing and pausing audio, and some supports playlists, but they provide no more than this.

The reasons to use it are its unique features, powerful capability and tricks. It has many use cases. Everything you need to build better music players, all in one library. And not just that, It makes playing music on the web much simpler with an easy-to-use API. Most of its features never existed in a JavaScript audio library before, and some of its features, such as algorithm-based search, don’t even exist in Spotify and iTunes, which makes it incomparable to any JavaScript audio library. It goes head to head with professional PHP music scripts and desktop music programs.

It supports more than 10,000 songs, and It provides a great user experience with its incredible unique automation; you can just add tracks, and you automatically get all their artists, albums and genres added to the database without doing anything.

You just have to upload the music to your web hosting, you don’t have to manually add music or write metadata for them. SPlayer does provide solutions and tricks for time-consuming jobs, such as adding folder full of songs on your server without copying each song link. SPlayer can do all of this client-side. It’s incredible.

If you have bought and used sPlayer v1 before, you should know that this is not an update or even an upgrade. This is completely a new product. SPlayer 2 doesn’t even share one line of code with sPlayer.

Features

Architecture Features

• Pure HTML5: Taking advantage of HTML5 power and speed. No Flash, no PHP, just pure HTML5.
• The Most Advanced Player: Without doubt, SPlayer is the most advanced HTML5 JavaScript audio player for the Web. Its architecture, mechanism, database, selector, API, events, dual HTML5 audio player, offline storage, and its metadata parser and fetcher are just marvelous.
• High Performance: Pure Vanilla JavaScript, memory-efficient, performance-focused, under pressure tested and garbage-collector-friendly code.
• HTML5 Desktop App Ready: Build powerful HTML5 music desktop apps and web apps with SPlayer using Electron.io (Atom-shell) or NW.io (Node-webkit).
• ES6 module system: ES6-friendly future-proof library. It uses rollup.js, next-generation module bundler, because it includes the bare minimum, it results in lighter and faster build.
• Extensible and Pluggable: Well-organized and splitted modules. If you’re a developer, you can build your own custom SPlayer, take some of its features and add it to your project. Not just that, you can add your own custom methods to SPlayer as well, then build your own flavored version.
• Plugins Support: You can easily write your own plugins for it. If you understand how jQuery works, you already understand how SPlayer works.
• Highly Configurable: You can disable and enable most of its features.
• jQuery-like API: Marvelous sync easy-to-use jQuery-like API to manipulate your data, and control the beast.
• Event-driven: It has an internal async task manager. So some activities, such as metadata parsing and fetching, don’t block I/O and are returned when ready via an event.
• Multi-threading: If the browser is fancy, SPlayer uses Web Worker that runs in the background to take some of its activities to speed up the process. This feature is smart and simply amazing.
• Feature-detection Tests: It runs browser feature-detection tests to determine if SPlayer is fully supported, partially supported or not.

Database Features

• Object-oriented: Client-side Object-oriented JavaScript database support over 10,000 songs.
• Structured data: tracks, streams, albums, artists, genres, playlists, collections, history, queue, storage and more. They are called dataObjects. Each dataObject has its own unique feature, its own thing. For example, you can’t add genres to a playlist, but you can add genres to a collection.
• Tracks: SPlayer plays tracks, you can add as many as possible, you can add 10,000+, it organizes them, and it gets their metadata, duration, etc..
• Streams/Radio: SPlayer supports live streams as well. And it does support Continuous Play.
  
  But it doesn’t fetch their metadata. If you’re a developer, you can create your own custom plugin to fetch metadata from your stream provider. SPlayer Team might develop SHOUTcast Metadata Plugin for SPlayer in the future.
• Artists: Music artists with their images, wiki and albums, and more.
• Albums: Albums with their images, wiki, release data, and more.
• Genres: Database has a special place for music genres. Can be bound to tracks, streams, albums, artists, and others. It has your songs genres, albums genres, and artists genres.
• Playlists: Create your own track and stream playlists.
• Collections: You can create your own Music folders (Collections) for your music, not just playlists.
• Selector API: The database, where the tracks, albums, and others are inserted, is easily accessible in various ways. SPlayer has jQuery-like Selector to help you directly access and select dataObjects using unique id, or using name or src. You can even select dataObject by using custom prop.
• Data API: jQuery-like methods and instance prototypes for SPlayer Selector to manipulate and access database, such as get, each, has, move, remove, children, search, filter, sort and many more.
• Unique ID: It generates fast unique hash ID based on src, name and other data for each dataObject, or you can set your custom unique ID.
• Spotify-inspired: Database mechanism is Spotify-inspired.
• Automation: The feature that was many people dreaming of. You can just add 100 tracks, and it automatically gets all their artists, albums, and organize them just like iTunes.
• Protected: Database prevents duplicated entries, such as adding the same track, but it can be forced by setting your own unique ID.
• Attachments: You can set anything inside all dataObjects. That means you can add your own custom metadata.
• Events: It triggers events on changes, so you can monitor database changes, or build event-driven web apps just like SPlayer UI.
• Backup and Restore: You can backup dataObjects, and set them back later. Import and Export functionality is supported. You can even download them as JSON files.

Audio Features

• HTML5 Audio: Goodbye Flash! It doesn’t use deprecated old Flash, it uses hardware-accelerated HTML5.
• Dual Audio Engine: Internally SPlayer uses two HTML5 Audio engine smartly bound to one audio channel. You can cache/preload song before being loaded or you can preload two songs at the same time. That means you can preload the next song when the current song is fully buffered to provide a gapless playback. You also have direct access to both of the audio engines and their events. SPlayer is one of a kind.
• Multiple Audio Formats: MP3, OGG, OGA, AAC, M4A and MP4.
  (audio/mpeg, audio/mp3, audio/ogg, audio/x-m4a, audio/m4a, audio/x-mp4, audio/mp4, audio/mp4a, audio/x-aac, audio/aac, audio/aacp.)
• Multiple Sources: It detects the supported audio types and provides fallback, so you can add MP3 and M4A or MP3 and OGG files for wider browser support if you wish.
• Real Codec Support: It doesn’t just count on native codec support tests, It does real audio tests for more accurate audio codec support results to prevent false positives and false negatives.
• Real Attributes Support: It doesn’t just count on native audio attributes support, It does real audio attributes, such as preload and autoplay, tests for more accurate support results to prevent false positives and false negatives.
• Gapless Playback: Thanks to Dual Audio Engine mechanism, you can easily create gapless playback and gapless loop.
• Self-cleaning Mechanism: SPlayer Audio Player keeps itself clean. It frees cache and releases the previous played audio files from memory.
• More Control: Native web audio controls aren’t enough, so we added more such as stop, unload, replay, remaining time, and more.

Events and States Features

• Native Audio Events: All native audio events can be monitored; progress, playing, canplay, error and more.
• Extra Audio Events: It provides extra audio events, such as availabilitychange and more.
• Dual Audio Engine Events: It provides events for both the active Audio engine and the background Audio engine, such as empited, durationchange, canplaythrough and more.
• Window Events: offline, online and close events
• Database Changes Events: Monitor database changes in realtime, such as add, set and remove.
• Custom Events: Create and trigger your own events.
• States: Check for SPlayer states, such as playing, stopped. And you can easily toggle them as well.

API Features

• Sync jQuery-like API: The API is inspired by jQuery. It’s powerful, fast, and very easy to use.
• Useful: Provides many useful methods: such as has, not, move, first, last, children and many more.
• Expandable: You can easily add your own methods as well. Just like jQuery.

Search Features

• Fast Search: Search in database in dataObjects props using String.indexOf or algorithm.
• Algorithm-based: Not simple fuzzy search but Google-like algorithm-based smart search for data. It’s incredible, it can’t be defeated by typos and misspellings.
• Advanced: It’s very advanced. It searchs even in relations too, so when you search for “Katy Perry” term in tracks in database, you automatically get all tracks by Katy Perry. It just understands you.

Share Features

• Facebook: It uses Facebook Dialog Feed API.
• Twitter: It uses Twitter Web Intents API.
• Urlizer: You can generate unique URL for each dataObject (tracks, streams, etc ..), and can be read back using SPlayer Urlizer. That means you can communicate with SPlayer using URL parameters, whether URL query string parameters or hash parameters with Browser History API.
  
  URL parameters are SPlayer Code. You can select track, load it and then play it at a specific time, it’s similar to YouTube share, but SPlayer Urlizer is more powerful, since it can read SPlayer methods, prototypes and plugins. This enables incredible sharing experience.

Storage Features

• Uses fridge.js: SPlayer storage uses fridge.js, the world’s lightest multi-backend web storage library on the planet. Made by us.
• Multi-backend: Cross-browser: IndexedDB, WebSQL, and localStorage.
• Stores Anything: It stores a very wide range of data types. It works offline and online. To read more about fridge.js, click here.

Metadata Features

• Embedded Metadata Parser: SPlayer can automatically parse your tracks, and get all their embedded metadata. It supports MP3, M4A, MP4, AAC. It doesn’t support OGG/OGA yet. It gets the title, artists, albums, genres, release data, wiki, no, comments, and embedded images. The Embedded Metadata Engine is very advanced, smart, fast and memory-efficient. We don’t just say these words, we really mean them.
• Internet Metadata Fetcher: It fetches metadata from 3 music services: lastFM, iTunes and Deezer, the world’s largest online music catalogues, for tracks, albums and artists. It gets titles, wiki, release data, genres, images, artist names, album names with their images in all sizes as well. (Note: We get correct official artist images. Music services are all fully working)
• Extra Metadata: It checks for tracks online availability and caches duration. It has its own events, so you get notified when a track goes back online or goes offline when you load it. Yes you read that right. If you load a track, and it was temporary offline, SPlayer triggers an event.
• Async Task Manager: Metadata parser and fetcher don’t block I/O.
  SPlayer uses internal async task manager to organize its async tasks and to provide a great user experience. It has high priority and normal priority mechanism, so you can process some songs sooner; If you want an example, go and open SPlayer UI Plugin, and import folder full of songs, then go to songs tab and scroll down fast to bottom, you will notice that the currently viewed songs are being processed sooner than expected, that’s because UI Plugin tells SPlayer to set the currently viewed songs to high priority. It’s magnificent.
• Smart Dual Mechanism: SPlayer doesn’t just have embedded metadata parser and internet metadata fetcher. Just like iTunes, these two smarlty work together. There are also options where you can control how these behave.

Multithreading Features

• Web Worker: Uses Web Worker technology. It’s auto or it can be disabled or enabled. It’s used to run metadata parser in the background to prevent affecting the performance of the page.
• Internal Thread: Launches a separate worker thread internally without loading another file and without code duplications.
  Only top 1% developers can pull this off.
• Auto Mechanism: Metadata parser could run on both the main thread and the worker thread. SPlayer decides to which thread the track should be sent based on its src type. For instance, if a track src is link, the src will be sent to the worker thread to be parsed. If src is Blob/File object then it will be parsed on the main thread for better performance.
• Feature-detection Tests: Runs feature-detection tests for web worker to prevent errors. It degrades gracefully when no browser support.

Session and Restore Features

• Last Session: Stores last session: the loaded track, playlist, time, volume, paused, playing, stopped, rate and more. So you could restore them later if you want.
• Restore: It stores last session on window close, and restore it back on SPlayer ready.
• Custom Data: Restore and save session whenever you want by calling its API. It supports storing custom data.

History and Queue Features

• History: Your recent plays are all tracked. And of course, you are in control, you can limit or disable history whenever you want.
• Queue: SPlayer doesn’t just play tracks randomly without some kind of system. SPlayer has advanced Play Queue, where your next, shuffle, prev are all known. SPlayer does even count how many times you loaded and played them, and when the last time you loaded them.

Import and Export Features

• Direct Insert: You can directly insert dataObjects into database.
• JSON Import/Export: You can import/export JSON dataObjects or JSON Inputs. It supports JSON, Blob, URLs, Arrays.
• Special: This is where SPlayer is special, you can entirely export your database to JSON file, or string. Let’s say you added 300 tracks, they will take a few minutes to be processed and finished, after you do that, you export them to JSON file, and import this file again on load to prevent reprocessing the tracks. It’s a time-saving feature. This means that your users don’t have to process the songs to get metadata everytime they open your web player. The SPlayer UI Demo itself uses JSON Import. Read Pro-tips in docs in the package for more info.

Offline Features

• Offline Music: You can let SPlayer store music client-side, so the user can play them offline.
• Cached Music: You can cache tracks in the browser before being played (Convert to Blob or preload them in the background audio engine).
• Offline Images: You can make artist, album and track images go offline as well. It gets converted to Blob or you can store them in the offline storage with one simple call.

Other Features

• Download Music: All tracks can be downloaded using one simple call.
• Easy Add: SPlayer made adding music as easy as possible. Just links are enough. However, this still time-consuming for some, because you have to manually copy each song link, which’s very boring and annoying.
  
  But in SPlayer, it can be done within a minute, so if you have a folder full of songs, lets say 1000 songs, in your server, you can easily add them by using a trick. For more please read Pro-tips in docs in the package.
• 18 Months of Hard Work: It tooks us year and a half to built this piece of art. It’s a well-thought-out mechanism.

UI

UI Plugin Overview

SPlayer UI Plugin is a colorful, jaw-dropping, intelligent Groove-like interface for SPlayer API. It’s an event-driven music player, built with jQuery, powered by SPlayer, and can be launched with one call.

Note: There is more than meets the eye, SPlayer UI doesn’t use all SPlayer features. JaguarScript will work on that later. You can add collections, show genres, show albums, tracks and artists wiki, store music offline, store your imported files, cache the next songs before being played, advanced radio integration, show dynamic recommendation, show music homepage customized for viewer. Yes you read that right. You can show recommendations and customize homepage based on recent plays, related songs based on the latest played songs, recommended albums based on played albums, playing count, and many more.

UI Features

• Free Plugin: UI Plugin comes free with SPlayer. It’s a complete jQuery music player powered by SPlayer.
• Interface for SPlayer API: Most of SPlayer APIs are bound to SPlayer UI Plugin. It’s an event-driven interface for SPlayer API. That means if you add tracks using SPlayer API, you get to see them on SPlayer UI. That’s how it works!
• Groove-like Design: Colorful, jaw-dropping and intelligent design, and hugely inspired by Microsoft’s Windows 10 Groove.
• Colorful: UI Plugin has dark and light themes, and dynamic colors based on images. Just like Groove.
• Ultra Responsive: Modern web resposnive design for desktops, laptops, tablets, phones, and small phones.
• Intelligent UX: The buttons, the menu, the bar, the layers. Everything is connected. It has app-like structure.
• Fast and memory-efficient: Thanks to its app-like structure and its Virtual Scroll mechanism that’s powered by VScroll.js. The UI isn’t just beautiful, but it’s fast and memory-efficient too. It does smartly interact with SPlayer database. The UI renders just enough amount of tracks/albums/artists/etc to fill the viewport. That’s how Facebook and Twitter display and render their timelines.
• Customizable: It has many options where you can control design, container ( You can insert it anywhere you want, you can use SPlayer UI as a widget, not just full screen), theme, colors, tabs, pages, sort, settings, share, search, download and more.
• Simple API: The UI has its own API, where you can open an album, an artist or tabs, you can go back or destroy it by just calling simple API.

Control Panel

Control Panel Overview

SPlayer Control Panel is a WordPress-like Control Panel Windows Program that helps you configure SPlayer with your music folder and customize UI. Zero-coding skills required. One-click build. Very easy to use. Upload-ready player. One of a kind.

Control Panel Features

• Configure SPlayer: Configure TimeFormat, Metadata, Default Volume, and other options.
• Customize UI: Change theme, main color, style, pages and more.
• One-click Build: It literally takes one click to build SPlayer with your music folder, configured with your own options, customized just the way you like it, ready to upload to your own web hosting.
• Upload-ready Player: After you Build and Save Changes in the Control Panel, SPlayer becomes ready to upload. Everything will be configured. Everything will be connected.
• Zero-coding Skills Required: The Control Panel made for humans.
• Windows Exclusive: SPlayer Control Panel is made exclusively for Windows. Supports Windows 7/8/8.1/10.
  
  Note: We don’t support macOS or any other operating systems. It’s a Windows-only software. That means you need Windows machine if you wish to use SPlayer Control Panel. (Just Control Panel needs Windows machine)

Demo

Here are many SPlayer UI demos. However, you can also control container, not just style and design, that means you can run SPlayer UI as a widget in your website, not just full screen. Also the UI isn’t just pretty, don’t forget to import your own music folder, right click on songs, hover on artists and albums, try its algorithm-based search, and scroll on volume slider.

Note: the SPlayer JavaScript files that’s being used to demonstrate this has been modifed and encrypted for demo purposes, so the demo is slower and bigger than the original untouched SPlayer JavaScript files.

SPlayer UI – Light Theme – Demo 1

SPlayer UI – Light Theme – Demo 2

SPlayer UI – Light Theme – Demo 3

SPlayer UI – Light Theme – Demo 4

SPlayer UI – Light Theme – Demo 5

SPlayer UI – Light Theme – Demo 6

SPlayer UI – Dark Theme – Demo 1

SPlayer UI – Dark Theme – Demo 2

SPlayer UI – Dark Theme – Demo 3

SPlayer UI – Dark Theme – Demo 4

SPlayer UI – Dark Theme – Demo 5

SPlayer UI – Dark Theme – Demo 6

Supported Audio Formats

• Audio Containers/Extensions: MP3, OGG, OGA, AAC, M4A and MP4
• Audio Codecs: audio/mpeg, audio/mp3, audio/ogg, audio/x-m4a, audio/m4a, audio/x-mp4, audio/mp4, audio/mp4a, audio/x-aac, audio/aac, audio/aacp

Supported Src Inputs

• Links
• Files/Blobs
• Base64

Supported JSON Inputs

• Strings
• Files/Blobs
• URLs

Visit Product Page

SPlayer: Supercharged HTML5 Music Player

Max Edition vs Normal Edition

Both normal and max editions are the same, except that Max Edition has extra API functions

Documentation

Full documentation contains Installation, Usage, Audio Formats, Src Inputs, JSON Inputs, dataObjects, API Handy Guide, API Documentation, Selector, Events, States, Plugins, UI Plugin, Performance, Notes and Pro-tips, and Browser Support are now available online:

SPlayer Documentation

Browser Support

Google Chrome (8+), Mozilla Firefox (4+), Apple Safari (6+), Opera (15+), Microsoft Edge (all), Internet Explorer (10+) and others.

If you want to support older browsers, it could work, but not all SPlayer features.

FAQ

• Is this the successor of sPlayer? Yes. This is the long-awaited all-new SPlayer 2, but SPlayer is totally revamped, it doesn’t even share one line of code with sPlayer.
• Can I upgrade from sPlayer to SPlayer for free? No. This is completely a new product. You need a new licence.
• Do I have to manually write music metadata? No. You don’t have to manually write music metadata, and add music manually. SPlayer is as powerful as iTunes when it comes to adding Music.
• Is there a Control Panel to upload the songs? Yes. Starting from SPlayer 2.1
• Does SPlayer has users accounts, Facebook, Twitter, and Google Sign In, and premium members stuff? No. SPlayer is client-side. You have to buy a PHP music script or contact a web development company if you want something like this because it requries secured backend. You can suggest to the web development company that you want them to use SPlayer as the front-end HTML5 music player. They will do it for you by easily creating a secured backend and connect SPlayer API to their backend API.
• Is there an upgrade guide from sPlayer to SPlayer? No. Everything has changed.
• Is it easy-to-use? Yes.
• Does it support Videos? No. but if you’re a developer, you can create a video plugin for it. JaguarScript might create an official video plugin for SPlayer in the future.
• SPlayer file size? 100k minified. 100~ Functions. However, It allows you to create custom builds containing only the modules you need, in case file size is an issue.

Changelog

v2.5.1 b25100: Initial Release

Update

16/12/2020: Set pixel ratio on mobile devices

22/11/2020: Add link panel to Designer tool.

18/11/2020: Fix control on mobile devices.

14/11/2020: Implement antialiasing.

13/11/2020: Spherical Gallery Designer, advanced admin backend allows uploading, editing and configuring the gallery using widgets and user interfaces.

Introduction

3D Spherical Gallery is a beautiful 3d application with items cleverly distributed in certain positions to present a spherical geometry.

Component Architect

Every UI elements are designed as separated components from the ground up. Components are loosely coupled widget objects that can be reused and customized in different projects.

Extensibility with ease

Easily customize and extend the application with your own code. We provide standalone building blocks as AMD modules using RequireJS.

Rich API

The technical design offers many classic OOP advantages like the single responsibility principle but also provide a wide range of public methods that unique to each component.

Elegant fallback

A beautiful 2D Gallery is implemented as a fallback for browsers with unsupported CSS3D feature. The app auto switches to its fallback mode to ensure the best user experience.

Full Features

• Over 40 configuration options
• Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
• Default dark theme and light theme
• Multi media support: photo, audio, video, ajax, inline, embedded iframe
• 2 control modes: ‘mousemove’ and ‘mousedrag’
• Multiple Screen support: mobile, tablet. desktop
• Multi categories support
• Fullscreen support
• Full width support
• High quality code comments
• High quality documentation
• HTML preprocessor using Pug templates
• Custom components: ItemTitle, ItemDescription
• animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
• Advanced MediaViewer component, a feature rich lightbox application to view extended contents
• Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
• CSS preprocessor using SASS and Compass framework
• Multiple SASS variables offering extreme flexibility to customize application look and feel
• videojs as main video playback engine
• audio5js as main audio playback engine
• Multiple examples files provided
• Lightweight: only 26KB in gzip format

Image Credits:unsplash.com Video Credits:pexels.com

Special Note for Fellow Envato Authors – This tool can really help you save time and money on creating and maintaining new documentation websites for your products.

Admin Panel    Documentation

Credentials : Username – admin@admin.com Password – 123456

Sample Documentations Created Using Edocsify

Sample 1  Sample 2  Sample 3  Sample 4  Sample 5

Features

Highlights

1. Unlimited Documentations
2. One Admin Panel for Everything
3. Sophisticated WYSIWYG Editor
4. Content Categorization into Sections and Articles to adapt any kind of real world organizational flow
5. Complete System Control using an easy to use Admin Interface
6. White Labelling Support
7. Domain Linking Support
8. Built on blazingly fast technology stack of NodeJS, ReactJS and Firebase
9. Attractive UI Design built using Antd Design
10. Theming Support
11. DNS Mapping Support

Features

1. Automatic Multi language Support
2. Import Markdown
3. SEO Management
4. Live Chat and Support
5. Google Analytics
6. PDF Download
7. Dark Mode
8. Whitelabelling and Theming
9. Enquiries
10. Announcements
11. Subdomain Mapping for each documentation
12. DNS Mapping Support
13. Social Media Links
14. Customizable Menus
15. Internal Article Linking
16. Automated Backups and Restore
17. Customizable Email Templates
18. Content Categorization
19. DIY System Configuration

No Refund Policy – We expect you to read the description and checkout the product properly before you decide to buy in order to confirm if it suits your requirements.

Change log

Description

Cashie – Simple management system. It has modern design and user friendly. It was build by NodeJS (Express JS), React JS and MongoDB.

Features

• Management user (Create, Read, Update, and Delete User)
• 2 Roles (Admin and Cashier)
• Management Category Product
• Management Products
• Create Transaction
• Print Receipt
• Management Reports

Demo

User Demo Account

Admin

Username: cashieadmin
Password: cashieadmin

Cashier

Username: cashiecashier
Password: cashiecashier

Spinster URL Rotator generates a unique url that helps incoming traffic to be redirected and distributed to any number of websites of your choice. Easily split traffic and track how much each website is getting.

URL Rotators are mostly used for split tests (aka A/B tests) that conduct experiments on your webpages to determine which of them is performing better. Moreover, if you are an affiliate marketer then this product will help you in creating a campaign with multiple affiliate and referral links under one mother link so that you can divide incoming traffic to those affiliate and referral links.

Features

• Create Unlimited Rotators
• Add Upto 100 URLs
• Admin Login
• Reset Login Credentials
• Dark Mode
• Edit Links
• Link Visit Stats
• Archive Links
• One-click URL Copy
• Split Traffic by Percentage Allocation
• Restore Archived Links
• Auto/Manual Percentage Allocation
• Clean UI
• Customized Bootstrap Theme
• Responsive Design
• Easy-to-understand Error Display

Live Demo

Demo Link

Username: admin

Password: 12345

Requirements

• Cloud Hosting (AWS, Heroku), Host with cPanel or any other that supports NodeJS.
• MongoDB Atlas or mLab. Free tier is enough to make it work.
• To test it locally, you will need NodeJS and MongoDB installed in your system.

Please note that MongoDB port must be opened for shared, dedicated and VPS servers for database integration.

License

This app is the sole property of Codevion and only intended for personal use upon purchase. Unauthorized distribution is strictly prohibited.

Support

If you have any queries, please don’t hesitate to reach us. We’d be happy to help you.

Changelog

v1.0.2 - Nov 4, 2020
 - Updated CDN Link; 
v1.0.1 - Sept 4, 2020
 - UI Improvements; 
v1.0.0 - Sept 3, 2020
 - Initial Release;

• Unique Angular clean and modern design
• 100% Responsive Layout
• HTML5 and CSS3
• Bootstrap 4
• Select plan and set your custom price
• W3c validate markup
• Font Awesome Icons
• Hover effects
• Roboto Google Font
• Compatible with all major browsers
• Quickview
• Well documented
• 4 column pricing plans
• 24/7 Friendly customer support

Fonts:

• https://fonts.google.com/specimen/Roboto

Icons:

• Font Awesome (https://fontawesome.com/)

Changelog:

Version 1.0.0 — August, 2020

• Initial Release

Support

Feel free to contact us any time. We have a dedicated team to provide you the best support.

Features

• Complete Angular 9 Application
• Binary To Decimal Converter
• Binary To Hex Converter
• Binary to Octal Converter
• Decimal to Hex Converter
• Decimal to Binary Converter
• Decimal to Octal Converter
• Hex to Binary Converter
• Hex to Decimal Converter
• Hex to Octal Converter
• Octal to Decimal Converter
• Octal to Binary Converter
• Octal to Hex Converter
• Text to Binary Converter
• Binary to Text Converter
• Character to ASCII Converter
• ASCII to Character Converter
• Text to Octal Converter
• Octal to Text Converter
• Text to Hex Converter
• Hex to Text Converter
• Text to Decimal Converter
• Decimal to Text Converter
• Integrated Firebase Hosting
• Beautiful Designed
• Technologies: Angular 9, TypeScript
• Mobile Friendly
• Single Page Application
• Well Documentation and Code Comment
• Very Clean Code & Easily Customizable

The tool is helpful for producing corpus of texts for machine learning purposes. It produces a CSV file or corpus of text files – which can be used in your machine learning program for topic modelling.

• Extract article text from unlimited number of URLs.
• Extract articles as .txt files or .csv files.
• Superfast scraping process with realtime update data.
• Extracted data is also saved a non-structured database for advanced users interested in querying the data.
• Many more cool features, checkout our demo!

Files Included:

• 3dimagehover.css
• 3dimagehover.min.css
• 3dimagehover.scss
• 3dimagehover.js

Image Credit

We provide some helper components and examples to help you start your task faster and easier such as Datatable with Server Side ready, Datepicker, Photo crop and upload, and Postman Collections.

Responsive design for all type of devices and works on all major web browsers, Desktop, iPhone, iPad, Tablet and all other smart phone devices.

Documentations: https://docs-genno.netlify.app/

Features

• REST API
• Register and Login
• Email Verification
• Forgot and Reset Password
• User Management and User Profile
• Roles and Permissions
• Global Site Config
• Server Side Datatables, Filter, Sort, Toggle column, Export
• Form validations
• Dashboard
• Photo Upload
• Avatar
• Files Upload
• Country, City, State
• Location Picker
• Timezone
• Responsive
• Minimal designed theme
• Very organized and clean code
• Dockerized

Helper Components

• Datatables
• Location Picker
• Date Picker
• Time Picker
• Color Picker
• Photo Cropper
• Avatar Generator
• Confirmation popup
• Dialog Loader
• Multifiles Uploader

Live Demo: http://www.genno.site/

System

• VueJS
• Vuetify Stable Version v1.5 (Components Wrapper)
• Vuex
• NodeJS
• ExpressJS
• MongoDB

Requirements

• Basic Javascript Skill
• VueJS knowledge
• Basic MongoDB Skill

File Includes

• Javascript files
• SCSS files
• SVG files
• PNG files
• Postman Collections

CHANGELOGS

v1.3.0 – October 23, 2020

* Add UI Elements Examples
* Add Validation in Name and Username fields
* Add random avatar button in create user
* Update Chat UI
* Update http request implementation
* Fix Bug Menu not updated on change user
* Fix Bug Pending User Tab not Validated
* Fix Bug Datatable not following timezone
* Fix Bug Dashboard Today Login Timestamp
* Update Dashboard API and User Table API

v1.2.0 – October 5, 2020

* Add Dashboard
* Add Footer
* Improve Datatable Code
* Fix Bugs
* Add Dashboard API
* Update Postman Collection

v1.1.0 – September 23, 2020

* Fix Account Logs IP Format
* Fix bug generate avatar
* Fix bug User Table Query
* Datatable - Add Export module on Client
* Datatable - Add Toggle Column
* Datatable - Add Server Side Filters
* Datatable - Add Static Data Filters
* Mail Library - Enhance for supporting handlebar template

v1.0.0 – September 8, 2020

* Initial Release 

Thanks for purchasing!

Please rate the item and if you can, leave a review/comment.
It does help me in the long run and I really appreciate it. Thank you!

Features

    Drag and drop element
    Built in drag and drop slider
    Customizable elements
    Full grid system
    Responsive classes
    No inline css
    Css are saved to external css file
    Automatic html file saving process
    Visual form builder
    Smart portfolio integrated
    Lightbox integrated
    Customizable action button
    Full control over action elements
    cropped Square image integrated

Check Out The IOS Version

VIDXA (WEB)– Free video and audio Conferencing App

Welcome!

Introduction:

Today’s world is interconnected and our team is providing you with ease to connect with your family, friends, colleagues, and employees through our app with much efficiency in today’s digital world. VIDXA – Free video call and meeting app are designed simply to provide the user with an easy to operate, as the user is our priority. Complexity is much avoided in designed keeping in mind the demand and work conditions of our territory which makes it user friendly. VIDXA; Web app written in HTML, CSS and JAVASCRIPT and the latest material design guidelines are followed. We focus on providing an easier to use the product as well as cost-saving.

Free and open-source Jitsi Server is used in the backend for encryption and processing of all the communication between users. Better quality, improved performance, fast streaming, and reduced server latency is promised to the users by VIDXA. Over the past few months, we experienced isolation, and the only way to connect with teammates, health care professionals, loved ones, or learning home was video conferencing. Keeping in view the circumstances our team is providing the users with a much efficient platform to keep connected to the World. It’s our priority to provide a safe secure and reliable experience to the user.

The much efficient video conferencing app providing video telephony and online chat services are used for teleconferencing, telecommuting, distance education, and social relations. VIDXA allows users to create and invite others by sharing the meeting code to join a meeting. By browsing previous meeting history the meeting can also be rejoined. Multiple participants are allowed in a single meeting to experience crystal-clear, face to face video best video meeting quality.

OBJECTIVES:

Face to Face communication:
VIDXA provides face-to-face communication between multiple users in different locations. It can be considered an alternative to phone conferencing for business and provides the user with an inexpensive means of communication with distant friends and family.

GROUP WORK:
The app facilitates the long term group work between remote employees or companies enabling them to share video and audio ca.
Clear Communication:
VIDXA provides its user with clear communication- fewer errors to avoid miscommunication in exchange of ideas.
Simplify management and Usability:
It’s an all in one app providing users with ease of audio, video conferencing, screen sharing and real-time instant messaging all at one place so the team can focus on their meetings instead of being burdened with troubleshooting every meeting.
Increase Communication reliability:
We promise to provide a fast and secure way to communicate with colleagues and loved ones. It aims at building more personalized connections.

FEATURES:

1.Home Screen: it is designed provides users with options of the reminder of the scheduled meetings, rejoin the previous meeting, create and host a new meeting inviting others or join a meeting as an interactive participant or view-only webinar attendee with many conveniences as simplicity and user ease is our goal.

2. Create OR Join: user can host or create a meeting and invite others via sharing a URL link through mobile or web. User can join meetings using the meeting code or specified URL through both mobile or web.

3. Meeting History: feature to track everyday meetings and conference calls is provided for user convenience. The meeting can be rejoined up to 48- hours. The app allows clearing or deleting the meeting history.

4.Meeting Scheduler: the feature adds a reminder for users’ upcoming scheduled meetings. The user can start the scheduled upcoming meeting on time. Also, the reminder for the scheduled meeting can be deleted.

5.Conference Call: The number of users is 75+ providing high-quality video and audio conferencing experience. Calls are end to end encrypted for security purposes also screen share option is available in the web browser to have better and improved learning. Meetings can be protected with security key.

6.User Profile: it can be updated as per need also the available language can be chosen by the user according to his ease of understanding. User can provide his/her feedback by rating the app in Google Play Store.

7.Login and Register: Users can create an account to log in or signup through Google or Email making login safe and secure. Both in mobile or through web user can sign up or login using Google or email.

8.Record Meetings: the app provides the feature to record meetings to have a record of it for future use. Option for recording the meeting is available for the host to keep the record of what is discussed in meeting whether the meeting is for learning purpose or office work. This feature is the most important among all.

9.Real-time Chat: During a conference, call group chat feature is provided for instant messaging to send images to share audio from mobile and desktop.

10.More options: It opts for the selection of sound devices microphones, Bluetooth, etc. Enabling low bandwidth selection. To have the attention of the host VIDXA enables the feature to raise a hand to avoid disturbance and continue a smooth meeting. Also, toggle camera, title view, and screen recording option are kept in app design. The user also can start live streaming password can be set for meeting to avoid privacy issues.

11.Screen Sharing: VIDXA provides the user with best screen sharing quality, sharing screen directly from the web browser.

Application Advantages:

Different communities:

This app is not limited for one community & it can be used by different communities.

Quality image:

It can support highest quality images which show the beauty of this app.

Easy marketing:

With the use of this app it provides easy and free marketing.

Marketing Graph line:

This app can easily grow your bottom line to top in the graph.

Check the Live demo

•Icons
Most of the icons used in the application are vector icons (SVG files) from the Google Material Design icon pack.

•Google Material Design icon pack:

https://material.io/icons/

Material icons are delightful, beautifully crafted symbols for common actions and items. They are open source distributed and free for everyone (to use).

•Rate

This item is sold exclusively on Envato Market (CodeCanyon). If you purchased the item and like it and its documentation please, rate it.

•Item support policy

This Envato Market (CodeCanyon) item comes with NO support from the author. More information about Envato Market (CodeCanyon) item support: https://codecanyon.net/page/item_support_policy

•Contact

If you have any questions, problems or recommendations, please do not hesitate to contact me anytime. I will try to answer you as quickly as possible. Email address: infusiblecoder@gmail.com

APP CONFIGURATION SERVICE:

Check out app configuration service if you like us to set up everything for your app. NOTE: Client is to provide the user with the logo, splash screen, app color, and access to the Firebase project for the app configuration.

ITEM SUPPORT:

Item support is provided through our email contact us at infusiblecoder@gmail.com

Change Logs

V1.2

Added Admin Panel

V1.1

Added Schedule feature

V1.0

release

Check Out Our Other Apps

MARKETING ICONS SET

Set of 64 animated Marketing icons suitable for web designers and web / app developers. A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others).
By purchasing the Set you save $20!

You will get:
✔ 64 json animated icons
✔ After Effects project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design

Compatible with:
WordPress, Elementor, Divi, WebFlow, BeaverBuilder, Lottie Files, Bodymovin

Set Include:
✔01 Price Pack
https://codecanyon.net/item/marketing-price-animated-icons-pack-lottie-json-svg/27658712
✔02 Product Pack
https://codecanyon.net/item/marketing-product-animated-icons-pack-lottie-json-svg/27868064
✔03 Support Pack
https://codecanyon.net/item/marketing-support-animated-icons-pack-lottie-json-animation-svg/27936127
✔04 Data Diagram Pack
https://codecanyon.net/item/marketing-data-diagram-animated-icons-pack-lottie-json-animation-svg/28144069

The Set is suitable for those who are interested in:
icons
business
marketing
interface
web
json
svg animation
lottie animation
web development
app design
ui
motion
bodymovin

InboxGun – NodeJS Email Builder App

“ InboxGun – NodeJS email builder app is exceptionally one of a kind and simple to utilize email layout that accompanies disconnected simplified manufacturer you can alter the format on your server and basically send out. It’s entirely straight forward to utilize and very easy to use, essentially make alters in the server and fare the last plan and begin sending mail to your clients or partners the manner in which you need to utilize InboxGun – NodeJS email builder app is absolutely up to you, you can utilize if when even you don’t have any web association while sitting in the recreation center regardless of any place you are, InboxGun – NodeJS email builder app spares you heaps of time and cash.

Try our admin demo –
https://inboxgun.node.pixelnx.com/
Username –demo@inboxgun.com
Password – 123456

Thank you for Watching this application. If you have any questions that are beyond the scope of this help file, please feel free to email via my user Page Contact form here. Thank you so much!

Please check the Online Documentation for more details of the Script.

Features

• Simple Email Template Editor
• Graphical Analytics view
• Preview Template
• Send test mail for any contact
• Create Groups for contact list
• SMTP settings
• Email Scheduling for both group and contacts
• Email Logs with status
• Link Tracker for campaign
• Link Click count
• Fully Responsive
• User friendly UI

Source and Credit

I am Happy to Credit the Below

1. Google Webfonts
2. Photodune
3. Shutterstock
4. Unsplash
5. Wllpaperswide
6. Fotolia
7. istock photo
8. Font Awesome
9. jQuery
10. Bootstrap

Please note that images used in live preview are not included in the package. If you have any questions please feel free to email via my user page contact form here. Thank you!

Features

• Pure javascript based newsletter builder
• Modern UI Elements
• Specific element with relevant editing option as well as HTML Editing
• Flexible text controls
• Color picker with RGB color combination
• Custom Tags for Newsletter
• 100+ Font Family Integrated
• Image upload & crop options
• 100+ beautifully designed blocks

Support, Questions and Offers

Our support team is ready to answer any kind of questions.

Do not hesitate to ask, we will figure out how to help you!

Email Us: nextrisingtech@gmail.com

Crowslider has six most beautiful and different types of animated sliders. This Slider is a perfectly easy and rich in option plugin for creating various sliders for your website. You can embed a simple photo slider by uploading your images, or create a slider with banners, containing texts and buttons. Crowslider Slider is a truly responsive and device friendly slider which works perfectly on all major devices.

Main Features

• Animated Layers – six most beautiful and different types of animated sliders.


• Responsive layout – The slider is fully responsive as it allows you to specify its size in percentages.


• Banner and Fullscreen sliders – The slider can be displayed fullscreen in browsers that have support for HTML5 fullscreen.


• Fully customizable – You can easily change the position of the elements or even replace the default graphics (preloaders, arrows etc.) with your own.


• HTML Content – You are not limited to using just images, Crowslider Slider gives you the possibility to add HTML content inside the slide.


• Images Content – Easily create amazing photo galleries. Images can be loaded sequentially.


• Directional Navigation – Use previous and next arrow controls navigation to navigate between slides.


• External Linking – You have the option to add a link to each slide


• Slide Content CSS Animation – Animate you slider content with CSS3 animation.


• Inner Text – Display inner text description in overlay, partial left, and partial right, and partial top, and partial botttom style..


• Adaptive Height – Stick slider height to the current slide.


• Center View – Align current slide to the center of your carousel.


• Documentation – All options are documented and described.

24-Hour Turnaround Support

• Quick, Dedicated & Professional Support
• Please send us email to support@themosoft.com with your details query. Thanks!

Important Note:

• Images are only for demo purpose and not included in the download bundle.