Awesome
dagger.js is a lightweight html-based runtime web frontend framework.
The current version is V0.9.18
The sha256 integrity of each file:
file name | integrity |
---|---|
dagger.js | sha256-PsnzgXyr6Lnwh68xg5sucUbxsFNSV/N3WhzC45dKR/s= |
dagger.min.js | sha256-iKDAo4BTVrkd9WPjHuVCdH0yVVH85z3JM43zNlu41x0= |
dagger.release.js | sha256-w1q7lreFdpS407yt1X2+hnwNVprZXD/codm3LFkrF1w= |
dagger.release.min.js | sha256-7TTpsfrenJqPB1JvliYjbFR+rNHdkj1ajk0G1ZXauqo= |
dagger.js is a pure runtime framework, you don't need to prepare anything for using it but the background knowledge of html/javaScript/css.
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/modules"></script><!-- dagger configs -->
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 functional test cases code in the "function_tests" folder.
Please find the demo in the "demo" folder.
You may reference 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:
CSS Mechanical Keyboard
3D Tic Tac Toe
integrate with jquery orgchart plugin
Tesla
anime.js powered by dagger.js
Cards
screensaver
Circular Progress Bar
Color Picker
Text Animation
3D Carousel
Please reference to https://codepen.io/dagger8224/pens for more demos.