obsidian6s/dagger.js

A lightweight html-based runtime web frontend framework

dagger.js is a lightweight html-based runtime web frontend framework.

The current version is V0.9.13

Just insert the following two script tags insides the head section of the entry html page of your application to setup dagger.js:

<script type="module" crossorigin="anonymous" src="https://assets.codepen.io/5782383/dagger.release.js" defer></script>

<script type="dagger/configs"></script>

Please find the document and examples at https://daggerjs.org.

Please find the npm link at https://www.npmjs.com/package/@peakman/dagger.js.

Please find the dagger.js source code in the "src" folder.

Please find the homepage source code in the "homepage" folder.

Please find the demo in the "test" folder.

You may refer to the nginx.conf under the root folder before start up the homepage & demo site.

There is also a small nodejs server for demo usage in the "mock_server" folder, start it up with the commands "npm install" and "npm run nodemon".

Try dagger.js online

demo videos:

Tesla

tesla.mp4

anime.js powered by dagger.js

anime.mp4

Cards

cards.mp4

screensaver

screensaver.mp4

Circular Progress Bar

CircularProgressBar.mp4

Color Picker

Color.Picker.mp4

Text Animation

Text.Animation.mp4

3D Carousel

3D.Carousel.mp4

Please refer to https://codepen.io/dagger8224/pens for more demos.