All Projects → nguyenphuminh → rottenjs

nguyenphuminh / rottenjs

Licence: MIT license
An all-in-one (2.6kb) Javascript library for web development

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to rottenjs

picoCSS
picoCSS - really small JavaScript Framework
Stars: ✭ 62 (+313.33%)
Mutual labels:  dom, javascript-framework, javascript-library
necktie
Necktie – a simple DOM binding tool
Stars: ✭ 43 (+186.67%)
Mutual labels:  dom, javascript-library, dom-manipulation
fyu
Do your users take your website for granted? Do want to make them using your website living hell? Look no further, F.Y.U. is here!
Stars: ✭ 53 (+253.33%)
Mutual labels:  web-development, javascript-framework, javascript-library
Uiengine
Workbench for UI-driven development
Stars: ✭ 349 (+2226.67%)
Mutual labels:  ui-design, web-development
Wind Js
An demo animation of wind on a Canvas layer in the JSAPI
Stars: ✭ 548 (+3553.33%)
Mutual labels:  web-development, javascript-library
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+54286.67%)
Mutual labels:  web-development, javascript-library
Server Components
🔧 A simple, lightweight tool for composable HTML rendering in Node.js, based on web components.
Stars: ✭ 212 (+1313.33%)
Mutual labels:  dom, javascript-framework
JS HTML Widgets
Easily create widget objects of arbitrary complexity
Stars: ✭ 16 (+6.67%)
Mutual labels:  ui-design, ui-development
Modern.JS
모던 자바스크립트 라이브러리/프레임워크 × KIPFA(한국인터넷전문가협회)
Stars: ✭ 16 (+6.67%)
Mutual labels:  javascript-framework, javascript-library
YouTube-UI
A recreation of UI of the YouTube app in Android
Stars: ✭ 35 (+133.33%)
Mutual labels:  ui-design, ui-development
smart-custom-element
Smart a lightweight web component library that provides capabilities for web components, such as data binding, using es6 native class inheritance. This library is focused for providing the developer the ability to write robust and native web components without the need of dependencies and an overhead of a framework.
Stars: ✭ 17 (+13.33%)
Mutual labels:  dom, javascript-framework
Mei.js
a minimal, simple and helpful library for you
Stars: ✭ 15 (+0%)
Mutual labels:  dom, javascript-library
Wpt
Test suites for Web platform specs — including WHATWG, W3C, and others
Stars: ✭ 3,573 (+23720%)
Mutual labels:  web-development, dom
Redom
Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.
Stars: ✭ 3,123 (+20720%)
Mutual labels:  web-development, dom
purescript-pop
😃 A functional reactive programming (FRP) demo created with PureScript events and behaviors.
Stars: ✭ 33 (+120%)
Mutual labels:  web-development, javascript-framework
amirajs
Amirajs is Lightweight (~0.4kb compressed) JS Library for DOM Manipulation
Stars: ✭ 12 (-20%)
Mutual labels:  javascript-library, dom-manipulation
Dom7
Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
Stars: ✭ 119 (+693.33%)
Mutual labels:  dom, javascript-library
Mag.js
MagJS - Modular Application Glue
Stars: ✭ 157 (+946.67%)
Mutual labels:  dom, javascript-library
m4q
Small library for DOM manipulation and animation. This library similar to jQuery, but written more simply.
Stars: ✭ 30 (+100%)
Mutual labels:  dom, dom-manipulation
DevHelpBox
we are creating this community so that other developers can get benefits of it.
Stars: ✭ 35 (+133.33%)
Mutual labels:  web-development, javascript-library

A simple, light-weight Javascript library for DOM manipulation and UI development


Downloads Version language

What is RottenJS ?

RottenJS is a light-weight(2.6kb), all-in-one Javascript library. It can be used for DOM manipulation, but it also provides many utilites for you to create websites with charm. The library is recommended for personal projects as its very light and scale well with medium-sized websites, but not recommended for big websites that are in production. RottenJS is a perfect fit for you if you want to create projects quick and easy, or if you just want to mess around with open-source libraries.

Comparision with other libraries/frameworks

Size Rotten.js Cash Zepto 1.2.0 jQuery Slim 3.4.1
Unminified 13.9 KB 36.5 KB 58.7 KB 227 KB
Minified 7.8 KB 16 KB 26 KB 71 KB
Minified & Gzipped 2.6 KB 6 KB 9.8 KB 24.4 KB

When it comes to size, Rotten.js totally shine, so if you want your website to be fast and light, Rotten.js can be a great option!

Getting started

Installation

You can clone RottenJS with git:

git clone https://github.com/nguyenphuminh/RottenJS.git

Or you can just pull it from unpkg.com by adding this to your .html file:

<script src="https://unpkg.com/rottenjs"></script>

Or from npm:

npm install rottenjs

If you're using NodeJS, please consider check out this code first:

// Import rottenjs to "rotten"
const rotten = require("rottenjs");
// Using rt()
const rt = rotten.rt;
// const rdom = rotten.rdom;
// const rUI = rotten.rUI;
// const rDev = rotten.rDev;

Documentations

Pros and Cons

Pros

  • Written in pure Javascript, easy to setup and use, no toolings needed.
  • Lightweight.
  • All-in-one.

Cons

  • Not optimized.
  • Works not that well with big sites

Who is using RottenJS ?

Social medias

Copyrights and License

Copyrights © 2020 Nguyen Phu Minh

This library is licensed under the MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].