229 Repositories
JavaScript svelte-three-demo Libraries
A demo of using RSC and Vercel Postgres, legally
How is this not illegal This beautiful tweet by Dan Abramov brought to life. Setting it up Create a Vercel Postgres database and link it to your proje
You can delegate events by on:* 🎉
Delegate events with on:* 🎉 💡 Easy to use ⚡️ No performance impact 🔑 No type errors with svelte-check Try it on Stackblitz 🚀. Overview Since 2019,
Svelte component to display time distances in a human readable format.
Time Distance Display time distances in a human readable format. Based on date-fns Updates every 60 seconds View demo Usage Install package: pnpm i -D
A progressively enhanced server-rendered form-aware web component counter using WebC
Eleventy WebC Number Counter Demo A progressively enhanced server-rendered form-aware web component counter using WebC. This enhances from an input t
Komponenten-Bibliothek für die Barrierefreiheit
Willkommen bei KoliBri KoliBri steht für Komponenten-Bibliothek für die Barrierefreiheit Weiter zur Dokumentation… Vision Wir stellen gemeinsam wieder
This is a demo for Remix SPA's via Service Worker. (doesn't currently work in Safari)
Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.
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
This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out Medusa and we have implemented 3D swag store functionality. Swags are 3D models that can be viewed by the customer before they purchase them.
Hacktoberfest - Medusa's 3D Swag Store This is a demo store built with Medusa. It is a fully functional e-commerce store that you can use to test out
A simple handle tap and hold action for Svelte/SvelteKit.
Svelte Tap Hold Minimalistic tap and hold component for Svelte/SvelteKit, see demo here. Installation // Using Yarn to install yarn add --dev svelte-t
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?
An example SvelteKit app implementing a simple authentication system.
SvelteKit Auth Example An example SvelteKit app implementing a variety of authentication backends View the demo NOTE: this is very much a work in prog
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers
Cloud Computing with Codespaces First seen in the presentation One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev,
A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.
Sveltosis Still in development A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framew
Improve Response Time 10X by Introducing an Interceptor In NestJS
Improve response times 10x by introducing an interceptor in NestJS This sample project demonstrates the usage of interceptors for improving response t
🐈 Tiny svelte implement
👀 Why Very interest in svelte, and i want to know how svelte works,i found that svelte is just a compiler, so i write this tiny svelte to learn it. ?
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
Share short notes with just a link. No database. No storage!
Patra | Share your notes! You can share short notes with just a link. No database. No storage! write short articles in markdown and share the link! wr
This is a starter templete for svelte kit and maplibre.
This is a starter template for maplibre and svelte Clone this application by running git clone https://github.com/Thuhaa/svelte-maplibre-starter.git A
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
Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo
img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin
A minimal presentation package for Svelte, including a "Presenter" and "Presentation View"
svelte - presenter A minimal presentation package for Svelte, includes synchronized "Presenter" and "Presentation" views. Adding Slides All slides are
This is a demo of updating a map to show air quality data for the user’s current location using Next.js Advanced Middleware, powered by Netlify Edge Functions.
Show Local Air Quality Based on the User's Location Use AQI data to show the air quality near the current user. This is built using Next.js Advanced M
A starter and demo project for Keycloakify v6 - Component level customization.
A starter/demo project for Keycloakify ⚠️ Please read the two following notices ⚠️ This starter is for Component-level customization, if you only want
A demo repository to play around with Vivid! Styled with Tailwind CSS
vivid-demo A demo repository to play around with Vivid! Mess around with a copy of our landing page to see how Vivid works! Learn more about Vivid at
A library for creating typesafe standardized query keys, useful for cache management in @tanstack/query
Query Key Factory Typesafe query key management for @tanstack/query with auto-completion features. Focus on writing and invalidating queries without t
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.
A demo of using the new require.context syntax in Expo with Metro bundler
Metro Context Modules Demo This is a demo of using the experimental 'Context Module' (require.context) feature in Metro bundler. Setup metro.config.js
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_
Expo Demo: Screen Capture with Managed Workflow
Expo Demo: Screen Capture with Managed Workflow This code demonstrates how to setup screen capture on an Expo app, without having to eject from the ma
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers
One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev, Codespaces, Copilot, Azure Static Web Apps, and Visual Studio
ui components library starter based on svelte.js
What 这是一个svelte组件库的starter。 可以用它构建自己或者团队的组件库。 好处是:无论用户使用什么前端框架(Vue, React, Angular等),都可以引用基于svelte构建的组件库里的组件。 因为svelte编译完的组件其实是js模块,即无框架组件。 技术栈:vite +
A prototype on how web3 technology can enable us to build an open, immutable, reproducible, and permanently accessible scientific record.
Web3 Research A prototype on how web3 technology can enable us to build an open, immutable, reproducible, and permanently accessible scientific record
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
Switch case syntax for Svelte ✨
Svelte switch case Switch case syntax for your Svelte components. Demo · StackBlitz · NPM Package ⚡ Getting started Step 1: Add the preprocessor to yo
Svultimate Svelte(Kit) Svutilities
/svu /svu is a collection of Svelte(Kit) utillities that make developing webapps even more easy and fun. Read the docs at http://svu.vercel.app Why Sv
Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack
Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F
Distributed real-time chat demo on Blueboat in 15 lines of JavaScript
minichat Distributed real-time chat demo on Blueboat in 15 lines of JavaScript, Live Demo The code Router.get("/", () = new Response(` scriptconst
Repository for the demos in the "Hello, Quarto!" talk
hello-quarto-demo Repository for the demos in the "Hello, Quarto!" talk Software RStudio: Version: Current release -- RStudio 2022.07.0+548 "Spotted W
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
Vite plugin for minifying / obfuscating CSS classes in production builds
vite-plugin-class-mangler Vite plugin for minifying / obfuscating classes in production builds. Compatible with Tailwind, inline, or imported styles.
A lightweight abstraction between Svelte stores and Chrome extension storage.
Svelte Chrome Storage A lightweight abstraction between Svelte stores and Chrome extension storage. This library makes data synchronization of backgro
Event Bus Demo - This product is built with Remix
Event Bus Demo This product is built with Remix Remix Docs Netlify Functions Google Maps API Development The project requires an API key. You can get
A utility for creating toggleable items with JavaScript. Inspired by bootstrap's toggle utility. Implemented in vanillaJS in a functional style.
LUX TOGGLE Demo: https://jesschampion.github.io/lux-toggle/ A utility for creating toggleable dom elements with JavaScript. Inspired by bootstrap's to
A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
🌍 typesafe-i18n A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects. Advantages 🐤 lightwe
Demo of settingup tailwind 3 (cli) with emberjs
tailwind-setup-demo This README outlines the details of collaborating on this Ember application. A short introduction of this app could easily go here
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 —
1on1 call demo using Chime SDK meetings, Next.js, AppSync, and CDK!
Chime SDK Meetings 1on1 call demo with Next.js / AppSync / CDK This is a sample project to demonstrate Chime SDK meetings for one-on-one call with Nex
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.
Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime.
Bun Bakery Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime. Quick
wagmi hooks 🤝 Storybook interaction testing
A quick demonstration of how Storybook decorators can be combined with a mocked wagmi client to facilitate automated interaction testing for web3-enab
Keyauth v1 example, includes a demo and is encrypted using aes.
Keyauth Keyauth V1.0 api wrapper in nodejs that includes requests being encrypted using aes. Discord & Support Server . Keyauth Example const Keyauth
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 small, lightweight JavaScript plugin for placing items in straight rows (jQuery and vanilla JS version) – Demo:
rowGrid.js rowGrid.js is a small, lightweight (~1000 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows. The grid is si
rainbowkit-mint-nft-demo
Contract here: https://gist.github.com/peduarte/b48fbf6ff35de431207d68250679a05b This is a Next.js project bootstrapped with create-next-app. Getting
This is a demo project for the SecTester JS SDK framework, with some installation and usage examples
SecTester SDK Demo Table of contents About this project About SecTester Setup Fork and clone this repo Get a Bright API key Explore the demo applicati
Svelte✨ Floating UI 🎈
🎈 Svelte Floating UI Floating UI for Svelte with actions. No wrapper components or component bindings required! npm i -D svelte-floating-ui Usage cre
Trying to learn Svelte. Based off the official tutorial. Readme has notes!
Learning Svelte! A JavaScript library An open-source front end compiler Instead of using a virtual DOM, Svelte will directly update the DOM in an effi
Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here
Team-8 E-Commerce Project Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here Table of Contents P
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 demo Spring '83 client.
The Oakland Follower-Sentinel is a demo Spring '83 client that you can try on the web at followersentinel.com or run locally on your computer. If you
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
Demo for my talk "Stream Away the Wait" – a talk about making excellent pending experiences.
🌊 Stream Away the Wait When implementing the design of a user interface, we often finish before remembering that not everyone's running the app's ser
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
👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
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
A large scale simulation which pits millions of space ships against each other in a virtual universe all running directly in SingleStore.
Wasm Space Program In this demo we simulate a fake universe full of thousands of solar systems. In each solar system there are many space ships and en
A ✨light✨ and magical Svelte component for CSS media queries🐹
Svelte CSS media queries 🐥 Demo - Svelte REPL Lightweight, comfortable, like Svelte 🐣 how to install npm i svelte-media-queries What can I do? quer
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
Particle Network Web SDK Demo.
Particle Web Demo This repository is Auth Service sample source. It supports EVM-compatiable chains, more chains and more features coming soon! Learn
A demo project for ycw/e2edce
About A demo project for ycw/e2edce, showing how to eliminate deadcode for threejs appliaction. 📝 e2edce.base.config.js - threejs specific configurat
project using three.js and mediapipe
three.js-with-mediapipe project using three.js and mediapipe KOR 미디어파이프와 three js를 이용한 프로젝트 입니다. 해당 코드 작동을 위해서는 영상을 넣어주거나, video가 아닌 camera사용하도록 수정하여야
This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining localstorage, marking tasks completed and clearing all completed tasks.
webpack-Todo list This a todo list project that uses webpack. In this project you will find features like adding tasks, deleting tasks, maintaining lo
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
A (demo) app running NextJS with an Rserve backend
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server (this will kill any running Rserve inst
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 basic Svelte tooltip directive.
SVooltip A basic Svelte tooltip directive. Powered by Floating UI. Usage script import { tooltip } from 'svooltip'; import 'svooltip/svooltip.css'
Voorbeeldimplementatie van software die werkt op basis van NEN 2660-2:2022
demo-beheerpakket-linked-data Voorbeeldimplementatie van software die werkt op basis van NEN 2660-2:2022 IMBOR resources For querying IMBOR we use the
Simple and lightweight form validation for Svelte with no dependencies.
Svelidate Simple and lightweight form validation for Svelte with no dependencies Installation // npm npm install svelidate // yarn yarn add svelidate
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
Demo running web assembly apps a terminal with blocking stdin/stdout/stderr
Python wasm-terminal Live version here: https://wasm-terminal.firebaseapp.com/ This is a small demo of running Python in the browser with a focus on i
Demo project to deploy front- and backend together on heroku.
spring-boot-react-bundle This is a demo project that shows how it is possible to deploy a react frontend and a Spring Boot backend into a heroku dyno.
A demo app showingcasing laravel-livewire-wizard
A demo of spatie/laravel-livewire-wizard This repo contains a Laravel app to showcase the spatie/laravel-livewizard package. Usage Clone the repo Copy
A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.
Datetime Card A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today. Useful to
A demo app to illustrate core and latest concepts in Ember.js
ember-workshop A demo app to illustrate core and latest concepts in Ember.js Setup Installation Clone this repo. git clone [email protected]:ijlee2/ember
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.
GoDice JavaScript API (with demo)
GoDice JavaScript API (with demo) Overview Use the GoDice JavaScript API to integrate GoDice functionality into your own JavaScript applications. Here
🔆 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
Vite Svelte plugin to remove console logs in prod.
vite-plugin-svelte-console-remover A Vite plugin that removes all console statements (log, group, dir, error, etc) from Svelte, JS, and TS files durin
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:
Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu
Our new website for Kryptokrona ❤️
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
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