68 best open source livereload projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 68 results

budo - :clapper: a dev server for rapid prototyping

Javascript

This is a browserify development server focused on incremental reloading, LiveReload integration (including CSS injection) and other high-level features for rapid prototyping.Then open http://localhost:9966/ to see the content in action.

browserify watchify browser dev development server beefy wzrd local locally localhost watch live reload livereload lr

realize - Go build system with file watcher, live reload and output streams

Automate the most recurring operations needed for development, define what you need only one time, integrate additional tools of third party, define custom cli commands and reload projects at each file change without stop to write code.Various operations can be programmed for each project, which can be executed at startup, at stop, and at each file change.

build-tool build-system livereload filewatcher golang-package tockins go-tools utility go-library

grunt-contrib-watch - Run tasks whenever watched files change.

Javascript

Run this task with the grunt watch command. This defines what file patterns this task will watch. It can be a string or an array of files and/or minimatch patterns.

gruntplugin watch livereload

livereactload - Live code editing with Browserify and React

Javascript

Live code editing with Browserify and React. Hot reloading is de facto in today's front-end scene but unfortunately there isn't any decent implementation for Browserify yet. This is shame because (in my opinion) Browserify is the best bundling tool at the moment.

browserify hmr react live-coding livereload browserify-plugin

ultimate-seed - {MEAN Stack on Steroids} The ultimate full-stack AngularJS + Node

Javascript

ultimate-seed is the ultimate full-stack AngularJS + Node.js/Express seed (batteries included!) that makes web developers insanely productive. This project uses ultimate dependency library.

node.js seed angular angular-ui barbeque source-maps bootstrap bower browserify docker font-awesome express grunt handlebars jshint karma mocha less less-hat livereload lodash underscore modernizr mongodb mongoose passport facebook google twitter redis socket.io uglify winston

react-hot-loader - Tweak React components in real time.

Javascript

Watch Dan Abramov's talk on Hot Reloading with Time Travel. Note: You can safely install react-hot-loader as a regular dependency instead of a dev dependency as it automatically ensures it is not executed in production and the footprint is minimal.

react webpack hmr livereload live edit hot loader reload

realize - Realize is the #1 Golang Task Runner which enhance your workflow by automating the most common tasks and using the best performing Golang live reloading

It will create a .realize.yaml file if doesn't already exist, add the working directory as project and run your workflow. ⚠️ The additional arguments must go after the params: 💡 The start command can be used with a project from its working directory without make a config file (--no-config).

build-tool build-system livereload filewatcher golang-package tockins go-tools golang-application go-application

gulp-livereload - gulp plugin for livereload

Javascript

A lightweight gulp plugin for livereload to be used with the livereload chrome extension or a livereload middleware. See examples.

gulpplugin livereload

gulp-connect - Gulp plugin to run a webserver (with LiveReload)

CoffeeScript

If the http2 package is installed and you use an https connection to gulp connect then http 2 will be used in preference to http 1.

gulpfriendly connect livereload webserver server

FlexLib - FlexLib is a framework for creating native iOS applications using xml file, similar to Android and

Objective-C

FlexLib is an Objective-C layout framework for iOS. It's based on flexbox model which is standard for web layout. So the layout capability is powerful and easy to use. With FlexLib, you can write iOS UI much faster than before, and there are better adaptability.

autolayout flexbox yoga ios flexbox-model layout framework iphonex hot-reload screenshot masonry flexlib xml iphone-x livereload facebook css xml-layout intellisense

browserify-hmr - Hot Module Replacement plugin for Browserify

Javascript

Open http://localhost:8080/ and try updating label.jsx and interval.js. Hot module replacement works by re-executing updated modules. The Hot Module Replacement API must be used to define which modules can accept updates, and what to do when a module is going to be updated.

browserify browserify-plugin hmr reload hot edit live livereload

vscode-live-server - Launch a development local Server with live reload feature for static & dynamic pages

TypeScript

Launch a local development server with live reload feature for static & dynamic pages. Open a project and click to Go Live from the status bar to turn the server on/off.

vscode-extension typescript live-server vscode livereload live-reload html-preview live-preview svg-preview open-in-browser multi-root-ready

gulp-webserver - Streaming gulp plugin to run a local webserver with LiveReload

Javascript

The gulp.src('root') parameter is the root directory of the webserver. Multiple directories are possible. Solution: Set 0.0.0.0 as host option.

gulpplugin webserver connect livereload

grunt-express - Start an Express.js web server using grunt.js

Javascript

grunt-express-angular-example is a minimal example that shows how you can use grunt-express to run a basic express server that hosts an Angular app, it is based on @bford's Yeoman generator generator-angular. Run this task with the grunt express command.

gruntplugin server express connect socket.io livereload keepalive watch http

electron-connect - Livereload tool for Electron

Javascript

Utility tool to develop applications with Electron. Using this in your Node.js scripts (e.g. gulpfile.js), you can livereload your Electron app.

electron livereload gulp

connect-livereload - connect middleware for adding the livereload script to the response

Javascript

connect middleware for adding the livereload script to the response. no browser plugin is needed. if you are happy with a browser plugin, then you don't need this middleware. note: if you use this middleware, you should make sure to switch off the Browser LiveReload Extension if you have it installed.

connect livereload live-reload

rewatch - Watch and execute command.

Javascript

Watch and execute command

watch reload guard livereload

webpack-livereload-plugin - LiveReload during webpack --watch

Javascript

Yes, there's already webpack-dev-server that handles live reloading and more complex scenarios. This project aims to solve the case where you want assets served by your app server, but still want reloads triggered from webpack's build pipeline.If you set key, cert, or pfx options, they'll get passed through to tiny-lr as options and it will serve over HTTPS. You'll also also set protocol to https.

webpack livereload

reload-css - Reloads all style sheets in the page associated with a URL

Javascript

This module reloads all style sheets associated with a specified url. This is primarily useful for LiveReload servers that wish to update style sheets without triggering a full page refresh.If you omit the url argument, all style sheets will be cache busted.