With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Html5 Projects
-
Most of frontend libraries are made with Vanilla JS. An example of library that you might frequently use is "Chart.js". But React is not compatible with Chart.js so here it comes "React-chartjs-2" A wrapper library to work with Chart.js in React ecosystem. Oh you want to use "three.js" for some cool 3D? you will need "React-three/fiber". In my case, I need to implement "telegram-web-app", not so fast, I have to create my own wrapper to be able to use it.
-
Most of frontend libraries are made with Vanilla JS. An example of library that you might frequently use is "Chart.js". But React is not compatible with Chart.js so here it comes "React-chartjs-2" A wrapper library to work with Chart.js in React ecosystem. Oh you want to use "three.js" for some cool 3D? you will need "React-three/fiber". In my case, I need to implement "telegram-web-app", not so fast, I have to create my own wrapper to be able to use it.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
html5-boilerplate
A professional front-end template for building fast, robust, and adaptable web apps or sites.
Download the HTML5 Boilerplate template from the official website (https://html5boilerplate.com/). You can choose to download the standard or the enhanced version, depending on your needs.
-
Project mention: Stream to Chromecast with resolved, vlc and bash | news.ycombinator.com | 2024-01-07
For people who like to watch with subtitles, VLC currently doesn't support streaming to chromecast with SRT subtitles.. there are several issues for it and I believe support is slated for the next major version of Chromecast, but not sure when that will be.
The typical "workaround" is to reencode the video file to include the subtitles directly, but that sounded like too much work, so I hacked together a static page using https://videojs.com/ to embed a player and load the video and subtitles in a browser window.
Here it is in gist form if anyone has a similar issue: https://gist.github.com/HartS/9bb2721fa73b6798efcdbf5c463e87...
This was hacked together as quickly as possible for my own needs, so definitely not intended to be an example of clean code. You need to run the python server separately to serve the SRT because video-js can't load it from a file URL IIRC
-
SheetJS js-xlsx
📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
ExcelJS and XLSX (SheetJS) are great libraries to work with XLSX files. The former I've found a bit easier to work with but less efficient in general.
-
30-Days-Of-React
30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Challenge yourself with the 30 Days of React series, perfect for honing your skills day by day.
-
I setup tigervnc server on both my linux and windows machinces , then use websockify and noVNC to access them whenever i want through my web browser. you can follow readme of novnc here. If other pcs are on a seperate network or behind a NAT i suggest using frp hosted on a vps (That is what i did) .
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
mediaelement
HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
-
❔jsPlumb - Seems like JointJS
-
-
This is by the same person who made jspaint. https://github.com/1j01/jspaint Some of the other projects by the author are also very interesting https://github.com/1j01?tab=repositories&q=&type=&language=&...
There is this pipes screen saver for example https://1j01.github.io/pipes/
-
Metro-UI-CSS
Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
-
-
-
-
Project mention: Advice on easy-to-learn game engines? Planning a marriage proposal year(s) in advance | /r/gamedev | 2023-12-07
https://gdevelop.io/ <- free, very easy
-
bootstrap-fileinput
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
-
-
Project mention: Pre-made solution for allowing a client to upload a file to my web hosting (via browser, not FTP client)? | /r/web_design | 2023-06-26
I've used elfinder for various purposes like image upload but also just a file manager. It's entirely customizable in how it saves files(location), what you want to accept, file size limits etc.
-
-
-
AmplitudeJS
AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.
Project mention: Is there a react component for an audio player with a playback speed modifier? | /r/webdev | 2023-12-05I've searched long and far but, so far, I haven't found anything. The best I have is (AmplitudeJS)[https://github.com/serversideup/amplitudejs], but it is not intended to be used with React and bugs out when changing pages.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
JavaScript Html5 related posts
- React: A Mess That Shouldn't Exist In Web Development
- Frontend Developer Roadmap
- JointJS releases a 'no-dependency' v4.0
- Journey.js – Create interactive guided tours across your websites/web apps
- SURF THE WEB LIKE IT'S 1999!
- Ask HN: What are you working on this year?
- Pixelating Live with SVG
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Mar 2024
Index
What are some of the best open-source Html5 projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,017 |
2 | Chart.js | 63,136 |
3 | html5-boilerplate | 55,843 |
4 | video.js | 36,974 |
5 | SheetJS js-xlsx | 34,321 |
6 | 30-Days-Of-React | 24,176 |
7 | noVNC | 10,824 |
8 | two.js | 8,150 |
9 | mediaelement | 8,125 |
10 | jsplumb | 7,706 |
11 | chart.xkcd | 7,544 |
12 | jspaint | 7,056 |
13 | Metro-UI-CSS | 6,992 |
14 | VvvebJs | 6,487 |
15 | youtube-dl-gui | 6,252 |
16 | melonJS | 5,669 |
17 | GDevelop | 5,654 |
18 | bootstrap-fileinput | 5,330 |
19 | website-templates | 4,557 |
20 | elFinder | 4,543 |
21 | joint | 4,357 |
22 | coreui-free-react-admin-template | 4,277 |
23 | AmplitudeJS | 4,101 |