185 Repositories
JavaScript three-extended-material Libraries
This project is a web application that allows the user to select a location on a map, display the selected region, and capture an image of that region. The captured image is then applied as a texture to a 3D cuboid using BabylonJS.
Map-Babylon Client repo commit details https://github.com/hashmat-noorani/mapbox-babylon-client Server repo commit details https://github.com/hashmat
Enhanced Collector Module for Discord.js
djs-extended-collectors NOT: You can write your suggestions on Discord. Async Collectors is coming soon. Why djs-extended-collectors? TypeScript Suppo
Obsidian plugin allowing for linking to a heading range, in the [[Page#HeaderA#HeaderB]] extended wikilink format.
Obsidian Link Heading Range Plugin This is a plugin for Obsidian (https://obsidian.md). It allows linking to a heading range, in the [[Page#HeaderA#He
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?
Save time by managing bills & expenses, invoicing & easy reconciliation all in one app. Generate clear dynamic statements and get your reports, the way you like them
expense-manager-app (Opensource Expense Tracking App built with React) ๐ฅ Save time by managing bills & expenses, invoicing & easy reconciliation all
Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much more and completely Open Source.
Shiryoku Incredible resources (with links) to help up-skill yourselves on various fields. Resources like programming, designing, engineering and much
Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.
Digital Identifier ๐ง To design and develop a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential ident
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites
A mesh network that connects remote communities to emergency responders without relying on internet, cell towers, or satellites. Winner of Hack the North 2022. ๐
This project is in developer-preview status and will reach the beta in 2023 Q1
rescoped.io This project is in developer-preview status and will reach the beta in 2023 Q1. Currently, the datagrid is under massive refactoring, and
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 chips input designed for MUI (Material ui) V5
MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips
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
Extended version of create-t3-app to make it even faster to start (or maybe slower)
create-T3-app with extra tools/config out of the box create-t3-app is one of the fastest and easiest way to scaffold fullstack app. create-t3-extended
A plugin that provides utilities for extended backgrounds and borders.
tailwindcss-full-bleed A plugin that provides utilities for extended backgrounds and borders. Demo Installation Install the plugin from npm: npm insta
Fully controllable vanilla-js material design ripple effect generator.
Fully controllable vanilla-js material design ripple effect generator. This can be used with any JavaScript framework and/or any CSS framework. Demo I
๐จ Flat, simple, multi-themed, responsive and hackable Color-Picker library.
๐จ Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
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_
Angular material date-fns adapter (Support jalali)
Angular material date-fns adapter (Support jalali) What is this? This library provides a custom DateAdapter for the Angular Material Datepicker compon
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
Simple material-style text inputs
Material-style inputs for Bootstrap 4 View Codepen: ralphvk/pen/LXpomR Add material-style inputs to your project. Include Bootstrap and jQuery First,
Efeito de ripples baseado no Material Design.
Efeito de ripples baseado no Material Design feito com CSS, JavaScript e jQuery Esse efeito utiliza seletores do jQuery e manipulaรงรฃo do DOM para obte
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
A simple, jQuery free Snackbar (Toast) alert
js-snackbar What is a SnackBar? According to Material Design a Snackbar or Toast provides "brief messages about app processes at the bottom of the scr
An extended table to integration with some of the most widely used CSS frameworks.
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Virtual Keyboard for Angular applications.
AngularTouchKeyboard What is this? Virtual Keyboard for Angular applications. Demo https://mohsen77sk.github.io/angular-touch-keyboard/ Install Step 1
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
Interactpedia is a frontend web application that models how engagement
Frontend web app modeling the integration of engagement features into crowdsourcing platforms to improve user info retention made as research for Modeling the Effects of Engagement Methods in Online Crowd-sourcing Platforms from Governorโs School of New Jersey Program in Engineering & Technology 2022.
Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, des
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo
Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Flutter is Google's SDK for crafting beautiful, fast user experiences for mobile, web, and desktop from a single codebase. Flutter works with existing
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 โ
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.
Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.
Gatsby minimal TypeScript starter ๐ Quick start Create a Gatsby site. Use the Gatsby CLI to create a new site, specifying the minimal TypeScript star
Providing accessible components with Web Components & Material You
tiny-material Still on developing, DO NOT use for production environment Run well on Google Chrome, Firefox, Chrome for Android, Microsoft Edge (Chrom
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
Course material for a ~10 hours introductionary course for Julia. Topics: Introduction, Parallel Programming, Data Science
Development We use Franklin.jl to generate the lecture material. To do so, simply activate the environment, use Franklin and run the local server: act
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
๐ธ Use case style digital image marketplace like nft. I developed this system by gathering a lot of my frontend/backend knowledge
โ WARNING This project is just an educational system, NOT a system made to carry out large transactions and with the same focus as nft. I developed th
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
๐ผ๏ธ Bringing Material Design 3 to the Astro Blog. [WIP]
๐ผ๏ธ Gumori You [WIP] Bringing Material Design 3 to the Astro Blog. ๐ฅ Contributing If you're interested in contributing to Gumori You, pls read the fo
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
This project is an educational asset demonstrating the use of AWS amplify, Graphql API, Appsync, Material UI and amazon cognito. T
This project is an educational asset demonstrating the use of AWS amplify, Graphql API, Appsync, Material UI and amazon cognito. This project belongs to Black bird and this repo will remain dormant until final decision.
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
This repo is for educational and demonstration purposes only, this project is to demonstrate usage of apollo/client and github API and firebase.
Gissues Gissues is a web application that allows you to search for issues in GitHub. It is built for new developers who want to learn more about GitHu
A Kubernetes monitoring tool to visualize large-scale activity and real-time comprehensive metrics within your cluster.
Armada A light-weight Kubernetes health monitoring tool. Summary Armada is an open-source tool for monitoring the health of your Kubernetes cluster. I
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
Simple and Extensible Markdown Parser for Svelte, however its simplicity can be extended to any framework.
svelte-simple-markdown This is a fork of Simple-Markdown, modified to target Svelte, however due to separating the parsing and outputting steps, it ca
Next.js + TypeScript + Material UI v5 + Sass + Storybook starter
nextjs-ts-mui5-scss-storybook-starter ๐ Next.js + TypeScript + Material UI v5 + Sass + Storybook starter ๐ with linting & prettier pre-configured Ma
This is full stack todo Application which has front end and backend side on my own. So you can try this out. Build using
Full Stack Todo Application Hello Everyone... Here I am sharing some information about the TODO APP which I build using React, Redux, Material UI, Exp
Portfolioshop builds custom portfolio websites with submitted user data.
Portfolio Shop What our project does? We are trying to build a website to make the process of building personal portfolios easier. Often we have seen
Keep track of the movies you've watched and create your own movies lists!
Cinematek Keep track of the movies you've watched and create your own movies lists! All the movies informations are provided by The Movie Database Dep
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.
The user interface of the Restreamer for the connection to the Core application.
Restreamer-UI The user interface of the Restreamer for the connection to the Core application. React Material-UI (MUI) Development For the Restreamer
๐ 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
Opinionated Next.JS Boilerplate with TypeScript and Material-UI
Next.JS Boilerplate This is an opinionated Next.js boilerplate, with: Fully typed with TypeScript. Style/Theme engine and Icons from Material UI. Code
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
Frontend template using react with MUI
Table of contents React-template Usage Build Vite Docker Linter Continuous integration Code documentation Technologies React-template This is a fronte
Course material for Mobile Application Development, Integrated Digital Media, Tandon School of Engineering, NYU
Mobile-Application-Development Course material for Mobile Application Development, Integrated Digital Media, Tandon School of Engineering, NYU Classs
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
๐ฐ An extensible, layer based shader material for ThreeJS
lamina ๐ฐ An extensible, layer based shader material for ThreeJS These demos are real, you can click them! They contain the full code, too. ๐ฆ More ex
A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest quality such as 8K.
๐ youtube-dl-web A good web interface for youtube-dl that allows you to download arbitrary mixes of audio and video, including up to the highest qual
Quick study on NextJs + Material UI
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
A component library based on Material Design 3 & Web Components
material-web-entity Material Web Entity A component library based on Material Design & Web Components Go to link to see what components this library s
SUID is all a set of utils and components ported from MUI Core and much more.
Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a
Animene - A platform for anime lovers
Animene A platform for anime lovers Live demo website: animene.vercel.app Technologies used React Material UI SCSS Modules, clsx Axios, GraphQL Redux,
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
Design-focused web3 modal based on Material UI
@buildship/web3-login (beta) This is a design-focused web3 wallet connecting modal for React based on Material UI. It supports Metamask, WalletConnect
Extended magic-string with extra utilities
DEPRECATED. It has been ported back to magic-string = 0.26.0 magic-string-extra Extended Rich-Harris/magic-string with extra utilities. Install npm i
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
Angular Youtube clone with Module Federation. Turborepo edition.
Youtube microfrontend using Angular, Module Federation. Turborepo edition. NOTE: This is project is for education purpose only and was made to illustr
Projeto desenvolvido em Angular e Material, para conclusรฃo do curso de extensรฃo em Java
EmpresaFront This project was generated with Angular CLI version 13.0.4. Development server Run ng serve for a dev server. Navigate to http://localhos
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 minimalist ToDo list app to add, update and remove tasks easily
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 to mark them as complete. We will build a simple website that allows for doing that, and we will do it using ES6 and Webpack!
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.
Full-Stack Instgram Clone using MERN Stack and Socket.io
Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now ๐ ๐ฅ๏ธ Tech Stack Frontend: Backend: Realtime Communication: Cloud S
A PhotoShot Plugin to get material you colors easily.
material-you ๅฏไปฅๅฟซ้่ทๅ็ฌฆๅ material-you ้ ่ฒ็ PhotoShop ๆไปถใ ๅ่่ช Material Theme Builder ๅฎ่ฃ ๅๆฌกๅฎ่ฃ ไป release ไธญไธ่ฝฝๅ็ผฉๅ ๅนถ่งฃๅใๆๅผ Photoshop ๏ผ่ฟ่ก ๆไปถ-่ๆฌ-ๆต่ง ๏ผ้ๆฉๅฎ่ฃ ๅ ไธญ็ ๅฎ่ฃ ่ๆฌ.js
A modern, easy and customizable app manager for Android with root features and Material Design
ML Manager 1.X A modern, easy and customizable app manager for Android with root features and Material Design. Features Extract installed & system app
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 ๐ฆพ
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.
Online ide where one can run code written in the available language
Online ide where one can run code written in the available language, can choose theme out of 10 themes, can change font size as well as can generate url of their code
Movie App Project was developed with React
Movie App Project This project was developed with React. Project Status : Project live on Login information username: root password: 123456 Used Techn
A beautiful and easy in hand blog made by Next.js Material-ui
Material-blog A beautiful and easy in hand blog made by Next.js Material-ui! Deploy your own Deploy the example using Vercel: Usage Install node_modul
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
A type speed checking website which lets you check your typing speed and shows the real-tme leaderboards with mongodb as DB and express as backend
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
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