Description
A tiny foundation for building reactive views with plugins. It aims to have a similar API to Reactive, but allow composition of views, like React. The major difference for other view libraries is that there are no globals used at all. Each view has its own set of bindings and plugins. This makes composition of views really easy.
ripple alternatives and similar libraries
Based on the "MVC Frameworks and Libraries" category.
Alternatively, view ripple alternatives based on common mentions on social networks and blogs.
-
Vue.js
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core -
react-native
A framework for building native applications using React -
backbone
Give your JS App some Backbone with Models, Views, Collections, and Events -
preact
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM. -
ember.js
Ember.js - A JavaScript framework for creating ambitious web applications -
Alpine.js
A rugged, minimal framework for composing JavaScript behavior in your markup. -
nativescript
⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: SwiftUI, Jetpack Compose, Flutter and you name it compatible. -
GrapesJS
Free and Open source Web Builder Framework. Next generation tool for building templates without coding -
hyperapp
1kB-ish JavaScript framework for building hypertext applications -
inferno
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces -
Adonis
🚀 The Node.js Framework highly focused on developer ergonomics, stability and confidence -
knockout
Knockout makes it easier to create rich, responsive UIs with JavaScript -
aurelia
The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia. -
Stimulus
A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus] -
Rete.js
Rete.js is a framework for creating visual interfaces and workflows. It provides out-of-the-box solutions for visualization using various libraries and frameworks, as well as solutions for processing graphs based on dataflow and control flow approaches. -
derby
MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers -
litegraph.js
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently. -
FFCreator
一个基于node.js的高速视频制作库 A fast video processing library based on node.js -
FoalTS
Full-featured Node.js framework, with no complexity. 🚀 Simple and easy to use, TypeScript-based and well-documented. -
Monkberry
Monkberry is a JavaScript library for building web user interfaces -
rxweb
Tons of extensively featured packages for Angular, VUE and React Projects
Appwrite - The open-source backend cloud platform
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of ripple or a related project?
Popular Comparisons
README
ripple.js
A tiny foundation for building reactive views with plugins. It aims to have a similar API to Reactive, but allow composition of views, like React. The major difference for other view libraries is that there are no globals used at all. Each view has its own set of bindings and plugins. This makes composition of views really easy.
var Person = ripple('<div>{{name}}</div>')
.attr('name', { required: true, type: 'string' });
var person = new Person({
name: 'Tom'
});
person.appendTo(document.body);
person.name = "Barry"; // DOM updates automatically
Install
component install ripplejs/ripple
Browser Support
Supports real browsers and IE9+.
Documentation
Examples
See more examples at ripplejs/examples
Plugins
- shortcuts - add custom key binding combos
- events - add event listeners to the DOM and call methods on the view
- each - Basic iteration using the
each
directive. - bind-methods - Bind all methods on the prototype to the view
- markdown - Adds a directive to render markdown using Marked.
- extend - Makes adding methods to the view prototype a little cleaner
- intervals - Easily add and remove intervals
- computed - Add computed properties.
- refs - Easily reference elements within the template
- dispatch - Dispatch custom DOM events up the tree
License
MIT
*Note that all licence references and agreements mentioned in the ripple README section above
are relevant to that project's source code only.