Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/xajkep/awesome-client-side

A dedicated place for cool client side stuffs.
https://github.com/xajkep/awesome-client-side

List: awesome-client-side

Last synced: about 1 month ago
JSON representation

A dedicated place for cool client side stuffs.

Awesome Lists containing this project

README 

        
# Awesome Client-Side

A dedicated place for cool Web client side tools.



## Contents



 * [All in one](#all-in-one)

 * [ASCII Art](#ascii-art)

 * [Beautifier / Minifier](#beautifier--minifier)

 * [CMS](#cms)

 * [Converter](#converter)

 * [Editor](#editor)

 * [Langages](#langages)

    * [Golang](#golang)

    * [Node.js](#nodejs)

    * [Python](#python)

 * [Low level](#low-level)

 * [Multimedia](#multimedia)

    * [Image](#image)

    * [Video](#video)

 * [Paste Service](#paste-service)

 * [PDF](#pdf)

 * [Peer-to-peer](#peer-to-peer)

 * [QRCode](#qrcode)

 * [Security](#security)

 * [Template Engine](#template-engine)

 * [WebAssambly](#webassambly)



## All in one



 * [The Cyber Swiss Army Knife](https://github.com/gchq/CyberChef) - A web app for encryption, encoding, compression and data analysis - [Try it!](https://gchq.github.io/CyberChef/)



## ASCII Art



 * [aalib.js](https://github.com/mir3z/aalib.js) - ASCII art library in JavaScript - [Try it!](http://mir3z.github.io/aalib.js/playground/www/)

 * [ASCII-Artist](https://github.com/alterlife/ASCII-Artist) - A pure html/javascript ASCII Art Generator

 * [AsciiMorph](https://github.com/tholman/ascii-morph) - Library to animate between two ascii images - [Try it!](https://codepen.io/tholman/full/BQLQyo)

 * [Dom Animator](https://github.com/tholman/dom-animator) - A nifty javascript library to run animations, hidden in comment nodes, within the dom - [Try it!](https://tholman.com/dom-animator/)

 * [imgToAscii](https://github.com/victorqribeiro/imgToAscii) - A JavaScript implementation of a image to Ascii code - [Try it!](https://victorqribeiro.github.io/imgToAscii/)

 * [Lettercrap](https://github.com/nate-parrott/lettercrap) - A Javascript library that generates dynamic ascii art on the web [Try it!](https://nate-parrott.github.io/lettercrap)



## Beautifier / Minifier



 * [csso](https://github.com/css/csso) - CSS minifier with structural optimizations - [Try it!](https://css.github.io/csso/csso.html)

 * [html-minifier](https://github.com/kangax/html-minifier) - Javascript-based HTML compressor/minifier - [Try it!](https://kangax.github.io/html-minifier/)

 * [js-beautify](https://github.com/beautify-web/js-beautify) - Beautifier for javascript - [Try it!](https://beautifier.io/)

 * [JSON Lint](https://github.com/zaach/jsonlint) - JSON parser and validator with a CLI - [Try it!](https://jsonlint.com/)

 * [UglifyJS](https://github.com/mishoo/UglifyJS) - JavaScript parser / mangler / compressor / beautifier toolkit [Try it!](https://lisperator.net/uglifyjs/)



## CMS



 * [CMS.js](https://github.com/chrisdiana/cms.js) - Client-Side JavaScript Site Generator - [Try it!](http://chrisdiana.github.io/cms.js/demo/)

 * [coisas](https://github.com/fiatjaf/coisas) - a client-side CMS for editing GitHub Markdown (and other) files - [Try it!](https://coisas.fiatjaf.com/)



## Converter



 * [reMarked.js](https://github.com/leeoniya/reMarked.js) - client-side HTML > markdown - [Try it!](http://leeoniya.github.io/reMarked.js/)



## Editor



 * [angular-cron-gen](https://github.com/vincentjames501/angular-cron-gen) - A basic way to for users to graphically build a cron expression using Angular - [Try it!](https://github.com/vincentjames501/angular-cron-gen)

 * [cleditor](https://github.com/cleditor/cleditor) - a lightweight jQuerified HTML editor [Try it!](https://premiumsoftware.net/cleditor/)

 * [draw.io](https://github.com/jgraph/drawio) - A JavaScript, client-side editor for general diagramming and whiteboarding - [Try it!](https://app.diagrams.net/)

 * [TinyMCE](https://github.com/tinymce/tinymce) - JavaScript library for rich text editing. Available for React, Vue and Angular - [Try it!](https://www.tiny.cloud/docs/tinymce/6/premium-full-featured/)

 * [ZenPen](https://github.com/tholman/zenpen) - A minimalist writing zone [Try it!](https://zenpen.io/)



## Langages



### Golang



* [curl-to-go](https://github.com/mholt/curl-to-go) - Convert curl commands to Go code in your browser - [Try it!](https://mholt.github.io/curl-to-go/)

* [Go Template Preview](https://gotemplate.io/) - Quickly test and visualize your Go templates live - [Try it!](https://pyodide.org/en/stable/console.html) 

* [json-to-go](https://github.com/mholt/json-to-go) - Translates JSON into a Go type in your browser instantly - [Try it!](https://mholt.github.io/json-to-go/)



### Node.js



 * [broserify](https://github.com/browserify/browserify) - browser-side require() the node.js way - [Try it!]([https://browserify.org/](https://browserify.org/demos.html))



### Python



 * [Brython](https://github.com/brython-dev/brython) - [Try it!](https://brython.info/tests/console.html?lang=en)

 * [Pyodide](https://github.com/pyodide/pyodide) - A Python distribution for the browser and Node.js based on WebAssembly.

 * [PyScript](https://github.com/pyscript/pyscript) - A framework that allows users to create rich Python applications in the browser using HTML's interface and the power of Pyodide, WASM, and modern web technologies - [Try it!](https://pyscript.net/examples/)



## Low level



* [Serial Terminal](https://github.com/SpacehuhnTech/serialterminal) - An Open-Source Web-based Serial Terminal - [Try it!](https://serial.huhn.me/)

* [espwebtool](https://github.com/spacehuhntech/espwebtool) - A web app to flash your ESP32 or ESP8266 through your browser. Open-Source, free, and easy to use - [Try it!](https://esp.huhn.me/)



## Multimedia



### Image



 * [angular-image-crop](https://github.com/andyshora/angular-image-crop) - A better way to crop images client-side using AngularJS - [Try it!](https://jsbin.com/fovovu/1/edit?js,output)

 * [compress.js](https://github.com/alextanhongpin/compress.js) - A simple JavaScript based client-side image compression algorithm - [Try it!](https://practical-easley-4e78c7.netlify.app/)

 * [Generative Artistry](https://github.com/tholman/generative-artistry)

 * [holder](https://github.com/imsky/holder) - Client-side image placeholders - [Try it!](http://holderjs.com/)

 * [Intense Images](https://github.com/tholman/intense-images) - A simple library to view large images up close using simple mouse interaction, and the full screen - [Try it!](http://tholman.com/intense-images) - A website for self coding generative art tutorials - [Try it!](https://generativeartistry.com/)

 * [MarvinJ](https://github.com/gabrielarchanjo/marvinj) - Javascript Image Processing Framework based on Marvin Framework [Try it!](https://www.marvinj.org/en/examples/processingBeforeUpload.html)

 * [NSFW JS](https://github.com/infinitered/nsfwjs) - NSFW detection on the client-side via TensorFlow.js [Try i!](https://nsfwjs.com/)

 * [webp2jpg-online](https://github.com/renzhezhilu/webp2jpg-online) - Image conversion and image stitching, pure front-end implementation, fast speed, privacy protection, and offline use - [Try it!](https://imagestool.com/webp2jpg-online/)



### Video



 * [videoinput.js](https://github.com/wgryc/video-input-js) - video-input field to make video recording easy via client-side JS - [Try it!](https://phaseai.com/resources/video-input-form-js-demo)



## Paste Service



 * [0bin](https://github.com/Tygs/0bin) - Client side encrypted pastebin - [Try it!](https://0bin.net/)

 * [NoPaste](https://github.com/bokub/nopaste) - Client-side paste service - [Try it!](https://nopaste.ml/)

 * [paste](https://github.com/topaz/paste) - A no-datastore, client-side paste service - [Try it!](https://topaz.github.io/paste/)



## PDF



 * [html2pdf.js](https://github.com/eKoopmans/html2pdf.js) - Client-side HTML-to-PDF rendering using pure JS. - [Try it!](https://jsfiddle.net/eKoopmans/z1rupL4c/)

 * [jsPDF](https://github.com/parallax/jsPDF) - Client-side JavaScript PDF generation for everyone [Try it!](https://parall.ax/products/jspdf)

 * [pdf.js](https://github.com/mozilla/pdf.js) - PDF Reader in JavaScript - [Try it!](https://mozilla.github.io/pdf.js/web/viewer.html)

 * [WASM-PDF](https://github.com/jussiniinikoski/wasm-pdf) - Generate PDF files with JavaScript and WASM (WebAssembly) - [Try it!](https://jussiniinikoski.github.io/wasm-pdf-demo/example2.html)



## Peer-to-peer



 * [Chitchatter](https://github.com/jeremyckahn/chitchatter) - A peer-to-peer chat app that is serverless, decentralized, and ephemeral - [Try it!](https://chitchatter.im/)

 * [FilePizza](https://github.com/kern/filepizza) - 🍕 Peer-to-peer file transfers in your browser - [Try it!](https://file.pizza/)

 * [Magnet Placer](https://ferrolho.github.io/magnet-player/) - 🎥 A place for streaming torrents directly from your browser - [Try it!](https://ferrolho.github.io/magnet-player/)

 * [PeerTube](https://github.com/Chocobozzz/PeerTube) - ActivityPub-federated video streaming platform using P2P directly in your web browser - [Try it!](https://joinpeertube.org/browse-content)

 * [torrent-client](https://github.com/ThaUnknown/pwa-haven/tree/main/torrent-client) - Torrent Web client - [Try it!](https://haven.pages.dev/torrent-client/public/)

 * [TorrenParts](https://github.com/leoherzog/TorrentParts) - 📑 A website to inspect and edit what's in your Torrent file or Magnet link - [Try it!](https://torrent.parts/)

 * [WebTorrent](https://github.com/webtorrent/webtorrent) - ⚡️ Streaming torrent client for the web - [Try it!](https://webtorrent.io/)



## QRCode



* [EasyQRCodeJS](https://github.com/ushelp/EasyQRCodeJS) - A feature-rich cross-browser pure JavaScript QRCode generation library - [Try it!](https://www.easyproject.cn/easyqrcodejs/tryit.html)

* [jsqrcode](https://github.com/LazarSoft/jsqrcode) - Javascript QRCode scanner - [Try it!](https://webqr.com/)

* [qrcode](https://github.com/PaulKinlan/qrcode) - A simple, small, progressive web app that accesses the user's camera and looks for QR Codes - [Try it!](https://github.com/PaulKinlan/qrcode)



## Security



* [Argon2 in browser](https://github.com/antelle/argon2-browser) - Argon2 password-hashing library compiled for browser runtime - [Try it!](https://antelle.net/argon2-browser/)

* [de4js](https://lelinhtinh.github.io/de4js/) - JavaScript Deobfuscator and Unpacker - [Try it!](https://github.com/lelinhtinh/de4js)

* [ducksify](https://github.com/spacehuhntech/duckify) - BadUSB Script Converter - [Try it!](https://duckify.huhn.me/)

* [hat.sh](https://github.com/sh-dv/hat.sh) - Encrypt and Decrypt files securely in your browser - [Try it!](https://hat.sh/)

* [javascript-deobfuscator](https://github.com/ben-sb/javascript-deobfuscator) - General purpose JavaScript deobfuscator - [Try it!](https://deobfuscate.io/)

* [javascript-obfuscator](https://github.com/javascript-obfuscator/javascript-obfuscator) - A powerful obfuscator for JavaScript and Node.js - [Try it!](https://obfuscator.io/)

* [jsfuck](https://github.com/aemkei/jsfuck) - Write any JavaScript with 6 Characters: \[\]\(\)!+ - [Try it!](http://www.jsfuck.com/)

* [Lufi](https://github.com/ldidry/lufi) - Lufi means Let's Upload that FIle. It's a E2E encrypted file sharing software - [Try it!](https://demo.lufi.io/)

* [password-generator](https://github.com/michal037/password-generator) - Web Password Generator - [Try it!](https://michal037.github.io/password-generator/)



## Template Engine



 * [json2html](https://github.com/moappi/json2html) - Json2html is a lightning fast client side javascript HTML templating library with wrappers for both jQuery and Node.js - [Try it!](https://www.json2html.com/visualizer/#json-tab)



## WebAssambly



 * [WABT](https://github.com/WebAssembly/wabt) - The WebAssembly Binary Toolkit - [Try it!](https://webassembly.github.io/wabt/demo/)