Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

awesome-client-side

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

Last synced: 4 days ago
JSON representation

  • Beautifier / Minifier

    • js-beautify - Beautifier for javascript - [Try it!](https://beautifier.io/)
    • csso - CSS minifier with structural optimizations - [Try it!](https://css.github.io/csso/csso.html)
    • html-minifier - Javascript-based HTML compressor/minifier - [Try it!](https://kangax.github.io/html-minifier/)
    • JSON Lint - JSON parser and validator with a CLI - [Try it!](https://jsonlint.com/)
    • UglifyJS - JavaScript parser / mangler / compressor / beautifier toolkit [Try it!](https://lisperator.net/uglifyjs/)

  • Langages

    • Golang

      • Go Template Preview - Quickly test and visualize your Go templates live - [Try it!](https://pyodide.org/en/stable/console.html)
      • curl-to-go - Convert curl commands to Go code in your browser - [Try it!](https://mholt.github.io/curl-to-go/)
      • 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 - browser-side require() the node.js way - [Try it!]([https://browserify.org/](https://browserify.org/demos.html))

    • Python

      • Brython - [Try it!](https://brython.info/tests/console.html?lang=en)
      • Pyodide - A Python distribution for the browser and Node.js based on WebAssembly.
      • 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/)

  • Peer-to-peer

    • Video

      • torrent-client - Torrent Web client - [Try it!](https://haven.pages.dev/torrent-client/public/)
      • Chitchatter - A peer-to-peer chat app that is serverless, decentralized, and ephemeral - [Try it!](https://chitchatter.im/)
      • PeerTube - ActivityPub-federated video streaming platform using P2P directly in your web browser - [Try it!](https://joinpeertube.org/browse-content)
      • FilePizza - 🍕 Peer-to-peer file transfers in your browser - [Try it!](https://file.pizza/)
      • Magnet Placer - 🎥 A place for streaming torrents directly from your browser - [Try it!](https://ferrolho.github.io/magnet-player/)
      • TorrenParts - 📑 A website to inspect and edit what's in your Torrent file or Magnet link - [Try it!](https://torrent.parts/)
      • WebTorrent - ⚡️ Streaming torrent client for the web - [Try it!](https://webtorrent.io/)

  • All in one

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

  • ASCII Art

    • aalib.js - ASCII art library in JavaScript - [Try it!](http://mir3z.github.io/aalib.js/playground/www/)
    • ASCII-Artist - A pure html/javascript ASCII Art Generator
    • AsciiMorph - Library to animate between two ascii images - [Try it!](https://codepen.io/tholman/full/BQLQyo)
    • Dom Animator - A nifty javascript library to run animations, hidden in comment nodes, within the dom - [Try it!](https://tholman.com/dom-animator/)
    • imgToAscii - A JavaScript implementation of a image to Ascii code - [Try it!](https://victorqribeiro.github.io/imgToAscii/)
    • Lettercrap - A Javascript library that generates dynamic ascii art on the web [Try it!](https://nate-parrott.github.io/lettercrap)

  • CMS

    • CMS.js - Client-Side JavaScript Site Generator - [Try it!](http://chrisdiana.github.io/cms.js/demo/)
    • coisas - a client-side CMS for editing GitHub Markdown (and other) files - [Try it!](https://coisas.fiatjaf.com/)

  • Converter

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

  • Editor

    • 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 - a lightweight jQuerified HTML editor [Try it!](https://premiumsoftware.net/cleditor/)
    • draw.io - A JavaScript, client-side editor for general diagramming and whiteboarding - [Try it!](https://app.diagrams.net/)
    • 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 - A minimalist writing zone [Try it!](https://zenpen.io/)

  • Low level

    • Python

      • Serial Terminal - An Open-Source Web-based Serial Terminal - [Try it!](https://serial.huhn.me/)
      • 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 - A better way to crop images client-side using AngularJS - [Try it!](https://jsbin.com/fovovu/1/edit?js,output)
      • compress.js - A simple JavaScript based client-side image compression algorithm - [Try it!](https://practical-easley-4e78c7.netlify.app/)
      • Generative Artistry
      • holder - Client-side image placeholders - [Try it!](http://holderjs.com/)
      • 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 - Javascript Image Processing Framework based on Marvin Framework [Try it!](https://www.marvinj.org/en/examples/processingBeforeUpload.html)
      • NSFW JS - NSFW detection on the client-side via TensorFlow.js [Try i!](https://nsfwjs.com/)
      • 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 - 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

    • Video

      • 0bin - Client side encrypted pastebin - [Try it!](https://0bin.net/)
      • NoPaste - Client-side paste service - [Try it!](https://nopaste.ml/)
      • paste - A no-datastore, client-side paste service - [Try it!](https://topaz.github.io/paste/)

  • PDF

    • Video

      • html2pdf.js - Client-side HTML-to-PDF rendering using pure JS. - [Try it!](https://jsfiddle.net/eKoopmans/z1rupL4c/)
      • jsPDF - Client-side JavaScript PDF generation for everyone [Try it!](https://parall.ax/products/jspdf)
      • pdf.js - PDF Reader in JavaScript - [Try it!](https://mozilla.github.io/pdf.js/web/viewer.html)
      • WASM-PDF - Generate PDF files with JavaScript and WASM (WebAssembly) - [Try it!](https://jussiniinikoski.github.io/wasm-pdf-demo/example2.html)

  • QRCode

    • Video

      • EasyQRCodeJS - A feature-rich cross-browser pure JavaScript QRCode generation library - [Try it!](https://www.easyproject.cn/easyqrcodejs/tryit.html)
      • jsqrcode - Javascript QRCode scanner - [Try it!](https://webqr.com/)
      • 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

    • Video

      • Argon2 in browser - Argon2 password-hashing library compiled for browser runtime - [Try it!](https://antelle.net/argon2-browser/)
      • de4js - JavaScript Deobfuscator and Unpacker - [Try it!](https://github.com/lelinhtinh/de4js)
      • ducksify - BadUSB Script Converter - [Try it!](https://duckify.huhn.me/)
      • hat.sh - Encrypt and Decrypt files securely in your browser - [Try it!](https://hat.sh/)
      • javascript-deobfuscator - General purpose JavaScript deobfuscator - [Try it!](https://deobfuscate.io/)
      • javascript-obfuscator - A powerful obfuscator for JavaScript and Node.js - [Try it!](https://obfuscator.io/)
      • jsfuck - Write any JavaScript with 6 Characters: \[\]\(\)!+ - [Try it!](http://www.jsfuck.com/)
      • Lufi - Lufi means Let's Upload that FIle. It's a E2E encrypted file sharing software - [Try it!](https://demo.lufi.io/)
      • password-generator - Web Password Generator - [Try it!](https://michal037.github.io/password-generator/)

  • Template Engine

    • Video

      • 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

    • Video

      • WABT - The WebAssembly Binary Toolkit - [Try it!](https://webassembly.github.io/wabt/demo/)
Programming Languages
JavaScript 52 TypeScript 6 Python 3 C++ 1 Rust 1 HTML 1
Categories
Security 9 Multimedia 9 Langages 7 Peer-to-peer 7 ASCII Art 6 Editor 5 Beautifier / Minifier 5 PDF 4 QRCode 3 Paste Service 3 CMS 2 Low level 2 Template Engine 1 WebAssambly 1 All in one 1 Converter 1
Sub Categories
Video 29 Image 8 Python 5 Golang 3 Node.js 1
Keywords
javascript 21 client-side 4 python 4 webrtc 4 p2p 4 webassembly 4 browser 4 html 3 nodejs 3 torrent 3 webtorrent 3 wasm 3 encryption 3 single-page-app 2 peer-to-peer 2 react 2 serverless 2 privacy 2 pdf-generation 2 cryptography 2 angular 2 canvas 2 decentralized 2 deobfuscation 2 pastebin 2 go 2 image-processing 2 golang 2 ascii-art 2 encoding 2 compression 2 css 2 base64 1 base-conversion 1 modules 1 base64url 1 module-bundler 1 compress 1 image-converter 1 conversionem-image 1 browser-picture-converter 1 tensorflowjs 1 tensorflow-js 1 nsfw-recognition 1 node-module 1 machinelearning 1 machine-learning 1 content-management 1 javascript-library 1 computer-vision 1