CodeCanyon new JavaScript items 2020-10-30T21:39:14+00:00 FeedCreator 1.8 (info@mypapit.net) Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/image-converter-pro-angular-10-firebase-full-production-read/28872488 Image Converter Pro By Angular 10

The easiest free online image converter Tools. Convert your image to JPG, JPEG, PNG, BMP, TIFF format. Production Ready Angular 10 Applications.

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 1

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 2 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 3

Email:admin@gmail.com Password: 123456

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 4 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 5

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 6

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 7 media&token=6eacdf60-89e7-4ba1-83e0-7d2644792da0\ Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 8 media&token=5d19479e-b08e-4d00-8622-f3d8a462422e\

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 9 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 10 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 11

Features

  • Convert JPG, PNG, BMP, TIFF & GIF images
  • Compress JPG, PNG, BMP & TIFF images
  • Integrated Image Manipulation Program JIMP (For Image Compress and Conversion) – more details https://www.npmjs.com/package/jimp
  • For Spinner, https://www.npmjs.com/package/ngx-spinnerhttps://www.npmjs.com/package/ngx-spinner
  • Integrated FileSaver for saving image - https://github.com/eligrey/FileSaver.js/
  • Integrated JSZip saving image as a ZIP file – https://stuk.github.io/jszip/
  • Every conversion will be done based on your file size but usually take time less than 10-15 seconds. Also you don’t need any internet connection, The conversion will be done in offline mode not dependent any cloud server which mainly secure file and makes conversion faster and easier.
  • 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-adminpanel.firebaseapp.com/ Email: admin@gmail.com and Password: 123456
  • Integrated Firebase Hosting
  • Automatically download converted images
  • Beautiful Designed
  • Technologies: Angular 10, TypeScript
  • Mobile Friendly
  • Single Page Application
  • Well Documentation and Code Comment
  • Very Clean Code & Easily Customizable

Admin Panel Features

]]>
Image Converter Pro By Angular 10

The easiest free online image converter Tools. Convert your image to JPG, JPEG, PNG, BMP, TIFF format. Production Ready Angular 10 Applications.

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 1

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 2 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 3

Email:admin@gmail.com Password: 123456

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 4 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 5

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 6

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 7 media&token=6eacdf60-89e7-4ba1-83e0-7d2644792da0\ Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 8 media&token=5d19479e-b08e-4d00-8622-f3d8a462422e\

Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 9 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 10 Image Converter Pro (Angular 10 & Firebase) Full Production Ready Application With Admin Panel - 11

Features

  • Convert JPG, PNG, BMP, TIFF & GIF images
  • Compress JPG, PNG, BMP & TIFF images
  • Integrated Image Manipulation Program JIMP (For Image Compress and Conversion) – more details https://www.npmjs.com/package/jimp
  • For Spinner, https://www.npmjs.com/package/ngx-spinnerhttps://www.npmjs.com/package/ngx-spinner
  • Integrated FileSaver for saving image - https://github.com/eligrey/FileSaver.js/
  • Integrated JSZip saving image as a ZIP file – https://stuk.github.io/jszip/
  • Every conversion will be done based on your file size but usually take time less than 10-15 seconds. Also you don’t need any internet connection, The conversion will be done in offline mode not dependent any cloud server which mainly secure file and makes conversion faster and easier.
  • 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-adminpanel.firebaseapp.com/ Email: admin@gmail.com and Password: 123456
  • Integrated Firebase Hosting
  • Automatically download converted images
  • Beautiful Designed
  • Technologies: Angular 10, TypeScript
  • Mobile Friendly
  • Single Page Application
  • Well Documentation and Code Comment
  • Very Clean Code & Easily Customizable

Admin Panel Features

]]>
Office Environment Animated Icons Pack - Wordpress Lottie Json Animation SVG 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/office-environment-animated-icons-pack-wordpress-lottie-json/28781625
ANIMATED ICONS
Pack of 16 animated Office Enviroment icons suitable for web designers and web / app developers. A pack of animated icons is perfect for CMS platforms (WordPress, Webflow and others). You will get:
✔ 16 json animated icons
✔ 16 html preview
✔ After Effects Project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design
Office Environment Animated Icons Pack - Wordpress Lottie Json Animation SVG - 2
Icons Included:
1.pondering
2.take note
3.retention
4.agreement​
5.mind
6.office location​
7.company mission
8.schedule
9.chart
10.portfolio case
11.register
12.videocall
13.deadline
14.office building
15.elevator
16.project folder
The Set is suitable for those who are interested in:
icons
business
office
environment
interface
web
json
svg animation
web development
app design
bodymovin
lottie
ui
motion
]]>

ANIMATED ICONS
Pack of 16 animated Office Enviroment icons suitable for web designers and web / app developers. A pack of animated icons is perfect for CMS platforms (WordPress, Webflow and others). You will get:
✔ 16 json animated icons
✔ 16 html preview
✔ After Effects Project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design
Office Environment Animated Icons Pack - Wordpress Lottie Json Animation SVG - 2
Icons Included:
1.pondering
2.take note
3.retention
4.agreement​
5.mind
6.office location​
7.company mission
8.schedule
9.chart
10.portfolio case
11.register
12.videocall
13.deadline
14.office building
15.elevator
16.project folder
The Set is suitable for those who are interested in:
icons
business
office
environment
interface
web
json
svg animation
web development
app design
bodymovin
lottie
ui
motion
]]>
Firestore Backup & Restore GUI 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/firestore-backup-restore-gui/28772175 The missing Add-On for your Firebase App!

Firestore Backup&Restore GUI allows you to backup your Cloud Firestore database locally and in the cloud via a graphical user interface to ensure there is always a good backup should disaster strike; and you can set it up in under ten minutes.

With Firestore Backup&Restore GUI you can backup and restore your Cloud Firestore database with a single click. Firestore Backup&Restore GUI is installed as a resource in a deploy target in your existing Firebase project and runs as standalone application.

You can back up your data manually or set up an automatic backup schedule to back up your data to Cloud Storage and easily restore it from a history list when needed. The entire Cloud Firestore database can also be downloaded as a JSON file by its backup date and stored locally.


Firebase Cloud Firestore Backup and Restore Google Cloud Storage Graphical User Interface GUI Easily backup and restore Firebase Cloud Firestore to Google Cloud Storage with a graphical user interface Firebase backup Cloud Firestore with a single click to Cloud Storage Firebase restore Cloud Firestore with a single click from your Google Cloud Storage Firebase download your Cloud Firestore Backup from Cloud Storage to save it locally Firebase Cloud Firestore restore Backup from Cloud Storage by backup history Firebase schedule Cloud Firestore backups to Google Cloud Storage and schow them in backup history

Multilingual
Three preloaded languages: English, German, Italian
Easily add other languages.

Easy setup – No programming experience is required
Just follow our step-by-step user and installation guide and you are good to go.


Firebase Cloud Firestore Backup and Restore GUI backup Firestore to Google Cloud Storage or download it as JSON

Features

Easy installation in your existing Firebase project. Simply create a deploy target in your Firebase project, add your Firebase credentials to Firestore Backup&Restore and upload it to your Firebase project. Firestore Backup&Deploy’s easy-to-understand user manual gives you step-by-step instructions on how to set it up correctly.

Easy-to-use. Firestore Backup&Restore is an easy-to-use backup application. It automatically protects your Firebase Cloud Firestore with backups to Google Cloud Storage and prepares your Cloud Firestore data for download as JSON.

Download your entire Firestore database as JSON. Get the data from your Firestore as a JSON and store it locally or upload it to another Cloud Firestore for use in multiple applications.

Restore from Cloud Storage or from your local backup. With Firestore Backup&Restore you can restore your Cloud Firestore with a single click. Whether from Cloud Storage or from your locally stored backup copy.

Can be accessed from any device. Once set up, Firestore Backup&Restore can be used across platforms in a web browser without the need to download or install it on your device. If you install Firestore Backup&Restore on your device, it runs as a standalone application.

Material design. Flat, elegant, and vibrant.

Dark mode. Enhances visual ergonomics by reducing eye strain, facilitating screens to adjust according to current light conditions and providing comfort of use at night or in dark environments.

Customizable. Apply the corporate design to your Firestore Backup&Restore application by changing the logo, homepage background, language and title.


Requirements
• Code editor or IDE
• Node and NPM

Demo

Firebase Cloud Firestore Backup and Restore Graphical User Interface GUI Demo]]>
The missing Add-On for your Firebase App!

Firestore Backup&Restore GUI allows you to backup your Cloud Firestore database locally and in the cloud via a graphical user interface to ensure there is always a good backup should disaster strike; and you can set it up in under ten minutes.

With Firestore Backup&Restore GUI you can backup and restore your Cloud Firestore database with a single click. Firestore Backup&Restore GUI is installed as a resource in a deploy target in your existing Firebase project and runs as standalone application.

You can back up your data manually or set up an automatic backup schedule to back up your data to Cloud Storage and easily restore it from a history list when needed. The entire Cloud Firestore database can also be downloaded as a JSON file by its backup date and stored locally.


Firebase Cloud Firestore Backup and Restore Google Cloud Storage Graphical User Interface GUI Easily backup and restore Firebase Cloud Firestore to Google Cloud Storage with a graphical user interface Firebase backup Cloud Firestore with a single click to Cloud Storage Firebase restore Cloud Firestore with a single click from your Google Cloud Storage Firebase download your Cloud Firestore Backup from Cloud Storage to save it locally Firebase Cloud Firestore restore Backup from Cloud Storage by backup history Firebase schedule Cloud Firestore backups to Google Cloud Storage and schow them in backup history

Multilingual
Three preloaded languages: English, German, Italian
Easily add other languages.

Easy setup – No programming experience is required
Just follow our step-by-step user and installation guide and you are good to go.


Firebase Cloud Firestore Backup and Restore GUI backup Firestore to Google Cloud Storage or download it as JSON

Features

Easy installation in your existing Firebase project. Simply create a deploy target in your Firebase project, add your Firebase credentials to Firestore Backup&Restore and upload it to your Firebase project. Firestore Backup&Deploy’s easy-to-understand user manual gives you step-by-step instructions on how to set it up correctly.

Easy-to-use. Firestore Backup&Restore is an easy-to-use backup application. It automatically protects your Firebase Cloud Firestore with backups to Google Cloud Storage and prepares your Cloud Firestore data for download as JSON.

Download your entire Firestore database as JSON. Get the data from your Firestore as a JSON and store it locally or upload it to another Cloud Firestore for use in multiple applications.

Restore from Cloud Storage or from your local backup. With Firestore Backup&Restore you can restore your Cloud Firestore with a single click. Whether from Cloud Storage or from your locally stored backup copy.

Can be accessed from any device. Once set up, Firestore Backup&Restore can be used across platforms in a web browser without the need to download or install it on your device. If you install Firestore Backup&Restore on your device, it runs as a standalone application.

Material design. Flat, elegant, and vibrant.

Dark mode. Enhances visual ergonomics by reducing eye strain, facilitating screens to adjust according to current light conditions and providing comfort of use at night or in dark environments.

Customizable. Apply the corporate design to your Firestore Backup&Restore application by changing the logo, homepage background, language and title.


Requirements
• Code editor or IDE
• Node and NPM

Demo

Firebase Cloud Firestore Backup and Restore Graphical User Interface GUI Demo]]>
GDPR Cookie Law – Responsive JavaScript GDPR Consent Plugin 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/gdpr-cookie-law-responsive-javascript-gdpr-consent-plugin/28741192 Add a super fast responsive EU GDPR cookie pop-up notification to your website and customize it as you need.

GDPR Cookie Law - JavaScript EU Cookie Consent Plugin

Demo site: GDPR Cookie Law – JavaScript GDPR Compliance Plugin

The European Union’s General Data Protection Regulation (GDPR) made it necessary to inform the user about the use of cookies on the website. That’s why this GDPR plugin was created.

GDPR Cookie Law is a lightweight responsive JavaScript plugin that allows you to create simple cookie notification in modern, flat style with several options.

GDPR Plugin Features

  • Easy Integration
  • Plugin Customization
  • Custom Hyperlinks
  • Plugin Examples
  • Custom Cookie Pop-up Style
  • Clean Code
  • Responsive & Mobile Friendly
  • Predefined Themes
  • Animation Types
  • Different Positions
  • Cross Browser Support
  • Vanilla JavaScript
  • Free Updates

Browser Compatibility

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Opera
  • IE Edge

Note

GDPR Cookie Law JavaScript plugin provides the necessary regulations that affected by cookies. It doesn’t offer full compliance with GDPR as you have to follow further rules, that can be discussed by your GDPR consultant or law firm.

Contact & Support

Please visit my profile page or ask question in the plugin’s the comments section.

Follow me on CodeCanyon.

Changelog

You can find the changelog on the demo site.

Check out my other plugins on CodeCanyon

WordPress Plugins

jQuery Plugins

Envato Developers

Would you like to add this plugin into your item?

Purchase one extended license for the item you want to sell on any Envato Marketplaces. Send me a mail and I will add your item link to this page.

Listen to my AudioJungle Portfolio

]]>
Add a super fast responsive EU GDPR cookie pop-up notification to your website and customize it as you need.

GDPR Cookie Law - JavaScript EU Cookie Consent Plugin

Demo site: GDPR Cookie Law – JavaScript GDPR Compliance Plugin

The European Union’s General Data Protection Regulation (GDPR) made it necessary to inform the user about the use of cookies on the website. That’s why this GDPR plugin was created.

GDPR Cookie Law is a lightweight responsive JavaScript plugin that allows you to create simple cookie notification in modern, flat style with several options.

GDPR Plugin Features

  • Easy Integration
  • Plugin Customization
  • Custom Hyperlinks
  • Plugin Examples
  • Custom Cookie Pop-up Style
  • Clean Code
  • Responsive & Mobile Friendly
  • Predefined Themes
  • Animation Types
  • Different Positions
  • Cross Browser Support
  • Vanilla JavaScript
  • Free Updates

Browser Compatibility

  • Google Chrome
  • Mozilla Firefox
  • Safari
  • Opera
  • IE Edge

Note

GDPR Cookie Law JavaScript plugin provides the necessary regulations that affected by cookies. It doesn’t offer full compliance with GDPR as you have to follow further rules, that can be discussed by your GDPR consultant or law firm.

Contact & Support

Please visit my profile page or ask question in the plugin’s the comments section.

Follow me on CodeCanyon.

Changelog

You can find the changelog on the demo site.

Check out my other plugins on CodeCanyon

WordPress Plugins

jQuery Plugins

Envato Developers

Would you like to add this plugin into your item?

Purchase one extended license for the item you want to sell on any Envato Marketplaces. Send me a mail and I will add your item link to this page.

Listen to my AudioJungle Portfolio

]]>
Office Tools Animated Icons Pack - Lottie Json Animation SVG 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/office-tools-animated-icons-pack-lottie-json-animation-svg/28712946
ANIMATED ICONS
Pack of 16 animated Office Tools icons suitable for web designers and web / app developers. A pack of animated icons is perfect for CMS platforms (WordPress, Webflow and others). You will get:
✔ 16 json animated icons
✔ 16 html preview
✔ After Effects Project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design
Office Tools Animated Icons Pack - Lottie Json Animation SVG - 2
Icons Included:
1.pen
2.calculator
3.paper clip​
4.scissors​
5.document box
6.boardt​
7.office folders
8.clock​
9.edit
10.file
11.pin
12.sheet​
13.marking
14.clipboard​
15.bookkeeping
16.erase
The Set is suitable for those who are interested in:
icons
business
office
interface
web
json
svg animation
web development
app design
bodymovin
lottie
ui
motion
]]>

ANIMATED ICONS
Pack of 16 animated Office Tools icons suitable for web designers and web / app developers. A pack of animated icons is perfect for CMS platforms (WordPress, Webflow and others). You will get:
✔ 16 json animated icons
✔ 16 html preview
✔ After Effects Project for color adjustment
✔ 100% Resizable
✔ Change color and stroke width
✔ Layered design
Office Tools Animated Icons Pack - Lottie Json Animation SVG - 2
Icons Included:
1.pen
2.calculator
3.paper clip​
4.scissors​
5.document box
6.boardt​
7.office folders
8.clock​
9.edit
10.file
11.pin
12.sheet​
13.marking
14.clipboard​
15.bookkeeping
16.erase
The Set is suitable for those who are interested in:
icons
business
office
interface
web
json
svg animation
web development
app design
bodymovin
lottie
ui
motion
]]>
Analog & Digital Clock Address 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/analog-digital-clock-address/28699753 Analog & Digital Clock Address

If you have more than one office address showing on your website. So you can use our digital clock address script on your website. We have made two types of clock. The first is analog clock and second is digital clock.

We have thus designed four types of designs for each clock. There are a total of eight designs that you can see in our demo showcase.

you can easily integrate your website, lading page, PHP website etc. This is HTML/CSS & JavaScript based item.


Features
  • - 100% Responsive Layout
  • - 2 Type of Analog Clock Address
  • - Google Web Font Used
  • - Bootstrap 4+ Framework
  • - Documentation included
  • - Clean Design and Code
  • - Easy to Customize
  • - Easy to use

Live Demo URL: Click here


Sources and Credits
I’ve used the following: Thanks so much to

  • Font: Google Web Fonts | Open Sans
  • Fontawsome icon: Free Font Awesome 5
  • Framework: Bootstrap 4
  • jQuery: Javascript
  • Images: pngtree
  • Images: Flagicons
  • Images: Timezones

  • If you have any questions related to this email template, Feel free to email us at mukesh.gehlot019@gmail.com or via our Design Collection page contact form to get further information.

    Best wishes
    Design Collection

    ]]>
    Analog & Digital Clock Address

    If you have more than one office address showing on your website. So you can use our digital clock address script on your website. We have made two types of clock. The first is analog clock and second is digital clock.

    We have thus designed four types of designs for each clock. There are a total of eight designs that you can see in our demo showcase.

    you can easily integrate your website, lading page, PHP website etc. This is HTML/CSS & JavaScript based item.


    Features
    • - 100% Responsive Layout
    • - 2 Type of Analog Clock Address
    • - Google Web Font Used
    • - Bootstrap 4+ Framework
    • - Documentation included
    • - Clean Design and Code
    • - Easy to Customize
    • - Easy to use

    Live Demo URL: Click here


    Sources and Credits
    I’ve used the following: Thanks so much to

  • Font: Google Web Fonts | Open Sans
  • Fontawsome icon: Free Font Awesome 5
  • Framework: Bootstrap 4
  • jQuery: Javascript
  • Images: pngtree
  • Images: Flagicons
  • Images: Timezones

  • If you have any questions related to this email template, Feel free to email us at mukesh.gehlot019@gmail.com or via our Design Collection page contact form to get further information.

    Best wishes
    Design Collection

    ]]>
    AMB Gallery Effector 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/amb-gallery-effector/28655705 Pure CSS3 effect & Esay Setting realtime Preview

    It provides real-time preview of the settings using the controller. You can easily create an image gallery and use it for your project at the time.

    Main Features

    • Pure CSS3 hover Effect (23 type)
    • Full Responsive (thumbnails can be dynamically changed)
    • Valid HTML5 & CSS3
    • Real-time preview & html/css Code example
    • Local Using
    • Easy to use through controller

    Support Browsers

    • IE 11, Firefox, Safari, Chrome, Edge

    Support Browsers (controller)

    ]]>
    Pure CSS3 effect & Esay Setting realtime Preview

    It provides real-time preview of the settings using the controller. You can easily create an image gallery and use it for your project at the time.

    Main Features

    • Pure CSS3 hover Effect (23 type)
    • Full Responsive (thumbnails can be dynamically changed)
    • Valid HTML5 & CSS3
    • Real-time preview & html/css Code example
    • Local Using
    • Easy to use through controller

    Support Browsers

    • IE 11, Firefox, Safari, Chrome, Edge

    Support Browsers (controller)

    ]]>
    Pixel Talk - A Live Chat Support Application on NodeJS 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/pixel-talk-live-chat-support-application-nodejs/28620099 Pixel Talk - A Live Chat Support Application on NodeJS - 1 Pixel Talk - A Live Chat Support Application on NodeJS - 2 Pixel Talk - A Live Chat Support Application on NodeJS - 3 Pixel Talk - A Live Chat Support Application on NodeJS - 4 Pixel Talk - A Live Chat Support Application on NodeJS - 5 Pixel Talk - A Live Chat Support Application on NodeJS - 6

    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 –
    • 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

    ]]>
    Pixel Talk - A Live Chat Support Application on NodeJS - 1 Pixel Talk - A Live Chat Support Application on NodeJS - 2 Pixel Talk - A Live Chat Support Application on NodeJS - 3 Pixel Talk - A Live Chat Support Application on NodeJS - 4 Pixel Talk - A Live Chat Support Application on NodeJS - 5 Pixel Talk - A Live Chat Support Application on NodeJS - 6

    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 –
    • 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

    ]]>
    PhotoHub ( Image Search Engine ) 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/photohub-image-search-engine/28579626 $15 USD For first 5 buyers after price will increase, get this now high quality image search engine

    PhotoHub is advance unsplash photos platform


    PhotoHub is beautiful Unsplash web client that produce unlimited number of photos
    Its works as photo engine that can produce randomly thousands of image within category. search all type of photos in high quality and download them. Unspalsh fetch photos from random users and so you can make any type in search box and see result.



    Adsense – Also you can use google adsense to make money , just add your code in HTML file and ready :)


    - You can use this with your website and provide additional feature to your users

    Features

    => Download images
    => Use images for personal and commercial purpose without any copyright
    => Beautiful Layout
    => Responsive layout
    =>Support Wordpress
    =>Support Php scripts
    => High Quality Photo Search Engine
    => Built with js
    => Easy in customization
    => support all browsers
    => Grid view
    => Download images
    => Advance search
    => See people withing photo search


    Note * = Use images for personal and commercial purpose without any copyright But You can not sold images anywhere

    Requirements

    => You need a hosting ( You can go with basic shared hosting or any normal hosting )
    => PhotoHub built with HTML5, Css and Javascript
    => No coding skill required to launch your image search engine :)
    => Very easy documentation

    If you have any presale question you can ask in comment section
    ]]>
    $15 USD For first 5 buyers after price will increase, get this now high quality image search engine

    PhotoHub is advance unsplash photos platform


    PhotoHub is beautiful Unsplash web client that produce unlimited number of photos
    Its works as photo engine that can produce randomly thousands of image within category. search all type of photos in high quality and download them. Unspalsh fetch photos from random users and so you can make any type in search box and see result.



    Adsense – Also you can use google adsense to make money , just add your code in HTML file and ready :)


    - You can use this with your website and provide additional feature to your users

    Features

    => Download images
    => Use images for personal and commercial purpose without any copyright
    => Beautiful Layout
    => Responsive layout
    =>Support Wordpress
    =>Support Php scripts
    => High Quality Photo Search Engine
    => Built with js
    => Easy in customization
    => support all browsers
    => Grid view
    => Download images
    => Advance search
    => See people withing photo search


    Note * = Use images for personal and commercial purpose without any copyright But You can not sold images anywhere

    Requirements

    => You need a hosting ( You can go with basic shared hosting or any normal hosting )
    => PhotoHub built with HTML5, Css and Javascript
    => No coding skill required to launch your image search engine :)
    => Very easy documentation

    If you have any presale question you can ask in comment section
    ]]>
    SPlayer: Supercharged HTML5 Music Player (Max Edition) 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/splayer-supercharged-html5-music-player-max-edition/28468384 Note: This is the Max Edition of SPlayer. For Normal Edition Click Here: SPlayer

    JaguarScript Trusted By Envato

    SPlayer reviews

    SPlayer UI - Music - Albums - Light Theme - Colored Bar SPlayer UI - Nowplaying - Dark Theme - Colored Bar - Menu Background SPlayer UI - Music - Artist - Light Theme - Colored Bar - Menu Background SPlayer UI - Music - Artist - Dark Theme - Dark Bar SPlayer UI - Music - Artists - Light Theme - Light Bar SPlayer UI - Search Results - Dark Theme - Dark Bar SPlayer UI - Music - Album - Light Theme - Colored Bar - Menu Background SPlayer UI - Music - Album - Dark Theme - Colored Bar - Layer Background SPlayer UI - Playlists - Light Theme - Colored Bar SPlayer UI - Nowplaying - Colored Bar - Right Click Menu SPlayer Control Panel SPlayer UI - Music - Albums - Light Theme - Colored Bar - Mobile SPlayer UI - Music - Album - Light Theme - Colored Bar - More Menu - Menu Background - Mobile SPlayer UI - Nowplaying - Light Theme - Colored Bar - Menu Background - Mobile SPlayer UI - Nowplaying - Light Theme - Colored Bar - Menu Backround - Opened Menu - Mobile

    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.

    splayer features: architecture splayer features: database splayer features: audio splayer features: events and states splayer features: api splayer features: search splayer features: share splayer features: storage splayer features: metadata splayer features: multithreading splayer features: session and restore splayer features: history and queue splayer features: import and export splayer features: offline splayer features: other splayer features: ui splayer features: control panel

    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

    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
    ]]>
    Note: This is the Max Edition of SPlayer. For Normal Edition Click Here: SPlayer

    JaguarScript Trusted By Envato

    SPlayer reviews

    SPlayer UI - Music - Albums - Light Theme - Colored Bar SPlayer UI - Nowplaying - Dark Theme - Colored Bar - Menu Background SPlayer UI - Music - Artist - Light Theme - Colored Bar - Menu Background SPlayer UI - Music - Artist - Dark Theme - Dark Bar SPlayer UI - Music - Artists - Light Theme - Light Bar SPlayer UI - Search Results - Dark Theme - Dark Bar SPlayer UI - Music - Album - Light Theme - Colored Bar - Menu Background SPlayer UI - Music - Album - Dark Theme - Colored Bar - Layer Background SPlayer UI - Playlists - Light Theme - Colored Bar SPlayer UI - Nowplaying - Colored Bar - Right Click Menu SPlayer Control Panel SPlayer UI - Music - Albums - Light Theme - Colored Bar - Mobile SPlayer UI - Music - Album - Light Theme - Colored Bar - More Menu - Menu Background - Mobile SPlayer UI - Nowplaying - Light Theme - Colored Bar - Menu Background - Mobile SPlayer UI - Nowplaying - Light Theme - Colored Bar - Menu Backround - Opened Menu - Mobile

    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.

    splayer features: architecture splayer features: database splayer features: audio splayer features: events and states splayer features: api splayer features: search splayer features: share splayer features: storage splayer features: metadata splayer features: multithreading splayer features: session and restore splayer features: history and queue splayer features: import and export splayer features: offline splayer features: other splayer features: ui splayer features: control panel

    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

    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
    ]]>
    3D Spherical Gallery - Advanced Media Gallery 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/3d-spherical-gallery-advanced-media-gallery/28449898 3D Spherical Gallery - Advanced Media Gallery - 1

    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

    ]]>
    3D Spherical Gallery - Advanced Media Gallery - 1

    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

    ]]>
    Edocsify | Documentation Builder Tool | Automate Documentation Online Presence 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/edocsify-documentation-builder-tool-automate-documentation-o/28448376 Edocsify is a tool built specially for automation of all the real world documentation needs and manage their online presence from a single admin panel.

    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.

    Edocsify | Tool to Create all your Documentations and Automate their Online Presence - 1

    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

    Edocsify | Tool to Create all your Documentations and Automate their Online Presence - 2

    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

    Change log

    ]]>
    Edocsify is a tool built specially for automation of all the real world documentation needs and manage their online presence from a single admin panel.

    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.

    Edocsify | Tool to Create all your Documentations and Automate their Online Presence - 1

    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

    Edocsify | Tool to Create all your Documentations and Automate their Online Presence - 2

    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

    Change log

    ]]>
    CASHIE - Simple POS Management 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/cashie-simple-pos-management/28442969 CASHIE CASHIE - Simple POS Management - 1

    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

    https://cashie.herokuapp.com/

    User Demo Account

    Admin

    Username: cashieadmin
    Password: cashieadmin

    Cashier

    Username: cashiecashier
    Password: cashiecashier

    ]]>
    CASHIE CASHIE - Simple POS Management - 1

    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

    https://cashie.herokuapp.com/

    User Demo Account

    Admin

    Username: cashieadmin
    Password: cashieadmin

    Cashier

    Username: cashiecashier
    Password: cashiecashier

    ]]>
    Spinster URL Rotator 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/spinster-url-rotator/28394644 Product Description

    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.

    Support

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

    Changelog

    v1.0.1 - Sept 4, 2020
     - UI Improvements; 
    v1.0.0 - Sept 3, 2020
     - Initial Release;
    
    ]]>
    Product Description

    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.

    Support

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

    Changelog

    v1.0.1 - Sept 4, 2020
     - UI Improvements; 
    v1.0.0 - Sept 3, 2020
     - Initial Release;
    
    ]]>
    Shakti - Angular pricing tables 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/shakti-angular-pricing-tables/28374471 Features:
    • 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:

    Icons:

    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:
    • 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:

    Icons:

    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.

    ]]>
    Online Binary Converter Tools Full Production Ready Application (Angular 9) 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/online-binary-converter-tools-full-production-ready-applicat/28342976 Complete functional online binary converter tools developed by latest Angular 9.

    Online Binary Converter Tools Full Production Ready Application (Angular 9) - 1

    Online Binary Converter Tools Full Production Ready Application (Angular 9) - 2 Online Binary Converter Tools Full Production Ready Application (Angular 9) - 3 Online Binary Converter Tools Full Production Ready Application (Angular 9) - 4

    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

    media&token=7ffad8ec-7c71-4e1b-8cae-5b0a93436bc1\

    media&token=70ca0e9f-238f-4156-ba27-85e67b0e4a20\

    ]]>
    Complete functional online binary converter tools developed by latest Angular 9.

    Online Binary Converter Tools Full Production Ready Application (Angular 9) - 1

    Online Binary Converter Tools Full Production Ready Application (Angular 9) - 2 Online Binary Converter Tools Full Production Ready Application (Angular 9) - 3 Online Binary Converter Tools Full Production Ready Application (Angular 9) - 4

    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

    media&token=7ffad8ec-7c71-4e1b-8cae-5b0a93436bc1\

    media&token=70ca0e9f-238f-4156-ba27-85e67b0e4a20\

    ]]>
    Text Mining Web Scraper 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/text-mining-web-scraper/28339213 Text Mining Scraper – is tool for scraping web content for text that can be used for topic modelling purposes. The tool can scrape an unlimited number of URLs to a maximum depth of 7.

    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!

    Text Mining Scraper

    ]]>
    Text Mining Scraper – is tool for scraping web content for text that can be used for topic modelling purposes. The tool can scrape an unlimited number of URLs to a maximum depth of 7.

    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!

    Text Mining Scraper

    ]]>
    Poya 3d Image Hover Effect | JavaScript, CSS Hover Pack 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/poya-3d-image-hover-effect-javascript-css-hover-pack/28331929 Poya 3d Image Hover Effect | JavaScript, CSS Hover Pack is a collection of mouse move based 3d hover effects. The library requires JQuery to work. There are 48 different text styles, 12 effect options and numerous variations. In order to use the effects include the plugin CSS and JS file as well as JQuery to your projects, add HTML markup and initialize the plugin. The documentation fully guides you on how to setup and configure everything.

    Files Included:

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

    Image Credit

    Unsplash]]>
    Poya 3d Image Hover Effect | JavaScript, CSS Hover Pack is a collection of mouse move based 3d hover effects. The library requires JQuery to work. There are 48 different text styles, 12 effect options and numerous variations. In order to use the effects include the plugin CSS and JS file as well as JQuery to your projects, add HTML markup and initialize the plugin. The documentation fully guides you on how to setup and configure everything.

    Files Included:

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

    Image Credit

    Unsplash]]>
    Genno Admin Starter - Rest API, User Management, Roles and Permissions 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/genno-admin-starter-rest-api-user-management-roles-and-permi/28323278 Genno starter kit is built with REST API and some basic features required for building web app such as User Management, Roles and Permissions, Site Config, File Upload, and many more.

    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

    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!

    ]]>
    Genno starter kit is built with REST API and some basic features required for building web app such as User Management, Roles and Permissions, Site Config, File Upload, and many more.

    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

    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!

    ]]>
    Cropy Photo Editor ( website , Android , iOS ) 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/cropy-photo-editor-website-android-ios/28317125 This is Photo editor :- Crops, rotate, mirror, resize

    Check Demo In Browser


    Click here to see demo

    Check Demo in android mobile


    Click here to download demo apk

    This support all browsers and easily can run on every device

    Upload photo then edit and download in high quality


    => We are also providing free android application for this editor
    => We will build android app for you after you purchase and you can publish on google play store
    => We can enable admob in android app, you can make money from ads



    ---------

    => Fast process
    => No loading time
    => Crop photos of any size
    => Rotate photos
    => Mirror photos
    => Resize photos
    => Download in high quality
    => Easy customizations
    => Easy editing
    => Support all devices
    => Support all browsers
    => Enable Adsense in website
    => Enable Admob in android app


    Check Demo In Browser


    Click here to see demo

    Check Demo in android mobile


    Click here to download demo apk



    ]]>
    This is Photo editor :- Crops, rotate, mirror, resize

    Check Demo In Browser


    Click here to see demo

    Check Demo in android mobile


    Click here to download demo apk

    This support all browsers and easily can run on every device

    Upload photo then edit and download in high quality


    => We are also providing free android application for this editor
    => We will build android app for you after you purchase and you can publish on google play store
    => We can enable admob in android app, you can make money from ads



    ---------

    => Fast process
    => No loading time
    => Crop photos of any size
    => Rotate photos
    => Mirror photos
    => Resize photos
    => Download in high quality
    => Easy customizations
    => Easy editing
    => Support all devices
    => Support all browsers
    => Enable Adsense in website
    => Enable Admob in android app


    Check Demo In Browser


    Click here to see demo

    Check Demo in android mobile


    Click here to download demo apk



    ]]>
    CM Page Builder 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/cm-page-builder/28246628 CM Page Builder - 1 CM Page Builder - 2 CM Page Builder - 3 CM Page Builder - 4 CM Page Builder - 5 CM Page Builder - 6 CM Page Builder - 7 CM Page Builder - 8 CM Page Builder - 9 CM Page Builder - 10 CM Page Builder - 11 CM Page Builder - 12 CM Page Builder - 13 CM Page Builder - 14 CM Page Builder - 15 Visual page builder let you develop your own page builder. There are still no recognized page builder for javascript which may lead you to go for php developement. Here we came with light speed visual page builder.

    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
    
    ]]>
    CM Page Builder - 1 CM Page Builder - 2 CM Page Builder - 3 CM Page Builder - 4 CM Page Builder - 5 CM Page Builder - 6 CM Page Builder - 7 CM Page Builder - 8 CM Page Builder - 9 CM Page Builder - 10 CM Page Builder - 11 CM Page Builder - 12 CM Page Builder - 13 CM Page Builder - 14 CM Page Builder - 15 Visual page builder let you develop your own page builder. There are still no recognized page builder for javascript which may lead you to go for php developement. Here we came with light speed visual page builder.

    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
    
    ]]>
    Vidxa (WEB)- Free Video Conferencing for Live Class, Meeting, Webinar, Online Training 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/vidxa-web-free-video-conferencing-live-class-meeting-webinar/28234224 Buy The Android Version

    inline

    Check Out The IOS Version

    inline

    Mesa-de-trabajo-1-4x

    1

    2 key


    Artboard-1-4x

    extendedliscence

    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

    687474703a2f2f6d69636f646573696d6167652e737a6d2e636f6d2f436f6e746163742f30362e706e67


    Change Logs

    
    V1.2
    
    Added Admin Panel
    
    V1.1
    
    Added Schedule feature
    
    V1.0
    
    release
    
    

    Check Out Our Other Apps

    fd

    inlinenew

    banner

    life-hack-tips-tricks-rounded-600w-1442770103

    inline

    ]]>
    Buy The Android Version

    inline

    Check Out The IOS Version

    inline

    Mesa-de-trabajo-1-4x

    1

    2 key


    Artboard-1-4x

    extendedliscence

    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

    687474703a2f2f6d69636f646573696d6167652e737a6d2e636f6d2f436f6e746163742f30362e706e67


    Change Logs

    
    V1.2
    
    Added Admin Panel
    
    V1.1
    
    Added Schedule feature
    
    V1.0
    
    release
    
    

    Check Out Our Other Apps

    fd

    inlinenew

    banner

    life-hack-tips-tricks-rounded-600w-1442770103

    inline

    ]]>
    Marketing Animated Icons Set - Wordpress Lottie JSON SVG 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/marketing-animated-icons-set-wordpress-lottie-json-svg/28177523 Marketing Animation Icons Set - Lottie Json SVG - 1
    Marketing Animation Icons Set - Lottie Json SVG - 2
    Marketing Animation Icons Set - Lottie Json SVG - 3
    Marketing Animation Icons Set - Lottie Json SVG - 4
    Marketing Animation Icons Set - Lottie Json SVG - 5
    Marketing Animation Icons Set - Lottie Json SVG - 6

    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
    ]]>
    Marketing Animation Icons Set - Lottie Json SVG - 1
    Marketing Animation Icons Set - Lottie Json SVG - 2
    Marketing Animation Icons Set - Lottie Json SVG - 3
    Marketing Animation Icons Set - Lottie Json SVG - 4
    Marketing Animation Icons Set - Lottie Json SVG - 5
    Marketing Animation Icons Set - Lottie Json SVG - 6

    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
    ]]>
    Marketing Data Diagram Animated Icons Pack - Lottie Json Animation SVG 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/marketing-data-diagram-animated-icons-pack-lottie-json-anima/28144069
    ANIMATION ICONS
    Pack of 16 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). You will get:
    ✔ 16 json animated icons
    ✔ 16 html preview
    ✔ After Effects Project for color adjustment
    ✔ 100% Resizable
    ✔ Change color and stroke width
    ✔ Layered design
    Marketing Data Diagram Animated Icons Pack - Lottie Json Animation SVG - 2
    Icons Included:
    <tbody> </tbody>
    marketing​ supply demand world sales sales growth
    1.marketing​
    2.supply demand​
    3.world sales​
    4.sales growth​
    5.financial analytics​
    6.price chart​
    7.siles time
    8.sales diagram​
    9.price search​
    10.income increase
    11.sales graph
    12.marketing goals​
    13.sales growth​
    14.best price​
    15.web monitor
    16.target​
    Marketing Data Diagram Animated Icons Pack - Lottie Json Animation SVG - 3
    The Set is suitable for those who are interested in:
    icons
    business
    marketing
    interface
    web
    json
    svg animation
    web development
    app design
    bodymovin
    lottie
    ui
    motion
    ]]>

    ANIMATION ICONS
    Pack of 16 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). You will get:
    ✔ 16 json animated icons
    ✔ 16 html preview
    ✔ After Effects Project for color adjustment
    ✔ 100% Resizable
    ✔ Change color and stroke width
    ✔ Layered design
    Marketing Data Diagram Animated Icons Pack - Lottie Json Animation SVG - 2
    Icons Included:
    <tbody> </tbody>
    marketing​ supply demand world sales sales growth
    1.marketing​
    2.supply demand​
    3.world sales​
    4.sales growth​
    5.financial analytics​
    6.price chart​
    7.siles time
    8.sales diagram​
    9.price search​
    10.income increase
    11.sales graph
    12.marketing goals​
    13.sales growth​
    14.best price​
    15.web monitor
    16.target​
    Marketing Data Diagram Animated Icons Pack - Lottie Json Animation SVG - 3
    The Set is suitable for those who are interested in:
    icons
    business
    marketing
    interface
    web
    json
    svg animation
    web development
    app design
    bodymovin
    lottie
    ui
    motion
    ]]>
    InboxGun - Email Marketing Application 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/inboxgun-email-marketing-application/28111066 \\ \\ \\ \\ \\ \\

    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!

    InboxGun - Email Marketing Application - 1

    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!

    ]]>
    \\ \\ \\ \\ \\ \\

    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!

    InboxGun - Email Marketing Application - 1

    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!

    ]]>
    Drag and Drop Newsletter Builder 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/drag-and-drop-newsletter-builder/28076116 drag-and-drop-newsletter-builder

    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

    Drag and Drop Newsletter Builder - 1

    ]]>
    drag-and-drop-newsletter-builder

    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

    Drag and Drop Newsletter Builder - 1

    ]]>
    Crowslider - HTML5 Responsive Slider 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/crowslider-html5-responsive-slider/28020072 Crowslider – HTML5 Responsive Slider

    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.
    ]]>
    Crowslider – HTML5 Responsive Slider

    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.
    ]]>
    Responsive React Sidebar Navigation 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/responsive-react-sidebar-navigation/27962846 Responsive React Sidebar Navigation

    Responsive React Sidebar Navigation is a React-based Vertical Navigation with customizing options. It can be used for all types of web applications like custom admin panel, project management system, admin dashboard, backend application. It’s lightweight and compatible with almost all major browsers and devices

    Features

    • Built on pure React JS,JQuery not used
    • Fully Responsive, lightweight and support almost all browser
    • Routing sytem using react-router-dom
    • Smooth Scrolling
    • Creative and Clean Code
    • ES6+
    • Eslinter setup
    • React-Bootstrap
    • React Icon
    • Easily Customizable
    • Fast, Lightweight & Powerful
    • Super Easy To Customize
    • W3C Valid Code
    • Cross browser (Chrome, Opera, Firefox, Safari, Internet Explorer, phone & tablets browsers)
    ]]>
    Responsive React Sidebar Navigation

    Responsive React Sidebar Navigation is a React-based Vertical Navigation with customizing options. It can be used for all types of web applications like custom admin panel, project management system, admin dashboard, backend application. It’s lightweight and compatible with almost all major browsers and devices

    Features

    • Built on pure React JS,JQuery not used
    • Fully Responsive, lightweight and support almost all browser
    • Routing sytem using react-router-dom
    • Smooth Scrolling
    • Creative and Clean Code
    • ES6+
    • Eslinter setup
    • React-Bootstrap
    • React Icon
    • Easily Customizable
    • Fast, Lightweight & Powerful
    • Super Easy To Customize
    • W3C Valid Code
    • Cross browser (Chrome, Opera, Firefox, Safari, Internet Explorer, phone & tablets browsers)
    ]]>
    Marketing Support Animated Icons Pack - Lottie Json Animation SVG 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/marketing-support-animated-icons-pack-lottie-json-animation/27936127
    ANIMATION ICONS
    Pack of 16 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).

    You will get:
    ✔ 16 json animated icons
    ✔ 16 html preview
    ✔ After Effects Project for color adjustment
    ✔ 100% Resizable
    ✔ Change color and stroke width
    ✔ Layered design

    Icons Included:
    1.shop assistant​
    2.sales support​
    3.consultation​
    4.thinking sales​
    5.training​
    6.phone commerce​
    7.online training​
    8.system​
    9.convenience store​
    10.information​
    11.help​
    12.write message​
    13.tuning settings​
    14.phone support​
    15.calculator​
    16.hours support​
    Compatible with:
    WordPress, Elementor, Divi, WebFlow, BeaverBuilder, Lottie Files, Bodymovin
    The Set is suitable for those who are interested in:
    icons
    business
    marketing
    interface
    web
    json
    svg animation
    web development
    app design
    bodymovin
    lottie
    ui
    motion
    ]]>

    ANIMATION ICONS
    Pack of 16 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).

    You will get:
    ✔ 16 json animated icons
    ✔ 16 html preview
    ✔ After Effects Project for color adjustment
    ✔ 100% Resizable
    ✔ Change color and stroke width
    ✔ Layered design

    Icons Included:
    1.shop assistant​
    2.sales support​
    3.consultation​
    4.thinking sales​
    5.training​
    6.phone commerce​
    7.online training​
    8.system​
    9.convenience store​
    10.information​
    11.help​
    12.write message​
    13.tuning settings​
    14.phone support​
    15.calculator​
    16.hours support​
    Compatible with:
    WordPress, Elementor, Divi, WebFlow, BeaverBuilder, Lottie Files, Bodymovin
    The Set is suitable for those who are interested in:
    icons
    business
    marketing
    interface
    web
    json
    svg animation
    web development
    app design
    bodymovin
    lottie
    ui
    motion
    ]]>
    React Loaders - Loader components for React.JS 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/react-loaders-loader-components-reactjs/27925144 We all hate waiting, but sometimes we all have to do it. With the help of React Loaders we can help make this process better for everyone.

    Just include the component in your project and start using it without any troubles nor extra configuration.

    Included README with all the info needed to get you started.

    ]]>
    We all hate waiting, but sometimes we all have to do it. With the help of React Loaders we can help make this process better for everyone.

    Just include the component in your project and start using it without any troubles nor extra configuration.

    Included README with all the info needed to get you started.

    ]]>
    Ecommerce Communication Animated Icons Pack 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/ecommerce-communication-animated-icons-pack/27196288 E-COMMERCE COMMUNICATION ICONS

    A Pack of 16 animated e-commerce icons suitable for web designers and web / app developers. Each file is numbered and named. The set includes 4 colors for each animation series.

    A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others). For convenient work, it is recommended to use page builders with animation widgets or plugins for short code. You can use Lottie Editor to paint icons.

    YOU WILL GET:

    ✔ 16 json animated icons ✔ 4 colors for each animation series ✔ After Effects project for color adjustment

    Icons Pack Content:
    phone payment
    order shipment
    sending link
    views
    conference
    communication
    avater link
    support
    mobile link
    phone link
    phone paid
    online commerce
    mind link
    online strategy
    message
    link message

    The pack is suitable for those who are interested in: icons
    business
    e-commerce
    interface
    communication
    json
    svg animation
    device
    web development
    app design
    marketing
    network
    link
    price
    email
    commerce
    trading
    online
    ui
    motion

    ]]>
    E-COMMERCE COMMUNICATION ICONS

    A Pack of 16 animated e-commerce icons suitable for web designers and web / app developers. Each file is numbered and named. The set includes 4 colors for each animation series.

    A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others). For convenient work, it is recommended to use page builders with animation widgets or plugins for short code. You can use Lottie Editor to paint icons.

    YOU WILL GET:

    ✔ 16 json animated icons ✔ 4 colors for each animation series ✔ After Effects project for color adjustment

    Icons Pack Content:
    phone payment
    order shipment
    sending link
    views
    conference
    communication
    avater link
    support
    mobile link
    phone link
    phone paid
    online commerce
    mind link
    online strategy
    message
    link message

    The pack is suitable for those who are interested in: icons
    business
    e-commerce
    interface
    communication
    json
    svg animation
    device
    web development
    app design
    marketing
    network
    link
    price
    email
    commerce
    trading
    online
    ui
    motion

    ]]>
    Realtime Chat Application Socket.io 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/realtime-chat-application-socketio/27173559 Developed in: Javascript

    Node js, express, vue js, socket.io, ejs, bootstrap 4. 

    Database: Mysql

    Features:


    Live demo: https://bit.ly/livedemochatapp
    Documentation: https://bit.ly/documentationchatapp

    • Create rooms;
    • Enter to any room;
    • “Opening door sound” playing when someone entering room
    • “Closing door sound” playing when someone left the room
    • “Beep sound” playing when someone receiving message to room
    • “Someone typing” feature
    • Showing part of message to room users when someone is typing, like IMO
    • Users count in room
    • Responsive all devices compatibility

    Updates will be available soon… Support me with buying it.

    Preview photos and video available:

    \\

     

    \\

     

    \\

     

    \\

     

    \\

     

    \\

     

    \\

     


    Video link: https://www.youtube.com/embed/cqinw7YYO6A]]>
    Developed in: Javascript

    Node js, express, vue js, socket.io, ejs, bootstrap 4. 

    Database: Mysql

    Features:


    Live demo: https://bit.ly/livedemochatapp
    Documentation: https://bit.ly/documentationchatapp

    • Create rooms;
    • Enter to any room;
    • “Opening door sound” playing when someone entering room
    • “Closing door sound” playing when someone left the room
    • “Beep sound” playing when someone receiving message to room
    • “Someone typing” feature
    • Showing part of message to room users when someone is typing, like IMO
    • Users count in room
    • Responsive all devices compatibility

    Updates will be available soon… Support me with buying it.

    Preview photos and video available:

    \\

     

    \\

     

    \\

     

    \\

     

    \\

     

    \\

     

    \\

     


    Video link: https://www.youtube.com/embed/cqinw7YYO6A]]>
    Ecommerce Sale Animated Icons Pack 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/ecommerce-sale-animated-icons-pack/27171339 E-COMMERCE SALE ICONS

    A Pack of 16 animated e-commerce icons suitable for web designers and web / app developers. Each file is numbered and named. The set includes 4 colors for each animation series.

    A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others). For convenient work, it is recommended to use page builders with animation widgets or plugins for short code. You can use Lottie Editor to paint icons.

    YOU WILL GET:

    ✔ 16 json animated icons ✔ 4 colors for each animation series ✔ After Effects project for color adjustment

    The pack is suitable for those who are interested in:
    icons
    business
    e-commerce
    interface
    shopping
    json
    svg animation
    buy
    web development
    app design
    marketing
    product
    link
    sale
    price
    commerce
    trading
    store
    online
    ui
    motion
    sho

    ]]>
    E-COMMERCE SALE ICONS

    A Pack of 16 animated e-commerce icons suitable for web designers and web / app developers. Each file is numbered and named. The set includes 4 colors for each animation series.

    A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others). For convenient work, it is recommended to use page builders with animation widgets or plugins for short code. You can use Lottie Editor to paint icons.

    YOU WILL GET:

    ✔ 16 json animated icons ✔ 4 colors for each animation series ✔ After Effects project for color adjustment

    The pack is suitable for those who are interested in:
    icons
    business
    e-commerce
    interface
    shopping
    json
    svg animation
    buy
    web development
    app design
    marketing
    product
    link
    sale
    price
    commerce
    trading
    store
    online
    ui
    motion
    sho

    ]]>
    BuilderJS - HTML Email & Page Builder 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/builderjs-html-email-page-builder/27146783 BuilderJS – current version 4.0 (Sep 12th 2020)

    BuilderJS is a JavaScript plugin which provides a web user interface for building / editing HTML emails or web pages. BuilderJS is the easiest, quickest way to design elegant, mobile responsive emails or pages for your business. BuilderJS is made in pure Javascript and HTML, making it easy to integrate with any web application no matter what the backend programming language is (Java, .Net, PHP, Ruby on Rails, Python, etc.)

    Drag & Drop Elements

    BuilderJS comes with a set of built-in web elements, empower you to build your email or page templates faster. If the default set is not enough you can always add your own custom blocks (if you are interested in JavaScript coding).

    Easy & Simple Styling

    BuilderJS implements simple and powerful style manager which enables quick and easy styling of any web elements inside your email or page. It’s also possible to configure it by adding your own & customized CSS.

    Responsive Design

    BuilderJS gives you all the necessary tools you need to optimize your templates to look awesomely on any device. In this way you’re able to provide various viewing experience. In case more device options are required, you can easily add them to the editor.

    Fully Customizable

    Normally, with BuilderJS visual designer, you do not have to care about HTML & CSS. However, it’s always there, available for you to customize. BuilderJS also comes with an HTML / CSS source editor just in case.

    Made by Developers for Developers!

    BuilderJS is made fully customizable and open to any integration scenario: you can make it a standalone web page or embed it into your own site. For example, when it comes to save user work, BuilderJS allows you to configure a Save URI, to which it will make a POST request, passing the latest updates to the server side scripting for handling. The request is triggered when user clicks on Save button in the builder. And there are lots of other configuration settings allowing you to customize how it works and interact with the your other components.

    Release Notes

    4.0.0 / 2020-09-12
    ==================
    
     * Fixed: performance issue when loading template
     * Fixed: inline edit not working with HTML5 tag
     * Fixed: CSS not rendered correctly
     * Fixed: image upload not working with certain versions of TLS
     * Fixed: better error notification to UI
     * Added: new material icon set
     * Added: supported builder mode
    
    3.0.0 / 2020-02-03
    ==================
    
     * Fixed: unexpected input boxes added to email content
     * Fixed: reduce content size by eliminating irrelevant styles
     * Fixed: reduce content size by content minifying
     * Added: Save & Close button
     * Added: control panel for custom tags
     * Added: new icons set for controls
     * Added: minifized icons now in place
     * Added: new default themes/layouts
    
    2.2.0 / 2019-11-08
    ==================
    
     * Fixed: inline editor does not work for certain types of element
     * Fixed: UI glitches on older versions of IE
     * Fixed: compatibility issues with older version of IE
     * Fixed: compatibility issues with older version of Opera
     * Fixed: more compatible HTTP headers for Ajax requests
     * Added: more flexible editor mode
     * Added: more decoration widgets
     * Added: more preview options
     * Added: support adding selected item to library for reuse
     * Added: support for HTTP 1.1 methods PUT, UPDATE, PATCH, DELETE
     * Added: more SYNC options
     * Added: convenient TAGS editing
     * Added: better TAG autocommplete when typing
     * Added: better TAG preview panel
    
    2.0.0 / 2019-09-23
    ==================
    
     * Added: responsive support for old email clients
     * Added: full Edge 11 compatibility
     * Added: design view supported for older browsers
     * Added: template font issue per saving
     * Added: more HTML widgets for the core library
     * Added: template switching in design view
     * Added: cloud synchronization support
     * Added: more drag & drop visual effect 
     * Fixed: open/click tracking not working correctly
     * Fixed: custom widget does not preserve content
    
    1.0.0 / 2019-06-06
    ==================
    
     * Added: more layout widgets
     * Added: full Opera compatibility
     * Added: customizable headers for Ajax request
     * Added: detection of invalid HTML structure
     * Added: more HTML widgets for the core library
     * Added: use cache to boost template load performance
     * Added: sync options in construction parameters
     * Added: double view support
     * Added: source view with syntax highlight theme
     * Added: the first publicly available version
    
    ]]>
    BuilderJS – current version 4.0 (Sep 12th 2020)

    BuilderJS is a JavaScript plugin which provides a web user interface for building / editing HTML emails or web pages. BuilderJS is the easiest, quickest way to design elegant, mobile responsive emails or pages for your business. BuilderJS is made in pure Javascript and HTML, making it easy to integrate with any web application no matter what the backend programming language is (Java, .Net, PHP, Ruby on Rails, Python, etc.)

    Drag & Drop Elements

    BuilderJS comes with a set of built-in web elements, empower you to build your email or page templates faster. If the default set is not enough you can always add your own custom blocks (if you are interested in JavaScript coding).

    Easy & Simple Styling

    BuilderJS implements simple and powerful style manager which enables quick and easy styling of any web elements inside your email or page. It’s also possible to configure it by adding your own & customized CSS.

    Responsive Design

    BuilderJS gives you all the necessary tools you need to optimize your templates to look awesomely on any device. In this way you’re able to provide various viewing experience. In case more device options are required, you can easily add them to the editor.

    Fully Customizable

    Normally, with BuilderJS visual designer, you do not have to care about HTML & CSS. However, it’s always there, available for you to customize. BuilderJS also comes with an HTML / CSS source editor just in case.

    Made by Developers for Developers!

    BuilderJS is made fully customizable and open to any integration scenario: you can make it a standalone web page or embed it into your own site. For example, when it comes to save user work, BuilderJS allows you to configure a Save URI, to which it will make a POST request, passing the latest updates to the server side scripting for handling. The request is triggered when user clicks on Save button in the builder. And there are lots of other configuration settings allowing you to customize how it works and interact with the your other components.

    Release Notes

    4.0.0 / 2020-09-12
    ==================
    
     * Fixed: performance issue when loading template
     * Fixed: inline edit not working with HTML5 tag
     * Fixed: CSS not rendered correctly
     * Fixed: image upload not working with certain versions of TLS
     * Fixed: better error notification to UI
     * Added: new material icon set
     * Added: supported builder mode
    
    3.0.0 / 2020-02-03
    ==================
    
     * Fixed: unexpected input boxes added to email content
     * Fixed: reduce content size by eliminating irrelevant styles
     * Fixed: reduce content size by content minifying
     * Added: Save & Close button
     * Added: control panel for custom tags
     * Added: new icons set for controls
     * Added: minifized icons now in place
     * Added: new default themes/layouts
    
    2.2.0 / 2019-11-08
    ==================
    
     * Fixed: inline editor does not work for certain types of element
     * Fixed: UI glitches on older versions of IE
     * Fixed: compatibility issues with older version of IE
     * Fixed: compatibility issues with older version of Opera
     * Fixed: more compatible HTTP headers for Ajax requests
     * Added: more flexible editor mode
     * Added: more decoration widgets
     * Added: more preview options
     * Added: support adding selected item to library for reuse
     * Added: support for HTTP 1.1 methods PUT, UPDATE, PATCH, DELETE
     * Added: more SYNC options
     * Added: convenient TAGS editing
     * Added: better TAG autocommplete when typing
     * Added: better TAG preview panel
    
    2.0.0 / 2019-09-23
    ==================
    
     * Added: responsive support for old email clients
     * Added: full Edge 11 compatibility
     * Added: design view supported for older browsers
     * Added: template font issue per saving
     * Added: more HTML widgets for the core library
     * Added: template switching in design view
     * Added: cloud synchronization support
     * Added: more drag & drop visual effect 
     * Fixed: open/click tracking not working correctly
     * Fixed: custom widget does not preserve content
    
    1.0.0 / 2019-06-06
    ==================
    
     * Added: more layout widgets
     * Added: full Opera compatibility
     * Added: customizable headers for Ajax request
     * Added: detection of invalid HTML structure
     * Added: more HTML widgets for the core library
     * Added: use cache to boost template load performance
     * Added: sync options in construction parameters
     * Added: double view support
     * Added: source view with syntax highlight theme
     * Added: the first publicly available version
    
    ]]>
    Invoice Generator 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/invoice-generator/27118901 Generate quick invoice without backend and any database. It’s totally working on front end technologies react js.

    Demo https://invoice-generator.surge.sh/

    In current version there are this feature:

    • Product item with GST
    • Discount/shipping charges
    • Export PDF
    • Print PDF/Open PDF
    • PDF with watermark
    • Invoice history
    • Invoice template

    Future

    • Extremely Fast Easy
    • Without backend you can generate PDF/print PDF.
    • Invoice history with delete feature.
    • Invoice template you can set.
    • PDF with many feature like watermark effect, page size, page orientation, background color
    • Default setting like company logo, address and invoice terms.
    • Full source code
    • Add Unlimited Items
    • Custom Color & Branding with Custom Logo

    Built With - React JS - Bootstrap 4

    Changelog

    Version 1.1.0
    PWA App Convert
    Version 1.0.0
    Init release
    ]]>
    Generate quick invoice without backend and any database. It’s totally working on front end technologies react js.

    Demo https://invoice-generator.surge.sh/

    In current version there are this feature:

    • Product item with GST
    • Discount/shipping charges
    • Export PDF
    • Print PDF/Open PDF
    • PDF with watermark
    • Invoice history
    • Invoice template

    Future

    • Extremely Fast Easy
    • Without backend you can generate PDF/print PDF.
    • Invoice history with delete feature.
    • Invoice template you can set.
    • PDF with many feature like watermark effect, page size, page orientation, background color
    • Default setting like company logo, address and invoice terms.
    • Full source code
    • Add Unlimited Items
    • Custom Color & Branding with Custom Logo

    Built With - React JS - Bootstrap 4

    Changelog

    Version 1.1.0
    PWA App Convert
    Version 1.0.0
    Init release
    ]]>
    FlipBook - Lightweight Non-JQuery Plugin 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/flipbook-lightweight-non-jquery-plugin/27102603 FlipBook is a plugin built on javascript which allows users animate a book with flippable pages. This plugin doesn’t depend on any other libraries and this doesn’t use JQuery. This would cut a significant download time as this is built 100% using plain vanilla javascript.

    ]]>
    FlipBook is a plugin built on javascript which allows users animate a book with flippable pages. This plugin doesn’t depend on any other libraries and this doesn’t use JQuery. This would cut a significant download time as this is built 100% using plain vanilla javascript.

    ]]>
    Ecommerce Shopping Animated Icons Pack 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/ecommerce-shopping-animated-icons-pack/27066682 E-COMMERCE SALE ICONS

    A Pack of 16 animated e-commerce icons suitable for web designers and web / app developers. Each file is numbered and named. The set includes 4 colors for each animation series.

    A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others). For convenient work, it is recommended to use page builders with animation widgets or plugins for short code. You can use Lottie Editor to paint icons.

    Ecommerce Shopping Animated Icons Pack - 1

    YOU WILL GET:

    ✔ 16 json animated icons ✔ 4 colors for each animation series ✔ After Effects project for color adjustment

    The pack is suitable for those who are interested in: icons, business, e-commerce, interface, shopping, json, svg animation, web development, app design, marketing, product, sale, commerce, trading, store, ui, motion, shop,

    ]]>
    E-COMMERCE SALE ICONS

    A Pack of 16 animated e-commerce icons suitable for web designers and web / app developers. Each file is numbered and named. The set includes 4 colors for each animation series.

    A set of animated icons is perfect for CMS platforms (WordPress, Webflow and others). For convenient work, it is recommended to use page builders with animation widgets or plugins for short code. You can use Lottie Editor to paint icons.

    Ecommerce Shopping Animated Icons Pack - 1

    YOU WILL GET:

    ✔ 16 json animated icons ✔ 4 colors for each animation series ✔ After Effects project for color adjustment

    The pack is suitable for those who are interested in: icons, business, e-commerce, interface, shopping, json, svg animation, web development, app design, marketing, product, sale, commerce, trading, store, ui, motion, shop,

    ]]>
    3D Flip Box Bundle - Advanced Javascript Lightbox 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/3d-flip-box-bundle-advanced-javascript-lightbox/27030304 3D Flip Box Bundle - Advanced Javascript Lightbox - 1

    Introduction

    3D Flip Box is an advanced lightbox javascript application that takes the traditional lightbox user experience to the next level. The transitional effect is a creative implementation with each items being put on the opposite sides of a flipping plane where users can swipe left and right to trigger the transition . The Lightbox can display a variety of content including photos, inline html, embedded media from vimeo, youtube, google maps or AJAX content.

    Multiple Screen Supported

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

    Modular design

    Application components are designed and split into separated modules with different responsibilities. Effortlessly swap out one component with another to modify the app functionalities.

    Elegant fallback

    Elegantly fallback to Colorbox (jQuery lightbox) on legacy browsers where CSS 3D is not implemented

    Extensibility with ease

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

    Full Features

    • Over 40 configuration options
    • 2D fallback using Colorbox
    • Grouping elements with rel attributes
    • Option to start slideshow
    • Multiple controls support with keyboards and mouse
    • Multiple Screen support: mobile, tablet. desktop
    • High quality code comments
    • High quality documentation
    • Deep linking features
    • Preloader customization
    • Vertical and horizontal flipping mode
    • Optional thumbnail bar
    • CSS preprocessor using SASS and Compass framework
    • Beautiful dark and light theme
    • Multiple SASS variables offering extreme flexibility to customize application look and feel
    • HTML preprocessor using Pug templates
    • Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
    • Multiple examples files provided
    • Lightweight: only 20KB in gzip format

    Asset credits: unsplash.com, pexels.com

    3D Flip Box Bundle - Advanced Javascript Lightbox - 2 3D Flip Box Bundle - Advanced Javascript Lightbox - 3 3D Flip Box Bundle - Advanced Javascript Lightbox - 4 ]]>
    3D Flip Box Bundle - Advanced Javascript Lightbox - 1

    Introduction

    3D Flip Box is an advanced lightbox javascript application that takes the traditional lightbox user experience to the next level. The transitional effect is a creative implementation with each items being put on the opposite sides of a flipping plane where users can swipe left and right to trigger the transition . The Lightbox can display a variety of content including photos, inline html, embedded media from vimeo, youtube, google maps or AJAX content.

    Multiple Screen Supported

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

    Modular design

    Application components are designed and split into separated modules with different responsibilities. Effortlessly swap out one component with another to modify the app functionalities.

    Elegant fallback

    Elegantly fallback to Colorbox (jQuery lightbox) on legacy browsers where CSS 3D is not implemented

    Extensibility with ease

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

    Full Features

    • Over 40 configuration options
    • 2D fallback using Colorbox
    • Grouping elements with rel attributes
    • Option to start slideshow
    • Multiple controls support with keyboards and mouse
    • Multiple Screen support: mobile, tablet. desktop
    • High quality code comments
    • High quality documentation
    • Deep linking features
    • Preloader customization
    • Vertical and horizontal flipping mode
    • Optional thumbnail bar
    • CSS preprocessor using SASS and Compass framework
    • Beautiful dark and light theme
    • Multiple SASS variables offering extreme flexibility to customize application look and feel
    • HTML preprocessor using Pug templates
    • Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
    • Multiple examples files provided
    • Lightweight: only 20KB in gzip format

    Asset credits: unsplash.com, pexels.com

    3D Flip Box Bundle - Advanced Javascript Lightbox - 2 3D Flip Box Bundle - Advanced Javascript Lightbox - 3 3D Flip Box Bundle - Advanced Javascript Lightbox - 4 ]]>
    SVG Spinners – Spirograph Pack 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/svg-spinners-spirograph-pack/27012018 This pack contains 12 unique Spirograph designs and 12 different animations, which means that you get a total of 144 combinations to choose from and use it in your websites and/or web applications.

    usage

    Features

    • High Scalability – These are vector based spinners, and hence can be scaled up to a very high resolution without loosing clarity.
    • Light Weight – Small size files.
    • Easy Customization – Change colors, line thickness and dimensions easily.
    • Smooth CSS animation – No JavaScript code needed.

    Easy Integration

    Adding the SVG spinner is just too easy. Add an <img> tag, apply CSS animation class and specify the path of your SVG design file.

                <img class="sa-animate-1" src="Spirograph-Spinner-Design-1.svg" />
            

    Check out the documentation that is included with this pack for more details on how to implement and customize these spinners.

    Easy Customization

    Size

    sizes

    The above image illustrates few sizes, but you can scale your SVG spinners to any size.

    Note: Above shown are the image files that tend to loose clarity when resized. The SVG files you get will retain highest level of clarity even when resized.

    Color

    colors

    The above image shows a few color combinations as an example, but you can choose to have any color of your choice.

    Line Thickness

    linethickness

    The above image shows a few samples, but you can customize the line thickness according to your needs.

    Browser Compatibility

    The SVG Spinners are compatible with all the major browsers.

    Customer Support

    • Documentation on how to use and customize the SVG spinners is included with this pack.
    • You can contact me by e-mail or here on Envato.
    ]]>
    This pack contains 12 unique Spirograph designs and 12 different animations, which means that you get a total of 144 combinations to choose from and use it in your websites and/or web applications.

    usage

    Features

    • High Scalability – These are vector based spinners, and hence can be scaled up to a very high resolution without loosing clarity.
    • Light Weight – Small size files.
    • Easy Customization – Change colors, line thickness and dimensions easily.
    • Smooth CSS animation – No JavaScript code needed.

    Easy Integration

    Adding the SVG spinner is just too easy. Add an <img> tag, apply CSS animation class and specify the path of your SVG design file.

                <img class="sa-animate-1" src="Spirograph-Spinner-Design-1.svg" />
            

    Check out the documentation that is included with this pack for more details on how to implement and customize these spinners.

    Easy Customization

    Size

    sizes

    The above image illustrates few sizes, but you can scale your SVG spinners to any size.

    Note: Above shown are the image files that tend to loose clarity when resized. The SVG files you get will retain highest level of clarity even when resized.

    Color

    colors

    The above image shows a few color combinations as an example, but you can choose to have any color of your choice.

    Line Thickness

    linethickness

    The above image shows a few samples, but you can customize the line thickness according to your needs.

    Browser Compatibility

    The SVG Spinners are compatible with all the major browsers.

    Customer Support

    • Documentation on how to use and customize the SVG spinners is included with this pack.
    • You can contact me by e-mail or here on Envato.
    ]]>
    CPB - Circular Progress Bar 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/cpb-circular-progress-bar/26977738 CPB is a web custom element representing a circular progress bar for your website. It allows to create easily custom circular progress bars on any website using HTML.

    Easy-to-use

    Creating a circular progress bar requires now just one line of code:

    〈circular-progressbar〉〈/circular-progressbar〉

    Performant

    CPB uses SVG internally to render a smooth circular progress bar. The code is minified to a tiny js file to load quickly.

    Compatible with old browsers

    CPB has been tested on IE8+ and all other major browsers

    Features

    • Animations
      CSS3 animation support included and ready-to-use.
    • Border, thickness, rotation, colors and more
      Customize your progress bars from a list of predefined built-in properties.
    • Javascript accessibility
      Easily access and mutate your progress bar with Javascript.
    • Advanced customization
      If the properties we offer aren’t enough, you can customize the progress bar easily with your own HTML, CSS or Javascript.
    ]]>
    CPB is a web custom element representing a circular progress bar for your website. It allows to create easily custom circular progress bars on any website using HTML.

    Easy-to-use

    Creating a circular progress bar requires now just one line of code:

    〈circular-progressbar〉〈/circular-progressbar〉

    Performant

    CPB uses SVG internally to render a smooth circular progress bar. The code is minified to a tiny js file to load quickly.

    Compatible with old browsers

    CPB has been tested on IE8+ and all other major browsers

    Features

    • Animations
      CSS3 animation support included and ready-to-use.
    • Border, thickness, rotation, colors and more
      Customize your progress bars from a list of predefined built-in properties.
    • Javascript accessibility
      Easily access and mutate your progress bar with Javascript.
    • Advanced customization
      If the properties we offer aren’t enough, you can customize the progress bar easily with your own HTML, CSS or Javascript.
    ]]>
    Ocean Star - Hotels Search Form 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/ocean-star-hotels-search-form/26952187 Ocean Star – Hotels Search Form

    JavaScript library for customizable and intuitive hotel search forms

    Ocean Star is a JavaScript library for customizable and intuitive hotel search forms with plenty of different features and options. It has a responsive country autocomplete, powerful date range picker with a modern calendar widget, and guest selector with the possibility to add fields dynamically. It makes it easy to add a great-looking hotel search forms to your website or application.

    \\

    \\ General Features

    • The widget is written in pure ES6 JavaScript, no dependencies are required.
    • 100+ ready to use examples.
    • It is well tested using the famous client side Jest testing framework.
    • Any number of widgets can be added to the page with the same or with different settings.
    • The plugin has many configuration options, multiple events, and APIs.
    • Very easy to set up and maintain.

    \\ Mobile Version

    The widget has a beautiful dedicated mobile version that opens as a fullscreen popup with a close button.

    \\ Look and Feel

    • Vertical and horizontal layouts.
    • Shadow, fade, stripes, and gradient themes.
    • Multiple colored themes.
    • Looks good on dark and colored backgrounds.
    • 248 beautiful country thumbnails.
    • CSS styles can be changed easily.
    • Provided minified and non-minified CSS versions.
    • CSS3 icons animations.

    \\ Transitions and Animations

    • Slide-Down, Slide-Up, Slide-Left & Slide-Right Animations.
    • Fade-In & Fade-Out Animations.
    • Shape Animations.
    • Combined Slide & Fade Animation.

    \\ Horizontal Layout

    Ocean Star supports an optional horizontal layout for the large screens.

    \\ 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.

    \\ Validation & Form Submit

    The library has a beautiful form validation with custom error messages with an option to subscribe to error and success events programmatically.

    Once the form is submitted, it sends all data selected by the user to the form action URL. It is also possible to disable this behavior, subscribe to submit event, and perform custom logic.

    \\ APIs

    It is possible to get form values and to check if the form is valid programmatically in any given moment via plugin APIs.

    Countries Autocomplete Features

    Countries autocomplete is a highly customizable JavaScript widget with a rich set of settings and options. It filters countries list by the user input in a drop-down list on desktop and a fullscreen popup on mobile.

    \\

    \\ General Features

    • Countries autocomplete has 248 countries with flag icons and ISO 3166 country codes (2 and 3 letters).
    • Countries autocomplete supports local data set in JSON format that can be changed easily.
    • It also supports remote custom AJAX calls on every user input that can be modified as needed.
    • It is possible to configure multiple plugin options and subscribe to different events, such as country selection, data loading, and more.

    \\ Mobile Version

    Countries autocomplete has a beautiful dedicated mobile version opening as a fullscreen popup.

    \\ Countries Filter Modes

    • Starts With filter mode – finds all countries that start with the text entered by the user.
    • Contains filter mode – finds all countries that contain user input at least one time.
    • Equals filter mode – find the only country that exactly matches user input.

    \\ Additional filter features and settings

    • Filter ignores some not important characters entered by the user like quotes. It’s possible to configure this behavior using regex expression.
    • Autocomplete is not case-sensitive, no matter if the user enters France, FRANCE, or even fRENce it will filter it correctly.
    • The maximal number of filter results also can be changed (5 by default).
    • Filtered text is highlighted in the search results. For example, if the user is looking for ger, this part will be highlighted in the word Germany.

    \\ Keyboard Shortcuts

    • ESC clears the filter text box.
    • UP and DOWN arrow allows the user to navigate through the countries without using the mouse.
    • Once the user navigates to the country with UP / DOWN keys, it can be selected by pressing ENTER.
    • Amd much more…

    \\ Events and Callbacks

    • onchange event, that is fired when selected item changes.
    • loaded event, that is fired each time the dataset is loaded via ajax.
    • opened event, that is fired when the filter results list appears.
    • closed event, that is fired when the filter results list hides.
    • and much more…

    \\ Texts

    Most texts in the widget can be changed or directly in HTML, or using plugin settings.

    Calendar Features

    Date range picker is a highly customizable javascript widget with a rich set of settings and options. It allows you to select a date range using a convenient drop-down calendar in desktop, and a fullscreen popup calendar in mobile.

    \\

    \\ General Features

    • Possibility to define initial from & to dates.
    • User selection is printed at the bottom of the calendar.
    • There is an option to print also the number of nights with a customizable text.
    • If the user closes the dropdown/popup and then reopens it, the calendar remembers the last selected state.
    • All days between the selected “from” and “to” dates are highlighted.

    \\ Mobile Version

    • Date range picker has a beautiful dedicated mobile version opening as a fullscreen popup with a close button.
    • In mobile, it has an infinite scroll by months.

    \\ Texts

    Most texts in the date picker can be changed or directly in HTML, or using plugin settings.

    \\ Events and Callbacks

    • onchange event, that is fired when the data changes.
    • opened event, that is fired when the calendar appears.
    • closed event, that is fired when the calendar hides.
    • and much more…

    Guests Selector Features

    Guests selector is a highly customizable javascript widget with a rich set of settings and options. It allows you to select quantities of multiple fields, including dependent fields.

    \\

    \\ General Features

    • Every field has the option to define a title in singular and plural form.
    • Possibility to render selectors as buttons or as the SELECT tags.
    • It is possible to determine a change step (in case you need it to jump as 2, 3, or another value).
    • It’s possible to define a minimal and maximal field value, including unlimited as an option.
    • Any number of dynamically generated age fields.

    \\ Mobile Version

    Guests selector has a beautiful dedicated mobile version opening as a fullscreen popup with a close button.

    \\ Events & Callbacks

    • onchange event, that is fired when the data changes.
    • opened event, that is fired when the widget appears.
    • closed event, that is fired when the widget hides.
    • and much more…

    \\ Texts

    Most texts in the guests selector can be changed or directly in HTML, or using plugin settings.

    \\ Changelog

    v1.0.1

        Countries Autocomplete
        - Highlighting styles are improved; bold characters instead of the yellow background color.
        - Fixed issue with the country's autocomplete image on click event.
        - The country's autocomplete events now receives more arguments in the appropriate functions.
    
        Date range picker
        - Added possibility to change month and days names.
        - Added option to change week start day.
        - More customizable texts and titles.
        - Added an example of form translated to the Spanish language.
        - Fixed a bug related to "from and to" parameters.
    
        Guests Selector
        - More customizable texts and titles.
        - Added possibility to disable fields. 
    

    v1.0.0 initial version

    ]]>
    Ocean Star – Hotels Search Form

    JavaScript library for customizable and intuitive hotel search forms

    Ocean Star is a JavaScript library for customizable and intuitive hotel search forms with plenty of different features and options. It has a responsive country autocomplete, powerful date range picker with a modern calendar widget, and guest selector with the possibility to add fields dynamically. It makes it easy to add a great-looking hotel search forms to your website or application.

    \\

    \\ General Features

    • The widget is written in pure ES6 JavaScript, no dependencies are required.
    • 100+ ready to use examples.
    • It is well tested using the famous client side Jest testing framework.
    • Any number of widgets can be added to the page with the same or with different settings.
    • The plugin has many configuration options, multiple events, and APIs.
    • Very easy to set up and maintain.

    \\ Mobile Version

    The widget has a beautiful dedicated mobile version that opens as a fullscreen popup with a close button.

    \\ Look and Feel

    • Vertical and horizontal layouts.
    • Shadow, fade, stripes, and gradient themes.
    • Multiple colored themes.
    • Looks good on dark and colored backgrounds.
    • 248 beautiful country thumbnails.
    • CSS styles can be changed easily.
    • Provided minified and non-minified CSS versions.
    • CSS3 icons animations.

    \\ Transitions and Animations

    • Slide-Down, Slide-Up, Slide-Left & Slide-Right Animations.
    • Fade-In & Fade-Out Animations.
    • Shape Animations.
    • Combined Slide & Fade Animation.

    \\ Horizontal Layout

    Ocean Star supports an optional horizontal layout for the large screens.

    \\ 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.

    \\ Validation & Form Submit

    The library has a beautiful form validation with custom error messages with an option to subscribe to error and success events programmatically.

    Once the form is submitted, it sends all data selected by the user to the form action URL. It is also possible to disable this behavior, subscribe to submit event, and perform custom logic.

    \\ APIs

    It is possible to get form values and to check if the form is valid programmatically in any given moment via plugin APIs.

    Countries Autocomplete Features

    Countries autocomplete is a highly customizable JavaScript widget with a rich set of settings and options. It filters countries list by the user input in a drop-down list on desktop and a fullscreen popup on mobile.

    \\

    \\ General Features

    • Countries autocomplete has 248 countries with flag icons and ISO 3166 country codes (2 and 3 letters).
    • Countries autocomplete supports local data set in JSON format that can be changed easily.
    • It also supports remote custom AJAX calls on every user input that can be modified as needed.
    • It is possible to configure multiple plugin options and subscribe to different events, such as country selection, data loading, and more.

    \\ Mobile Version

    Countries autocomplete has a beautiful dedicated mobile version opening as a fullscreen popup.

    \\ Countries Filter Modes

    • Starts With filter mode – finds all countries that start with the text entered by the user.
    • Contains filter mode – finds all countries that contain user input at least one time.
    • Equals filter mode – find the only country that exactly matches user input.

    \\ Additional filter features and settings

    • Filter ignores some not important characters entered by the user like quotes. It’s possible to configure this behavior using regex expression.
    • Autocomplete is not case-sensitive, no matter if the user enters France, FRANCE, or even fRENce it will filter it correctly.
    • The maximal number of filter results also can be changed (5 by default).
    • Filtered text is highlighted in the search results. For example, if the user is looking for ger, this part will be highlighted in the word Germany.

    \\ Keyboard Shortcuts

    • ESC clears the filter text box.
    • UP and DOWN arrow allows the user to navigate through the countries without using the mouse.
    • Once the user navigates to the country with UP / DOWN keys, it can be selected by pressing ENTER.
    • Amd much more…

    \\ Events and Callbacks

    • onchange event, that is fired when selected item changes.
    • loaded event, that is fired each time the dataset is loaded via ajax.
    • opened event, that is fired when the filter results list appears.
    • closed event, that is fired when the filter results list hides.
    • and much more…

    \\ Texts

    Most texts in the widget can be changed or directly in HTML, or using plugin settings.

    Calendar Features

    Date range picker is a highly customizable javascript widget with a rich set of settings and options. It allows you to select a date range using a convenient drop-down calendar in desktop, and a fullscreen popup calendar in mobile.

    \\

    \\ General Features

    • Possibility to define initial from & to dates.
    • User selection is printed at the bottom of the calendar.
    • There is an option to print also the number of nights with a customizable text.
    • If the user closes the dropdown/popup and then reopens it, the calendar remembers the last selected state.
    • All days between the selected “from” and “to” dates are highlighted.

    \\ Mobile Version

    • Date range picker has a beautiful dedicated mobile version opening as a fullscreen popup with a close button.
    • In mobile, it has an infinite scroll by months.

    \\ Texts

    Most texts in the date picker can be changed or directly in HTML, or using plugin settings.

    \\ Events and Callbacks

    • onchange event, that is fired when the data changes.
    • opened event, that is fired when the calendar appears.
    • closed event, that is fired when the calendar hides.
    • and much more…

    Guests Selector Features

    Guests selector is a highly customizable javascript widget with a rich set of settings and options. It allows you to select quantities of multiple fields, including dependent fields.

    \\

    \\ General Features

    • Every field has the option to define a title in singular and plural form.
    • Possibility to render selectors as buttons or as the SELECT tags.
    • It is possible to determine a change step (in case you need it to jump as 2, 3, or another value).
    • It’s possible to define a minimal and maximal field value, including unlimited as an option.
    • Any number of dynamically generated age fields.

    \\ Mobile Version

    Guests selector has a beautiful dedicated mobile version opening as a fullscreen popup with a close button.

    \\ Events & Callbacks

    • onchange event, that is fired when the data changes.
    • opened event, that is fired when the widget appears.
    • closed event, that is fired when the widget hides.
    • and much more…

    \\ Texts

    Most texts in the guests selector can be changed or directly in HTML, or using plugin settings.

    \\ Changelog

    v1.0.1

        Countries Autocomplete
        - Highlighting styles are improved; bold characters instead of the yellow background color.
        - Fixed issue with the country's autocomplete image on click event.
        - The country's autocomplete events now receives more arguments in the appropriate functions.
    
        Date range picker
        - Added possibility to change month and days names.
        - Added option to change week start day.
        - More customizable texts and titles.
        - Added an example of form translated to the Spanish language.
        - Fixed a bug related to "from and to" parameters.
    
        Guests Selector
        - More customizable texts and titles.
        - Added possibility to disable fields. 
    

    v1.0.0 initial version

    ]]>
    Pretty Login - Responsive HTML/CSS/JS Login form (PLUS: React.js component included) 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/pretty-login-responsive-htmlcssjs-login-form-plus-reactjs-co/26891194 The login form is one of the most important pages your site could have…so why not making it Pretty?

    Pretty Login is a beautiful and fully responsive HTML/CSS/JS login form designed for complete customization and smooth animations. There are three views included in the same component: 1. Main login form 2. Create account form 3. Forgot password form

    Just copy the content of the HTML/CSS files to your own proyect and start giving a new look and feel to your site.

    ++ PLUS: Now also available as a React Component!!! ++ Just include the component in your project and start using without any troubles nor extra configuration.

    Included README with all the info needed to get you started with the React component, as well as the documentation of all parameters.

    ]]>
    The login form is one of the most important pages your site could have…so why not making it Pretty?

    Pretty Login is a beautiful and fully responsive HTML/CSS/JS login form designed for complete customization and smooth animations. There are three views included in the same component: 1. Main login form 2. Create account form 3. Forgot password form

    Just copy the content of the HTML/CSS files to your own proyect and start giving a new look and feel to your site.

    ++ PLUS: Now also available as a React Component!!! ++ Just include the component in your project and start using without any troubles nor extra configuration.

    Included README with all the info needed to get you started with the React component, as well as the documentation of all parameters.

    ]]>
    Hohor - Portfolio & Gallery 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/hohor-portfolio-gallery/26826768 Revitalize your portfolio with Hohor Show your customers products in a gallery mode with aesthetic design filtering and animation effects. Your customers will now examine your portfolio more easily with the slider in the popup window.Choose between dark or light layouts

    Main Features:

    • Based on Bootstrap 4.3.1
    • Dark & Light Version
    • Valid HTML5 & CSS3
    • Full Responsive
    • Easy Customize
    • Clean & Modern Design
    • 2 Masonry, Grid Version
    • Cross Browser Support
    • Well documented
    • Fancy Box Image View & Slider
    ]]>
    Revitalize your portfolio with Hohor Show your customers products in a gallery mode with aesthetic design filtering and animation effects. Your customers will now examine your portfolio more easily with the slider in the popup window.Choose between dark or light layouts

    Main Features:

    • Based on Bootstrap 4.3.1
    • Dark & Light Version
    • Valid HTML5 & CSS3
    • Full Responsive
    • Easy Customize
    • Clean & Modern Design
    • 2 Masonry, Grid Version
    • Cross Browser Support
    • Well documented
    • Fancy Box Image View & Slider
    ]]>
    jQuery Scroll Effect 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/jquery-scroll-effect/26709804 Overview: parallaxContent is a jQuery plugin which applies a smooth parallax scrolling effect on any elements as you scroll down or scroll up the page. Smooth animations based on GSAP’s TweenLite.js library.

    Features:
    Resonsive
    Cool animations
    jQuery Features
    ]]>
    Overview: parallaxContent is a jQuery plugin which applies a smooth parallax scrolling effect on any elements as you scroll down or scroll up the page. Smooth animations based on GSAP’s TweenLite.js library.

    Features:
    Resonsive
    Cool animations
    jQuery Features
    ]]>
    3D Photo Row - Advanced Media Gallery 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/3d-photo-row-advanced-media-gallery/26654646 3D Photo Row - Advanced Media Gallery - 1

    UPDATE June 17th
    • New feature: markup item
    UPDATE June 12th
    • Open external links with each item

    Introduction

    3D Photo Row is a creative and unique 3d gallery with photo items beautifully aligned in a row. The camera smoothly moves between items to create a memorable 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.

    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 50 configuration options
    • Easily create slideshow using autoplay option
    • Default dark theme and light theme
    • Multiple Controls: keyboard and mouse
    • Multiple Screen support: mobile, tablet. desktop
    • Multi categories support
    • Multi media support: photo, audio, video, ajax, inline, embedded iframe
    • Fullscreen support
    • Full width support
    • High quality Documentation
    • High quality Code Commenting
    • Custom item shadow supported using CSS box-shadow property
    • animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
    • Custom item shape using ovalShape and roundCorner options
    • 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
    • Advanced Customizer with builtin presets: easily configure the look and feel using common user interfaces.
    • Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigator, GalleryScrollbar
    • videojs as main video playback engine
    • audio5js as main audio playback engine
    • Multiple examples files provided
    • Lightweight: only 26KB in gzip format
    • Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
    3D Photo Row - Advanced Media Gallery - 2 3D Photo Row - Advanced Media Gallery - 3 3D Photo Row - Advanced Media Gallery - 4

    Image credits:unsplash.com Video credits:pexels.com

    ]]>
    3D Photo Row - Advanced Media Gallery - 1

    UPDATE June 17th
    • New feature: markup item
    UPDATE June 12th
    • Open external links with each item

    Introduction

    3D Photo Row is a creative and unique 3d gallery with photo items beautifully aligned in a row. The camera smoothly moves between items to create a memorable 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.

    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 50 configuration options
    • Easily create slideshow using autoplay option
    • Default dark theme and light theme
    • Multiple Controls: keyboard and mouse
    • Multiple Screen support: mobile, tablet. desktop
    • Multi categories support
    • Multi media support: photo, audio, video, ajax, inline, embedded iframe
    • Fullscreen support
    • Full width support
    • High quality Documentation
    • High quality Code Commenting
    • Custom item shadow supported using CSS box-shadow property
    • animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
    • Custom item shape using ovalShape and roundCorner options
    • 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
    • Advanced Customizer with builtin presets: easily configure the look and feel using common user interfaces.
    • Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigator, GalleryScrollbar
    • videojs as main video playback engine
    • audio5js as main audio playback engine
    • Multiple examples files provided
    • Lightweight: only 26KB in gzip format
    • Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
    3D Photo Row - Advanced Media Gallery - 2 3D Photo Row - Advanced Media Gallery - 3 3D Photo Row - Advanced Media Gallery - 4

    Image credits:unsplash.com Video credits:pexels.com

    ]]>
    SocialBox - Social Sidebar 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/socialbox-social-sidebar/26650044 SocialBox is a responsive jQuery social follow/share sidebar navigation. You can add social sidebar to your site easily.

    You can use only CSS styles if you don’t want to use JavaScript which is written detailed in the help file.

    Features Included:

    • Fully Responsive Design
    • CSS3 Animations
    • 36 Font Awesome icons
    • Fixed/Absolute positions
    • 4 Sidebar Positions (Left, Right, Top, Bottom)
    • 3 Icon Shapes (Square, Round, Circle)
    • 3 Color Themes (Color, Dark, Light)
    • 2 Animation Styles (Grow, Simple)
    • 2 Link Types (Follow, Share)
    • Add Icon Space
    • Show/Hide Arrow button
    • Bottom on Mobile
    • Mobile Display On/Off
    • Cross Browser support
    • Easy to Customize
    • Help file is included
    ]]>
    SocialBox is a responsive jQuery social follow/share sidebar navigation. You can add social sidebar to your site easily.

    You can use only CSS styles if you don’t want to use JavaScript which is written detailed in the help file.

    Features Included:

    • Fully Responsive Design
    • CSS3 Animations
    • 36 Font Awesome icons
    • Fixed/Absolute positions
    • 4 Sidebar Positions (Left, Right, Top, Bottom)
    • 3 Icon Shapes (Square, Round, Circle)
    • 3 Color Themes (Color, Dark, Light)
    • 2 Animation Styles (Grow, Simple)
    • 2 Link Types (Follow, Share)
    • Add Icon Space
    • Show/Hide Arrow button
    • Bottom on Mobile
    • Mobile Display On/Off
    • Cross Browser support
    • Easy to Customize
    • Help file is included
    ]]>
    Smoozie - The Smooth Portfolio Gallery 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/smoozie-smooth-portfolio-gallery/26638249 Smoozie is a high-speed performance jQuery gallery that provides animated filtering, stunning hover effects and lightbox for your gallery images. It is perfect choice for your portfoolio showcase.

    Smooth Integration The Smooth Portfolio Gallery can be included into your project in just a minute.

    Animated Filtering Add infinite filters to your gallery and switch between them with stunning transitions.

    Fresh Smoozie Smoozie was made using top fresh CSS3 transitions and jQuery.

    Highly Customizable Can be adjusted to fully fit your needs.

    Responsive Fully responsive. Tested on Windows (Chrome, Firefox, Opera, IE10, IE11, Edge), Mac (Safari, Chrome, Firefox), iOS (iPhone, iPad) and Android.

    Cool Animations Impress your users when showing awesome projects or images from your portfolio.

    Flexible Columns The gallery can be devided up to 6 columns. Just choose the perfect match four you.

    Helpful Support To get support please send an email through the contact form on the envato profile page.

    Free Updates Smoozie will be improved so you get the chance to have all the great image gallery features.

    Enjoy using Smoozie – The Smooth Portfolio Gallery

    ]]>
    Smoozie is a high-speed performance jQuery gallery that provides animated filtering, stunning hover effects and lightbox for your gallery images. It is perfect choice for your portfoolio showcase.

    Smooth Integration The Smooth Portfolio Gallery can be included into your project in just a minute.

    Animated Filtering Add infinite filters to your gallery and switch between them with stunning transitions.

    Fresh Smoozie Smoozie was made using top fresh CSS3 transitions and jQuery.

    Highly Customizable Can be adjusted to fully fit your needs.

    Responsive Fully responsive. Tested on Windows (Chrome, Firefox, Opera, IE10, IE11, Edge), Mac (Safari, Chrome, Firefox), iOS (iPhone, iPad) and Android.

    Cool Animations Impress your users when showing awesome projects or images from your portfolio.

    Flexible Columns The gallery can be devided up to 6 columns. Just choose the perfect match four you.

    Helpful Support To get support please send an email through the contact form on the envato profile page.

    Free Updates Smoozie will be improved so you get the chance to have all the great image gallery features.

    Enjoy using Smoozie – The Smooth Portfolio Gallery

    ]]>
    404 - Parallax Error Page 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/404-parallax-error-page/26624919 404 – Parallax Error Page is an simple and smooth animated error page that can be integrated into any HTML or PHP project.

    Engage more with your users and make your errors pages outstanding by using this minimal, clean and beautifull template.

    It is way better when you show a smooth animated 404 error page for your users and replace the boring standard 404 server response.

    Made with

    404 – Parallax Error Page was created using the most popular CSS framework, bootstrap v4.3.1 and two awesome jQuery based plugins for stars particles and parallax movement.

    jQuery Powered

    To simplify the javascript code jQuery library was used under strict mode.

    Highly Customizable

    All css rules in one file that can be adjusted to fully feet your needs.

    Fresh Looking Design

    Ready to be imported into your next project.

    Responsive

    Fully responsive, on your mobile device it shows even better!

    Cross Browser

    Tested on Windows (Chrome, Firefox, Opera, IE10, IE11, Edge), Mac (Safari, Chrome, Firefox), iOS (iPhone, iPad) and Android.

    Helpful Support

    To get support please send an email through the contact form on the envato profile page.

    Free Updates

    404 – Parallax Error Page will be improved so you get the chance to have all the great features.

    ]]>
    404 – Parallax Error Page is an simple and smooth animated error page that can be integrated into any HTML or PHP project.

    Engage more with your users and make your errors pages outstanding by using this minimal, clean and beautifull template.

    It is way better when you show a smooth animated 404 error page for your users and replace the boring standard 404 server response.

    Made with

    404 – Parallax Error Page was created using the most popular CSS framework, bootstrap v4.3.1 and two awesome jQuery based plugins for stars particles and parallax movement.

    jQuery Powered

    To simplify the javascript code jQuery library was used under strict mode.

    Highly Customizable

    All css rules in one file that can be adjusted to fully feet your needs.

    Fresh Looking Design

    Ready to be imported into your next project.

    Responsive

    Fully responsive, on your mobile device it shows even better!

    Cross Browser

    Tested on Windows (Chrome, Firefox, Opera, IE10, IE11, Edge), Mac (Safari, Chrome, Firefox), iOS (iPhone, iPad) and Android.

    Helpful Support

    To get support please send an email through the contact form on the envato profile page.

    Free Updates

    404 – Parallax Error Page will be improved so you get the chance to have all the great features.

    ]]>
    Ultimate Roulette version 1.0 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/ultimate-roulette-version-10/26607762 - Based on three.js & cannon.js library. All other code is my own custom javascript.

    - This is a real 3d roulette. The result is difficult to predict.

    I used the latest version of three.js and cannon.js physics library. An interesting aspect.

    Structure of project:

    Important note’s:
      - In /assets/complex/ Use chip1.blend to make 3d object edit and export to
      .gltf format. This file is not in active part of application.
      /assets/complex/chip1.gltf is file loaded intro web app.
      Also used gltf loader for /assets/decorations/ ...
      and \assets\wheel-roll\center\centerRoll.gltf
      CenterRoll downloaded from http://www.blendswap.com/blends/view/72520
      and taken only one part.
      In readme.md you have licence just leave it to make legal use.
    
    - assets/fonts/helvetiker_regular.typeface.json comes from three.js see docs.
      It is a 3d text shema not classic web font for regular DOM.
    - /scripts/bet-map/bet-map.js is handler for beting system.
      Most important is betMapCurrentBets.getWinningValue(winNumber) You need first to know
      winning number than use it.
    - Chips image used in app is located at:
      - tag 128 indicate size 128x128.
      \assets\complex\chips-128\chip1.png
      Other chips images in folder table is only src with better size.
    

    - You need to follow function `setWinningNumber` from roulette-table.js to make sence about flow in this project. It is a interest moment.

    application.js is main startup file.
    Use object `app` to save some parameters if you need it.
    In folder /scripts/libs/ most important file is `cannon.engine.js`.
    Please see cannon.js docs for more information.

    It is a clear javascript custom methodology in most simpliest way. I use procedural aspect started from application.js. In all scripts i use simple function call for example :

    - removeNoWinChips()
    - removeAllPhisicsChips()
    - removeAllChips()

    It is very descriptively with one basic programming role `single responsibility`.

    [Not in use] Actually not in use but can be implemented if you have different idea. [Formats – js, html …]

    ├── Root/
    |   ├── assets/
    |   |   └── audios/  [Formats .mp3, .ogg] Fix all modern browsers
    |   |   └── complex/ [Formats .gltf, .blend]
    |   |   └── control-btns/ [Formats .png, .xcf - Gimp source file]
    |   |   └── decorations/  [Formats .gltf, .blend]
    |   |   └── fonts/   [Formats .json]
    |   |   └── ground/  [Formats .jpg]
    |   |   └── table/   [Formats .jpg, .png]
    |   |   └── wheel-roll/  [Formats .png, .gltf]
    |   ├── css/
    |   |   └── style.css
    |   ├── imgs/
    |   |   └── icons/favicon.ico
    |   ├── scripts/
    |   |   └── bet-map
    |   |      └── bet-map.js
    |   |   └── libs/
    |   |   └── audios.js
    |   |   └── ball.js
    |   |   └── center-roll.js
    |   |   └── chips.js
    |   |   └── init.js
    |   |   └── lights.js
    |   |   └── pointerCheck.js - [Not in use]
    |   |   └── pointerLockControls.js - [Not in use]
    |   |   └── roulette-table.js [Handling raycast - detecting click object]
    |   |   └── text.js [Handling 3d text - Credits]
    |   |   └── wheel.js [Static wheel part]
    |   |   └── wheelRoll.js [Rotation system part]
    |   ├── index.html
    |   ├── manifest.web (improve PWA)
    
    

    - You can try this game template at :

    https://roulette.maximumroulette.com]]>
    - Based on three.js & cannon.js library. All other code is my own custom javascript.

    - This is a real 3d roulette. The result is difficult to predict.

    I used the latest version of three.js and cannon.js physics library. An interesting aspect.

    Structure of project:

    Important note’s:
      - In /assets/complex/ Use chip1.blend to make 3d object edit and export to
      .gltf format. This file is not in active part of application.
      /assets/complex/chip1.gltf is file loaded intro web app.
      Also used gltf loader for /assets/decorations/ ...
      and \assets\wheel-roll\center\centerRoll.gltf
      CenterRoll downloaded from http://www.blendswap.com/blends/view/72520
      and taken only one part.
      In readme.md you have licence just leave it to make legal use.
    
    - assets/fonts/helvetiker_regular.typeface.json comes from three.js see docs.
      It is a 3d text shema not classic web font for regular DOM.
    - /scripts/bet-map/bet-map.js is handler for beting system.
      Most important is betMapCurrentBets.getWinningValue(winNumber) You need first to know
      winning number than use it.
    - Chips image used in app is located at:
      - tag 128 indicate size 128x128.
      \assets\complex\chips-128\chip1.png
      Other chips images in folder table is only src with better size.
    

    - You need to follow function `setWinningNumber` from roulette-table.js to make sence about flow in this project. It is a interest moment.

    application.js is main startup file.
    Use object `app` to save some parameters if you need it.
    In folder /scripts/libs/ most important file is `cannon.engine.js`.
    Please see cannon.js docs for more information.

    It is a clear javascript custom methodology in most simpliest way. I use procedural aspect started from application.js. In all scripts i use simple function call for example :

    - removeNoWinChips()
    - removeAllPhisicsChips()
    - removeAllChips()

    It is very descriptively with one basic programming role `single responsibility`.

    [Not in use] Actually not in use but can be implemented if you have different idea. [Formats – js, html …]

    ├── Root/
    |   ├── assets/
    |   |   └── audios/  [Formats .mp3, .ogg] Fix all modern browsers
    |   |   └── complex/ [Formats .gltf, .blend]
    |   |   └── control-btns/ [Formats .png, .xcf - Gimp source file]
    |   |   └── decorations/  [Formats .gltf, .blend]
    |   |   └── fonts/   [Formats .json]
    |   |   └── ground/  [Formats .jpg]
    |   |   └── table/   [Formats .jpg, .png]
    |   |   └── wheel-roll/  [Formats .png, .gltf]
    |   ├── css/
    |   |   └── style.css
    |   ├── imgs/
    |   |   └── icons/favicon.ico
    |   ├── scripts/
    |   |   └── bet-map
    |   |      └── bet-map.js
    |   |   └── libs/
    |   |   └── audios.js
    |   |   └── ball.js
    |   |   └── center-roll.js
    |   |   └── chips.js
    |   |   └── init.js
    |   |   └── lights.js
    |   |   └── pointerCheck.js - [Not in use]
    |   |   └── pointerLockControls.js - [Not in use]
    |   |   └── roulette-table.js [Handling raycast - detecting click object]
    |   |   └── text.js [Handling 3d text - Credits]
    |   |   └── wheel.js [Static wheel part]
    |   |   └── wheelRoll.js [Rotation system part]
    |   ├── index.html
    |   ├── manifest.web (improve PWA)
    
    

    - You can try this game template at :

    https://roulette.maximumroulette.com]]>
    3D Photo Box - Advanced Media Gallery 2020-10-31T01:39:14+00:00 2020-10-31T01:39:14+00:00 /item/3d-photo-box-advanced-media-gallery/26590923 3D Photo Box - Advanced Media Gallery - 1

    UPDATE June 17

    • New feature: Markup item and embedded link

    Introduction

    3D Photo Box transforms the input photos into a three dimensional box with multiple image layers. Each layer can be flipped up or down to reveal the photos before or after it. Additionally the box can rotate automatically and adjust its view angle along X and Z axis.

    Quality Control

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

    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.

    Multiple Screen Supported

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

    Full Features

    • Two view angles in X and Z axis
    • 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
    • Multiple Controls: keyboard and mouse
    • Multiple Screen support: mobile, tablet. desktop
    • Multi categories support
    • Multiple examples files provided
    • Fullscreen support
    • Full width support
    • High quality Code Commenting
    • High quality Documentation
    • Custom item shadow supported using CSS box-shadow property
    • Over 50 configuration options
    • Easily create slideshow using useAutoplay option
    • HTML preprocessor using Pug templates
    • animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
    • Custom item shape using ovalShape and roundCorner options
    • 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
    • Many Gallery Forms parameters: wheelAngle, innerRadius, viewAngle
    • Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigtaor, GalleryScrollbar
    • videojs as main video playback engine
    • audio5js as main audio playback engine
    • Lightweight: only 26KB in gzip format
    3D Photo Box - Advanced Media Gallery - 2 3D Photo Box - Advanced Media Gallery - 3 3D Photo Box - Advanced Media Gallery - 4

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

    ]]>
    3D Photo Box - Advanced Media Gallery - 1

    UPDATE June 17

    • New feature: Markup item and embedded link

    Introduction

    3D Photo Box transforms the input photos into a three dimensional box with multiple image layers. Each layer can be flipped up or down to reveal the photos before or after it. Additionally the box can rotate automatically and adjust its view angle along X and Z axis.

    Quality Control

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

    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.

    Multiple Screen Supported

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

    Full Features

    • Two view angles in X and Z axis
    • 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
    • Multiple Controls: keyboard and mouse
    • Multiple Screen support: mobile, tablet. desktop
    • Multi categories support
    • Multiple examples files provided
    • Fullscreen support
    • Full width support
    • High quality Code Commenting
    • High quality Documentation
    • Custom item shadow supported using CSS box-shadow property
    • Over 50 configuration options
    • Easily create slideshow using useAutoplay option
    • HTML preprocessor using Pug templates
    • animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
    • Custom item shape using ovalShape and roundCorner options
    • 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
    • Many Gallery Forms parameters: wheelAngle, innerRadius, viewAngle
    • Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigtaor, GalleryScrollbar
    • videojs as main video playback engine
    • audio5js as main audio playback engine
    • Lightweight: only 26KB in gzip format
    3D Photo Box - Advanced Media Gallery - 2 3D Photo Box - Advanced Media Gallery - 3 3D Photo Box - Advanced Media Gallery - 4

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

    ]]>