All Projects â†’ rohanrhu â†’ nodes.js

rohanrhu / nodes.js

Licence: MIT license
🌌 nodes.js is a nodes/particles animation useable for backgrounds

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to nodes.js

facebook-reaction-animation
Facebook Reaction Animation made with React and FramerMotion.
Stars: ✭ 24 (+0%)
Mutual labels:  web-animation
ng-micro-interact
Micro Interaction Directive for Angular apps - based on native web animations and nothing more..
Stars: ✭ 24 (+0%)
Mutual labels:  web-animation
compose-actors
🤖 Android app built with jetpack 🚀 compose follows new revamped guide to app architecture. Implemented with State, Coroutines ➰, ViewModels, Repository pattern, Light/Dark theme 🌈 MD3, Animations, Draw on canvas, Custom layouts, UI state handling, 🌀 Image loading with coil, Palette 🎨 usage and dynamic theming etc.
Stars: ✭ 80 (+233.33%)
Mutual labels:  canvas-animation
pellicola
🎥 Generate video files from <canvas> animations in Node.js
Stars: ✭ 14 (-41.67%)
Mutual labels:  canvas-animation
use-web-animation
Hooks to leverage the web-animations API in under a kb
Stars: ✭ 48 (+100%)
Mutual labels:  web-animations
storify
Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥
Stars: ✭ 64 (+166.67%)
Mutual labels:  web-animations
smoothr
A custom React router that leverages the Web Animations API and CSS animations.
Stars: ✭ 28 (+16.67%)
Mutual labels:  web-animations

nodes.js

nodes.js is a nodes/particles animation useable for backgrounds

Visit project page for example.

Init

<!-- <nodes.js embedding> -->
<script type="text/javascript" src="js/nodes.js"></script>
<script type="text/javascript">
    var nodesjs = new NodesJs({
        id: 'nodes',
        width: window.innerWidth,
        height: window.innerHeight,
        particleSize: 2,
        lineSize: 1,
        particleColor: [255, 255, 255, 0.3],
        lineColor: [255, 255, 255],
        backgroundFrom: [10, 25, 100],
        backgroundTo: [25, 50, 150],
        backgroundDuration: 4000,
        nobg: false,
        number: window.hasOwnProperty('orientation') ? 30: 100,
        speed: 20,
        pointerCircleRadius: 150
    });
</script>
<canvas id="nodes"></canvas>
<!-- </nodes.js embedding> -->

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].