https://github.com/ractivejs/ractive

Next-generation DOM manipulation
https://github.com/ractivejs/ractive

Last synced: about 1 month ago
JSON representation

Next-generation DOM manipulation

• Host: GitHub
• URL: https://github.com/ractivejs/ractive
• Owner: ractivejs
• License: mit
• Created: 2012-07-31T13:08:09.000Z (almost 12 years ago)
• Default Branch: dev
• Last Pushed: 2024-03-14T02:35:54.000Z (3 months ago)
• Last Synced: 2024-04-20T12:52:51.571Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://ractive.js.org
• Size: 133 MB
• Stars: 5,937
• Watchers: 156
• Forks: 400
• Open Issues: 67
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Lists

• awesome-javascript - ractive - Next-generation DOM manipulation. (MVC Frameworks and Libraries / Runner)
• awesome-javascript-cn - ractive
• awesome-frontend - Ractive.js
• awesome-stars - ractivejs/ractive - Next-generation DOM manipulation (JavaScript)
• awesome-stars - ractive - generation DOM manipulation | ractivejs | 5886 | (JavaScript)
• awesome-stars - ractive - Next-generation DOM manipulation (JavaScript)
• awesome-focusnetworks - ractive - Next-generation DOM manipulation. [](http://spmjs.io/package/ractive) (MVC Frameworks and Libraries / Runner)
• awesome-github-repos - ractivejs/ractive - Next-generation DOM manipulation (JavaScript)
• my-awesome-stars - ractivejs/ractive - Next-generation DOM manipulation (JavaScript)
• awesome-js - ractive - Next-generation DOM manipulation (Framework or Library / DOM Manipulation)
• awesome-javascript - ractive - Next-generation DOM manipulation. (MVC Frameworks and Libraries / Runner)
• awesome-front-end - Ractive.js
• awesome-frontend - Ractive.js
• awesome-javascript-libraries - ractive - Next-generation DOM manipulation. (MVC Frameworks and Libraries / Runner)
• awesome-stars - ractivejs/ractive - Next-generation DOM manipulation (JavaScript)
• awesome-javascript-builds-project - ractive - Next-generation DOM manipulation. (MVC Frameworks and Libraries / Runner)
• A-collection-of-awesome-browser-side-JavaScript-libraries-resources-and-shiny-things. - ractive - Next-generation DOM manipulation. (MVC Frameworks and Libraries / Runner)
• awesome-javascript - ractive
• awesome-javascript - ractive - Next-generation DOM manipulation ` 📝 22 days ago ` (MVC Frameworks and Libraries [🔝](#readme))
• awesome-stars - ractivejs/ractive - Next-generation DOM manipulation (JavaScript)
• awesome-javascript - ractive - Next-generation DOM manipulation - ★ 5599 (MVC Frameworks and Libraries)
• awesome-stars - ractive - generation DOM manipulation | ractivejs | 5807 | (JavaScript)
• awesome-starred - ractivejs/ractive - Next-generation DOM manipulation (others)
• awesome - ractivejs/ractive - generation DOM manipulation. 已经变成上一代. (RIP / Test)
• awesome-frontend - Ractive.js

README

        


# Ractive.js - Next-generation DOM manipulation

[![npm version](https://img.shields.io/npm/v/ractive.svg?style=flat-square)](https://www.npmjs.com/package/ractive) [![Build Status](https://img.shields.io/travis/ractivejs/ractive/dev.svg?style=flat-square)](https://travis-ci.org/ractivejs/ractive) [![Coverage Status](https://img.shields.io/coveralls/ractivejs/ractive/dev.svg?style=flat-square)](https://coveralls.io/github/ractivejs/ractive?branch=dev) [![jsDelivr downloads](https://data.jsdelivr.com/v1/package/npm/ractive/badge)](https://www.jsdelivr.com/package/npm/ractive) [![npm downloads](https://img.shields.io/npm/dm/ractive.svg?style=flat-square)](https://www.npmjs.com/package/ractive) [![Twitter Follow](https://img.shields.io/twitter/follow/ractivejs.svg?style=flat-square)](https://twitter.com/ractivejs)

Have any questions or just want to chat? Join us on [GitHub Discussions](https://github.com/ractivejs/ractive/discussions)!

## What is Ractive.js?

It's a JavaScript library for building reactive user interfaces in a way that doesn't force you into a particular framework's way of thinking. It takes a radically different approach to DOM manipulation - one that saves both you and the browser unnecessary work.

Features include...

- Data-binding, with a beautiful declarative syntax.

- Event handling that doesn't make you tear your hair out.

- Flexible and performant animations and transitions.

- And much more!

## Getting started

To get a feel for how it will make your life as a web developer easier, head over to the documentation at [ractive.js.org](https://ractive.js.org/) or get a quick hands-on with [interactive tutorials](https://ractive.js.org/tutorials/hello-world/).

## Contributing

All forms of help are welcome! Please read [CONTRIBUTING.md](CONTRIBUTING.md) to learn how to contribute.

## License

Copyright (c) 2012-21 Rich Harris and contributors. Released under an [MIT license](LICENSE.md).