(Sharing) Extra Tools can be use as New Features in Moxly AppBuilder

Hello guys, i will used this thread to keep consistent at least every week to share free tools you can use as addon components/features when building app inside Moxly App Builder. I will choose thoose and provide free links to everyone to use (most of it i will try to give solution best working as app in frame)

My first sharing is about 2 new components which easily to add inside your app which is

1. Sciencetific Calculator

Use this link [Scientific Calculator PWA](https://Scientific Calculator)

How to Use it?

Go to your app builder, select webview components and added the above link =)

Credit to the Author: https://twitter.com/YouCode18

2. Weather Today

Use this link [Weather](https://Simple Weather Today)

How to Use it?

Go to your app builder, select webview and added the above link =)

Credit to the Author: desaidhruv (Dhruv Desai) · GitHub

Other Best Alternative to Use:

If anyone have requested tools , please comments here, i will try my best to provide =)

More coming soon, stay tune this thread

Thanks


Upcoming tools to share on next:

  • NotePad
2 Likes

Awesome Thanks. Good initiative. I will also try to add if I come across something.

1 Like

welcoming u bro, as we understand the moxly developer team is improving the system, we try to give simple solution to community and when right time, moxly team can implement those important tools which will works best inside the builder rather than using direct integration like this. hehe

If your looking for webapps you can embed, here is an entire site full of them at no cost. Games, tools, etc.

1 Like

:frowning: I thoght we were going to have some weekly updates here :slight_smile:

1 Like

Sorry as quite busy with other app and web developments anyhow can u highlight which features u need with pwa concept? i will try to share here

Tq

Hello everyone, i shared how we can easily do sound button components by using below code:

Step to use:

  1. Host your selected audio in any format (i choose mp3) in any hosted platform like github or even from your own server (need to make sure the url is correct)

  2. Paste this code to ‘HTML Code’ Components (ensure both html and javascript is choosen)

Note: Make Sure you had replace the sound url link in src part as bolded to your own one


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>

</style>
</head>
<body>

<audio id="myAudio">
  <source src="**https://github.com/syahirahzZaki/audio/raw/main/hair.mp3**" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

<button onclick="playAudio()" type="button" style="font-size: 80px; border-radius: 50px;"><i class="fas fa-music" aria-hidden="true"></i></button>

<script>
var x = document.getElementById("myAudio"); 

function playAudio() { 
  x.play(); 
}  
</script>

</body>
</html>

Final Output of the Sound Button with autoplay when click will look like this:

Hope this sharing will benefit all

Thanks

1 Like