90 Repositories
JavaScript ifc-three-js-viewer Libraries
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?
Markup note-taking app
Noteup Live version A web and desktop markup notes app. Noteup is a free, open-source markup notes app for the web, mobile(PWA) and desktop. Your note
A viewer for Arc System Works scripts and hitboxes written in Godot.
ASWViewer A viewer for Arc System Works scripts and hitboxes written in Godot. Currently only supports Guilty Gear -Strive-. It also displays the mode
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
A Simple Text/Document Viewer written in JS
Doku Doku.js is a terminal ui text/document viewer that supports a custom documentation syntax called doky. Features Border colors. (all common termin
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
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_
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
๐๐๐ Smart Contract Storage Viewer, DataType Guesser, Toolbox & Transaction Decoder
๐ ๐ ๐ Smart Contract Storage HexViewer Demo Target - the target contract API Endpoint - your infura (or equivalent) api key Retrieves smart contrac
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
Quick spreadsheet viewer in vanilla JS
Heihล Quick spreadsheet viewer in vanilla JS What it does ? The heiho.js script is quick and simple spreadsheet viewer. It is meant to preview the con
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 โ
A more detailed discord data package explorer
Ever wondered what Data discord collects? Or did you ever want to view what's inside of a discord package? Discord Package is a customisable tool that allows you to view your data in a fancy way. You could also use our exporting feature to share your selected data with your friends.
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.
PDF Preview for Zotero.
Zotero PDF Preview Preview PDF attachments in the library view. Fast & easy. Do not require any third-party softwares. Quick Start Guide Install Downl
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
Embed panorama photos on your website with Panorama Viewer
#Panorama Viewer by Pete R. Embed interactive Panorama Pictures on your site with this simple plugin. Created by Pete R., Founder of Travelistly and B
JavaScript Online DWG/DXF Viewer
dwg-viewer-js A DWG viewer you can buy for $420 (US) I had originally made this for a software company but they cancelled at the last moment so if any
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
little-planet Custom Element: interactive panorama viewer
little-planet This project is a Custom HTML Element (AKA Web Component) that renders an interactive view of a panoramic photo. Can be used with no J
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
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
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
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
Standalone Epub reader using Bibi.
bi-epub-reader Epub reader application using Bibi. Features Beautiful epub viewer Open file as associated file type Standalone application You can see
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
[ThatProject] ESP32 LoRa GPS Data Viewer
![[ThatProject] ESP32 LoRa GPS Data Viewer](https://github.com/0015/LoRa_GPS_Viewer/raw/main/misc/demo.gif)
Map Viewer for MCU with LoRa & GPS Data ThatProject Channel LoRa module has caught the attention of many people for a number of reasons. Being able to
A Web Viewer for Blender.
BlenderWebViewer a Web Viewer for Blender. To get started: Clone the repo Install the add-on for Blender (blenderPlugin.zip) change the path field in
Use XMind share to present your .xmind files on your blog or website.
XMind Embed Viewer Use XMind share to present your .xmind files on your blog or website. Demo Quick start Install As an npm module npm i xmind-embed-v
JSON Hero is an open-source, beautiful JSON explorer for the web that lets you browse, search and navigate your JSON files at speed. ๐
JSON Hero makes reading and understand JSON files easy by giving you a clean and beautiful UI packed with extra features.
See a banned user's profile, their friends, their favorite games, their followers etc.
Roblox-Banned-User-Viewer AKA BanView See a banned user's profile, their friends, their favorite games, their followers etc. Ever wondered how to view
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
An alternative viewer for DevDAO NFT with a โจ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝ๏ฝโจ twist
Holo DevDAO An alternative viewer for DevDAO NFT with a โจ holographic โจ twist. Pre-requisites node version = 15.0.1 & npm = 7.20.6. If you have nvm
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
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.
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.
A discord bot to view PDFs directly in discord
A discord bot to view PDFs directly in discord. No more downloading hundereds of PDF and forgetting you downloaded them!
Dead Simple Postgres Data Viewer and Query Runner
Dead Simple Postgres Data Viewer and Query Runner Environment Variables GITHUB_CLIENT_ID Github Client ID of the Oauth Application for protecting your
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 ๐ฆพ
JSON Diff Kit - A better JSON differ & viewer
A better JSON differ & viewer, support LCS diff for arrays and recognise some changes as modification apart from simple remove+add.
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
A file based wiki that uses markdown
wikmd What is it? Itโs a file-based wiki that aims to simplicity. The documents are completely written in Markdown which is an easy markup language th
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
Icon Ultimate Media Viewer
Ultimate Media Viewer View everything. Supported Images Audio Videos Documents Models PNG MP4 MD GLB JPG WEBM PDF GIF M3U8 SVG 3GP WEBP ICO Download R
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
An opensource 360ยฐ media viewer written in JavaScript using Electron and Marzipano
open360viewer open360viewer is an opensource 360ยฐ media viewer. It is based on electron and marzipano. It currently supports opening equirectangular 3
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
Touch-friendly image lightbox for mobile and desktop
Touch-friendly image lightbox for mobile and desktop
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
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
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 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
โ ๏ธ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer
Viewer A simple jQuery image viewing plugin. As of v1.0.0, the core code of Viewer is replaced with Viewer.js. Demo Viewer.js - JavaScript image viewe
Buka is a modern software that helps you manage your ebook at ease.
Buka - EBook Management About Buka Buka is a modern software that helps you manage your ebook at ease. With a simple, clean and straight-forward user
A React component to view a PDF document
React PDF viewer A React component to view a PDF document. It's written in TypeScript, and powered by React hooks completely. // Core viewer import {
๐ DataFormsJS ๐ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
๐ Welcome to DataFormsJS! Thanks for visiting! ๐ ๐ ๐ ๐ ๐ ๐ ไธญๆ (็ฎไฝ) ๆฌข่ฟๆฅๅฐ DataFormsJS Espaรฑol Bienvenido a DataFormsJS Portuguรชs (do Brasil) Bem
๐จ๐ญ A React renderer for Three.js
react-three-fiber react-three-fiber is a React renderer for threejs. npm install three @react-three/fiber Why? Build your scene declaratively with re-
๐ A Declarative 3D Globe Data Visualization Library built with Three.js
Gio.js English | ไธญๆ React Version: react-giojs Wechat minigame: wechat usage Gio.js is an open source library for web 3D globe data visualization buil