106 Repositories
JavaScript three-usdz-loader Libraries
Vite plugin to client bundle i18next locales composited from one to many json/yaml files from one to many libraries. Zero config HMR support included.
vite-plugin-i18next-loader yarn add -D vite-plugin-i18next-loader Vite plugin to client bundle i18next locales composited from one to many json/yaml f
Text Engraving & Extrusion demo based on Three.js is implemented with Typescript and webpack5. Used THREE-CSGMesh as the core tech to achieve engraving and extrusion results
Text Engraving & Extrusion Text Engraving & Extrusion demo is implemented using Three.js, with Typescript and webpack5. Used THREE-CSGMesh as the core
Open game experiment with vehicles and physics in Three.js
TNTGame Open game experiment with vehicles and physics in Three.js You can try it online here: Crater scene: https://yomboprime.github.io/TNTGame/app?
Microverse Module 02 Project: This is educational project is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, Sass, JavaScript and Webpack.
Project Demo Live Demo Description To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you
Add class(es) to DOM elements while waiting for async action. Promise or callback.
jquery.loading Add class(es) to DOM elements while waiting for async action. Promise or callback. Install The simplest way is to include loading.js in
Finally, a simple, lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* using the IntersectionObserver API
Simply Lazy A simple & lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* utilizing the built in IntersectionObserver API i
GPU supercharged attraction-graph visualizations built on top of Three.js
Force Directed Graph GPU supercharged attraction-graph visualizations for the web built on top of Three.js. Importable as an ES6 module. Simulation co
This fictive project was created to showcase my current skills using Three.js and GSAP.
Bike Demo Three.js This fictive project was created to showcase my current skills using Three.js and GSAP. It was inspired by the tutorial created by
This is an IFC wrapped on Three js based viewer, I think..
ifc-three-js-viewer Project description: This is an IFC wrapped on Three js based viewer, I think.. Features & Screenshots: A simple viewer for render
Customisable javascript skeleton loader.
JS Skeleton loader Simple but very powerful loader package built with full javascript. Installation To install this package, include index.js file int
Intuitive and dynamic Chrome Dev Tool Extension for Three.js debugging
sceneSniff An intuitive and dynamic Chrome Dev Tool Extension for Three.js debugging sceneSniff is an in browser developer tool for Three.js projects.
three.js loader for importing M2 assets from World of Warcraft.
three-m2loader · M2 Loader for three.js three-m2loader allows you to import M2 assets from World of Warcraft into your three.js app. druidcat2.m2 7ne_
Music control plugin for decky-loader.
MusicControl Music control plugin for decky-loader. Usage MusicControl allows you to control any playing media that implements the MediaPlayer2.Player
The zkPass browser extension can proxy three parties TLS and generate zero-knowledge proofs
zkPass Extension zkPass a Chromium extension which can proxy three parties TLS and generate zero-knowledge proofs. Technology Dependence Multi-party c
A three.js and roslibjs powered web-control for zju fast-drone-250 for laptop-free flight control
Web Control for ZJU Fast-Drone-250 A three.js and roslibjs powered web-control for zju fast-drone-250 for laptop-free flight control (tested on Xiaomi
3D Infinite Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite art gallery from random (sfw-only) posts.
Infinite-Art-Gallery Click for Demo! 3D Infinite Procedurally-Generated Art Gallery! This pulls from Reddit's r/Art and creates a procedural infinite
Webpack dev tools to make performance analysis, error investigation and loader development more convenient
build-tool-inspector Introduction Webpack dev tools to make performance analysis, error investigation and loader development more convenient. Provide
A slick loader to use during your AJAX calls or data processing
Slick Loader A slick loader to use during your AJAX calls or data processing Doc Installation Simply import slick-loader into your HTML. link rel="st
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
lazysizes lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), ifra
Hyperbeam virtual computers in Three.js! 🪩
threejs-example Hyperbeam virtual computers in Three.js! 🤯 Less than 200 LoC 🐁 Spatial audio 🎵 Handles mouse, keyboard and wheel events 🖱️ OrbitCo
Voxel renderer and pathfinder for three.js
cubitos Examples World: Demo: cubitos.gatunes.com Source: example/src/gameplay.js Random walkers: Demo: cubitos-walkers.glitch.me Source: glitch.com/e
three.js examples. if you are first in learning three.js , this will give you much help.
three-projected-material Three.js Material which lets you do Texture Projection on a 3d Model. Installation After having installed three.js, install i
Smooth subdivision surface modifier for use with three.js BufferGeometry.
Three Subdivide This modifier uses the Loop (Charles Loop, 1987) subdivision surface algorithm to smooth modern three.js BufferGeometry. — Live Demo —
Lingui loader for Vite, Rollup, Webpack, and more
unplugin-lingui-loader It’s a good practice to use compiled message catalogs during development. However, running compile everytime messages are chang
Three JS Crash kursi 2022 (Amaliyot asosida)
Video kurs: https://www.youtube.com/watch?v=NL2Cv8N1Skg Kursdagi presentatsiya: https://bit.ly/3aRRf9M Loyiha demosi: https://harmonious-puppy-4ea920.
Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!
three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type
A flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh
three-bvh-csg An experimental, in progress, flexible, memory compact, fast and dynamic CSG implementation on top of three-mesh-bvh. More than 100 time
A basic USDZ file (Pixar Universal Scene Description) loader for ThreeJS
Three USDZ Loader A basic USDZ (binary Universal Scene Description) reader for Three.js The plugins supports animation as well as loading multiple USD
Implements Screen Space Reflections in three.js
three.js Screen Space Reflections Implements performant Screen Space Reflections in three.js. Glossy Reflections Clean Reflections Example scene Demos
A 3rd year University physics project for simulating satellites motion in orbit.
Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos
College project done for the CG Artwork lecture in 2022. Used HTML for the indexes and mainly JavaScript (using to THREE.js). Ended with the final A grade (17.3 in scale grade).
CG Artwork Project 2022 This project was done by a group of 3 in 2022 with an educational purpose for the CG Artwork lecture in Instituto Superior Téc
JSNation 2022 - Building a Solar System using Hand Recognition and Three.js
Building a Solar System using Hand Recognition and Three.js 🚀 Accompanying code for JSNation 2022 talk. Demo video here: https://www.youtube.com/watc
The plugin page loader for Inertia.js
Inertia Plugin Warning: This plugin status is experimental, don't use it for the production application. The plugin page loader for Inertia.js, that a
project using three.js and mediapipe
three.js-with-mediapipe project using three.js and mediapipe KOR 미디어파이프와 three js를 이용한 프로젝트 입니다. 해당 코드 작동을 위해서는 영상을 넣어주거나, video가 아닌 camera사용하도록 수정하여야
A very small app to run three.js apps on the desktop with Deno
Birb Engine - 3D with Three.js on Deno on Desktop This is a project for making a game engine! Intended to be customizable and about as flexible as dev
Minecraft client written in Javascript
webmc About Webmc is minecraft client written in Javascript. From web browser this client connects to websocket proxy and then to real minecraft serve
A very small app to run three.js apps on the desktop with Deno
3D visualization with Three.js on Deno on Desktop This is a small Deno app that renders a (webkit) webview on desktop. Along with a page running Three
.properties file parser, JSON converter and Webpack loader.
properties-file .properties file parser, JSON converter and Webpack loader. Installation 💻 ⚠ in June 2022 we have released version 2 of this package
The Termpura loader core package.
This project is a Work in Progress and currently in development. The API is subject to change without warning. Install npm install @termpura/core Usag
A first person character controller for the Three.js graphics library
charactercontroller A first person character controller for the Three.js graphics library Demo Installation npm install charactercontroller Usage impo
Ektogamat Three Graces Design Concept using threejs
In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks.
🔆 A React abstraction for the LGL Raycaster
A React(-three-fiber) abstraction for the LGL-Raytracer. It does its best to remove all unwanted complexity, you can build your scenes as you always w
This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.
Linear Vaporwave Three.js scene This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page. Demo Head over
Markdoc plugin for Next.js
@markdoc/next.js Note: this plugin will be treated as a beta version until v1.0.0 is released. Using the @markdoc/next.js plugin allows you to create
Cumcord loader on Browser (Chrome, Firefox, etc)
CumLoad CumLoad is a Chrome Extension that allows you to load Cumcord and plugins inside your Discord pages. We recommend using the MV2 version becaus
Node.js loader for compiling TypeScript modules to ESM
esm-loader Node.js import hook to instantaneously transform TypeScript to ESM on demand using esbuild. Features Transforms TypeScript to ESM on demand
Node.js loader for compiling ESM & TypeScript modules to CommonJS
cjs-loader Node.js require() hook to instantaneously transform ESM & TypeScript to CommonJS on demand using esbuild. Features Transforms ESM & TypeScr
Mixed Reality Capture module for WebXR and Three.js
Reality Mixer JS This is a small Mixed Reality Capture module for WebXR + Three.js. You can use this module to allow users to record your WebXR experi
Element for displaying HTML based on THREE.js HTMLMesh
AFrame-HTML a-entity html="#my-interface" position="0 1.5 -0.5"/a-entity Display an interactive HTML element in the scene. html-pointer component
CLI toolbox for common scripts for front-end projects
yg-configs 🛠 📦 CLI toolbox for common scripts for my front-end projects Table of Contents Installation Usage config prettier config eslint config co
This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.
Math magicians app This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quo
YouTube Playlist Downloader ▶. It is powered by loader.to with Selenium 4 and Microsoft Edge.
YouTube Playlist Downloader ▶. It is powered by loader.to with Selenium 4 and Microsoft Edge.
3D visualization of music using Three.js and web audio API.
3D Music Visualization About 3D visualization of music using Three.js and web audio API Try it here Main screen Additional screen Technologies Languag
Node.js ESM loader for chaining multiple custom loaders.
ESMultiloader Node.js ESM loader for chaining multiple custom loaders. Fast and lightweight No configuration required, but configurable if needed Usag
Immersive (VR) controls for Three.js
Three.js Immersive Controls Immersive (VR) functionality Movement and rotation with VR controllers (move with left thumbstick, rotate with right thumb
A MERN Stack dapp the utilizes three solidity contracts
A MERN Stack dapp the utilizes three solidity contracts. It verifies user ownership of third party NFTs, generates an image incorporating a third party NFT image pulled from IPFS, mints a new NFT for users that includes an on-chain message and metadata to Opensea standards.
IPL Loader to load IPL's as soon as Player is in range. This also fixes, IPL's not showing on reconnect in debug mode.
ALT-V IPL-Loader IPL Loader to load IPL’s as soon as Player is in range of the IPL Coordinates. This also fixes, IPL’s not showing on reconnect in deb
A growing three.js helper library.
kokomi.js A growing three.js helper library. Install npm i kokomi.js Hello world With just several lines, you can make a most basic 3D scene :d index.
Modern ThreeJS boilerplate powered by Vite & Typescript
Modern ThreeJS ⚡️ Modern ThreeJS boilerplate powered by Vite & Typescript. Features Powered with Vite 📦 GUI controls using Tweakpane 🎛 Typescript 🦾
Webpack vue debug
Click the element of the page, it will open the vscode and jump to the source code of the element automatically
Math Magicians - A calculator and three subpages built with React + SASS
Math Magicians JavaScript application that contains a calculator and three sub-pages. Built with React + SASS. Built With JavaScript HTML5 SASS React.
Simple Three js game project
Simple Game This is a simple game developed with three.js library. Usage To run the game, we must start a web server with the command "python -m http.
🧱 Easily extend native three.js materials with modular and composable shader units and effects
three-extended-material Easily extend native three.js materials with modular and composable shader units and effects. Usage npm install three-extended
Animated sprite hook for react-three-fiber
use-animated-sprite Animated sprite hook for react-three-fiber Dependencies npm install @react-three/drei @react-three/fiber react three Installation
React components and hooks for creating VR/AR applications with @react-three/fiber
@react-three/xr React components and hooks for creating VR/AR applications with @react-three/fiber npm install @react-three/xr These demos are real,
Three.js-based room configurator (floor planner + product configurator)
Three.js-based room configurator (floor planner + product configurator) Live Features 1. FloorPlan Design Users can edit floorplan in 2d view mode. Th
✂ Multiple scenes, one canvas! WebGL Scissoring implementation for React Three Fiber.
react-three-scissor Multiple scenes, one canvas! WebGL Scissoring implementation for React Three Fiber. scissor lets you render an infinite number of
shouganaiyo-loader is a cross-platform Frida-based Node.js command-line tool that forces Java processes to load a Java/JVMTI agent regardless of whether or not the JVM has disabled the agent attach API.
shouganaiyo-loader: Forced Entry for Java Agents shouganaiyo-loader is a cross-platform Frida-based Node.js command-line tool that forces Java process
Interactive 3D plotting with a simple function call using Three.js
About Generate interactive 3d plots with a simple function call. Function returns a Three.js scene which can be customized as needed. Basic function c
three.js + haxe starter project
Haxe + three.js starter project This is a batteries-included template project using three.js with the haxe language. Main.hx sets up a physically base
Jquery-actualizer - jQuery ajax actualizer
jQuery AJAX Actualizer Include jQuery & this plugin into your HTML file and use this js code: $('#target').actualizer('a'); On click at any A element,
Javascript game using Three.JS and WebGL, inspired by Geometry Dash, the Dinosaur Game, and a music video by our graphics professor (2021)
jumpy-abe By Sophia Oguri ([email protected]), Luke Kratsios ([email protected]), Isha Chirimar ([email protected]), Jacob Hocking ([email protected]
Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js.
Dash Self-Driving Car Simulator Real-time motion planner and autonomous vehicle simulator in the browser, built with WebGL and Three.js. This project
bare bones demo of svelte-three
create-svelte Everything you need to build a Svelte project, powered by create-svelte; Creating a project If you're seeing this, you've probably alrea
An intro to Three.js and React :) Workshop materials and demo from HackTheNorth 2021
🚄 Speedy 3D - A Quick Intro to Three.js & React This workshop was originally created for Hack The North 2021! My personal motivation was to: learn th
3D web map rendering engine written in TypeScript using three.js
3D web map rendering engine written in TypeScript using three.js
Interactive digital art with head-coupled perspective effect using Three.js and TensorFlow.js
Interactive digital frame with head-tracking using Three.js & TensorFlow.js Using TensorFlow.js and Three.js, this project is a prototype of an intera
Adding volumetric effects to a built-in Three.js shader.
Magical Marbles in Three.js Adding volumetric effects to a built-in Three.js shader. Article on Codrops Demo Installation Install dependencies: yarn
Adaptation of Threejs BasisTextureLoader for OGL
ogl-basis-texture-loader Adaptation of Threejs BasisTextureLoader for OGL Usage ⚠️ Copy basis-transcoder directory to your public directory. // import
3D graph viewer powered by WebGL (three.js)
Graphosaurus A three-dimensional static graph viewer. (click the image to try it out) Demos EVE Online map Add nodes incrementally Documentation JSDoc
A blazing fast js bundler/loader with a comprehensive API :fire:
A bundler that does it right FuseBox on slack FUSEBOX v4 is out! Install: npm install fuse-box --save-dev import { fusebox } from 'fuse-box'; fusebox
BadTV Effect for Three.js
Bad TV Shader for Three.js Simulates a bad TV via horizontal distortion and vertical roll. Screenshot Demo View Demo Uniforms time steadily increasing
This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.
SomaFM Music Player Web-App This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channe
🔮 CSS loading animations made by single element.
Three Dots The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only
CSS loading animations with minimal effort!
Whirl CSS loading animations with minimal effort! whirl is a curation of CSS loading animations(whirls! 😅 ). It started as a drop in CSS file to get
CSS 3D renderer for Three.js.
CSS3D.js by Steven Wittens CSS 3D renderer for Three.js Note: this library is mostly obsolete now that Three.js has its own CSS 3D renderer which is i
styled component for react & style-loader/usable
react-styled ES7 decorator for dynamic stylesheet usage w/ webpack install $ npm install bloody-react-styled --save-dev require import styled from "bl
CSS Loader
css-loader The css-loader interprets @import and url() like import/require() and will resolve them. Getting Started To begin, you'll need to install c
enterprise standard loader
ESL (Enterprise Standard Loader) ESL是一个浏览器端、符合AMD的标准加载器,适合用于现代Web浏览器端应用的入口与模块管理。 ESL is a browser-only, amd-compliant module loader. In modern web app
JavaScript模块加载器,基于AMD。迄今为止,对AMD理解最好的实现。
lodJS Chinese README The JavaScript module loader is based on [AMD] (https://github.com/amdjs/amdjs-api/blob/master/AMD.md). lodJS is the best impleme
Dynamic ES module loader
SystemJS SystemJS is a hookable, standards-based module loader. It provides a workflow where code written for production workflows of native ES module
Asyncronous JavaScript loader and dependency manager
$script.js - Async JavaScript loader & dependency manager $script.js is an asynchronous JavaScript loader and dependency manager with an astonishingly
:skull: An ancient tiny JS and CSS loader from the days before everyone had written one. Unmaintained.
LazyLoad Note: LazyLoad is no longer being maintained. I'm not responding to issues or pull requests, since I don't use this project anymore and don't
curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.
curl (cujoJS resource loader) All development for curl.js and cram.js has stopped. For the foreseeable future, we will continue to respond to issues o
A Module Loader for the Web
A Module Loader for the Web Sea.js is a module loader for the web. It is designed to change the way that you organize JavaScript. With Sea.js, it is p
A file and module loader for JavaScript
RequireJS RequireJS loads plain JavaScript files as well as more defined modules. It is optimized for in-browser use, including in a Web Worker, but i
A blazing fast js bundler/loader with a comprehensive API :fire:
A bundler that does it right FuseBox on slack FUSEBOX v4 is out! Install: npm install fuse-box --save-dev import { fusebox } from 'fuse-box'; fusebox
Yet another JS code coverage tool that computes statement, line, function and branch coverage with module loader hooks to transparently add coverage when running tests. Supports all JS coverage use cases including unit tests, server side functional tests and browser tests. Built for scale.
Istanbul - a JS code coverage tool written in JS Deprecation Notice: this version of istanbul is deprecated, we will not be landing pull requests or r
JS / CSS / files loader + key/value storage
bag.js - JS / CSS loader + KV storage bag.js is loader for .js / .css and other files, that uses IndexedDB/ WebSQL / localStorage for caching. Conside
A script and resource loader for caching & loading files with localStorage
Basket.js is a script and resource loader for caching and loading scripts using localStorage ##Introduction for the Non-Developer Modern web applicati