229 Repositories
JavaScript svelte-three-demo Libraries
A set of tools, helping you building efficient apps in a fast way. SvelteKit & GraphQL
KitQL KitQL, A set of tools, helping you building efficient apps in a fast way. 🌐 Infos Documentation: https://kitql.vercel.app/ Day by day progress,
The Space Pirates game is a demo made to celebrate the Babylon.js 5.0 Release.
Space Pirates This is the repository for the Space Pirates game demo for Babylon.js 5.0 Release. It contains assets and code so you can clone, learn a
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
Svelte component to render markdown.
svelte-exmarkdown Svelte component to render markdown. Motivation svelte-markdown is a good component package. However, it is not extensible. You cann
B-OS Demo Application
B-OS Demo Application Technology stack: Node.js, Metarhia Database management system: PostgreSQL Frontend stack: vanilla.js Concept Feature list Serve
An unofficial(yet) implementation of Chakra Ui for SvelteJS
Welcome to chakra-ui-svelte 👋 An implementation of Chakra Ui in Svelte Homepage Demo Install pnpm install chakra-ui-svelte import { Box } from "chakr
The Fullstack Go Framework for Prolific Web Developers.
Bud The Fullstack Go Framework for Prolific Web Developers. Bud writes the boring code for you, helping you launch your website faster. Installation R
Elven Tools Dapp - Elrond blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.
Elven Tools Dapp Docs: elven.tools/docs/landing-page.html Demo: dapp-demo.elven.tools Sneak peek: youtu.be/ATSxD3mD4dc The Dapp is built using Nextjs
Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks.
dummy-api Api similar to dummy-api Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks. All
Website to display chats and gifts in realtime from your TikTok LIVE stream. Demo project for TikTok-Live-Connector library.
TikTok-Chat-Reader A chat reader for TikTok LIVE utilizing TikTok-Live-Connector and Socket.IO to forward the data to the client. This demo project us
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
Internationalization for svelte framework. Based on i18next ecosystem
svelte-i18next Svelte wrapper for i18next npm i svelte-i18next i18next Implementation This library wraps an i18next instance in a Svelte Store to obs
A recreation of the popular game Wordle with additional modes and features. Made with Svelte in Typescript.
A recreation of the popular game Wordle by Josh Wardle (now purchased by the New York Times), with additional modes and features. Hosted on GitHub pag
Minze JS framework demo for codrops article.
Minze Demo Demo of a fictive Smart Home dashboard application. Article on Codrops Demo Running The application only needs a webserver to run. Install
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
A collection of demo variations, ideas, concepts & experiments.
Codrops Sketches A collection of demo variations, ideas, raw concepts & experiments. Demos 2022 Sketch 001: Repetition Hover Effect (Round) Sketch 002
⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs powered by Supabase
SupaComments ⚡ A blazing fast, lightweight, and open source comment system for your static website, blogs 🚀 Demo You can visit the Below demo blog po
Small library to accomplish common tasks in Svelte/SvelteKit
svelte-utilities svelte-utilities is a small utilities library for Svelte/SvelteKit that provides features I use in almost every project, such as: Laz
demo for full-stack ci/cd
vue + nestjs (TypeScript) Features CI/CD full-stack mutiple-env (test: http://81.70.221.165:8026 / production: http://81.70.221.165) continuing~ welco
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
Svelte debugging tool for re-rendering components
resvelte README This is the README for your extension "resvelte". After writing up a brief description, we recommend including the following sections.
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.
Boilerplate next.js app demonstrating how to implement authorization mechanisms using Permify
Permify Next.js Authorization Demo App This demo app shows how to implement authorization mechanisms to your Next.js application using Permify Node SD
Demo showing how to lazy load a component in Angular without routing!
WidgetDashboard This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to http://local
Nestjs boilerplate template (mongodb, typeorm, graphql - code first, i18n, global exception handling etc.)
Description City-Library-Demo project for boilerplate. (node version: 16.14.0, npm version: 8.5.2) First Steps Create .env file in root directory. (Th
A repository of a Cypress testing demo
adeoweb-cypress-demo This is a repository of a Cypress testing demo. Based on adeoweb.biz website case study. What is this talk We will 👀 live-code a
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 Svelte template built with newsroom CMS's in mind
A Svelte starter template built with newsroom CMS's in mind. Dynamically create inline graphics based on the placement of figure elements with defined data-chart attributes.
A demo to show how to re-use Eleventy Image’s disk cache across Netlify builds.
Re-use Eleventy Image Disk Cache across Netlify Builds Live Demo This repository takes all of the high resolution browser logos and processes them thr
Know when your users are idle ⏳
Features | Demo No dependencies — TypeScript — SSR support — Readable store for idle value — onIdle callback Installation npm i svelte-idle Usage scr
Collect and generate mapping from file-based routers
roullector: route collector Collect and generate route data from a file-based router such as svelte-kit's What this does: show / hide !-- before --
A template repository for Deno, GraphQL, and Svelte projects
Svelte is an innovative approach to frontend software development, the component model, and reactivity features creates simplistic approach to some hard problems. Svelte runs on the front end and is known as a Single Page Application.
Opinionated SvelteKit Template for building web applications.
Opinionated SvelteKit Template for building web applications.
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 🦾
End-to-end typesafe APIs with tRPC.io in SvelteKit applications
✨ tRPC-SvelteKit End-to-end typesafe APIs with tRPC.io in SvelteKit applications. No code generation, run-time bloat, or build pipeline. ❤️ 🇺🇦 See b
An Electron app using NAPI-RS and a native Rust module to implement a Svelte store.
Svelte Store Written in Rust This repo shows a demo of an Electron app running a Svelte UI that reads and writes a Svelte store, but with a twist: the
Loads items in lazy way to achieve high performance and better UX in large lists
Lazy Load List Lazy Load List is a lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists. Rend
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.
This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.
svelte-blogger This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog. This app also use graphql and use markd
An attempt to create the simplest demo to describe a Consumer-Driven Contract Testing workflow with Pact
Let's Play with Pact Abstract This is an attempt to create the simplest demo to describe a Consumer-Driven Contract Testing workflow with Pact. Prereq
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
Chrome extension for granular visual control over Notion.so
Notion Style Tweaks (Beta) A Chrome extension aiming to give granular control over the visual experience of Notion. Written in Svelte. Installation Ch
Demo repo used in crash course for students learning web development.
Web Development Crash Course Hosted by Rubberdøk Preparation Following these steps prepares you to join the interactive React demo of the crash course
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,
Add Routify to your Svelte project
🎀 Add (work in progress) Routify to Svelte This is an adder for svelte-add; you should read its README before continuing here. ➕ Adding (work in prog
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
Example TodoMVC app(s) to demo and learn Muban
Muban Todo MVC This repo contains multiple projects that showcase different ways of creating a Todo MVC app with Muban. It serves as an example, but a
LunaSec - Open Source Security Software built by Security Engineers. Scan your dependencies for Log4Shell, or add Data Tokenization to prevent data leaks. Try our live Tokenizer demo: https://app.lunasec.dev
Our Software We're a team of Security Engineers on a mission to make awesome Open Source Application Security tooling. It all lives in this repo. Here
Might be mineral fish site in future, idk. Currently just a fish list. Made with Svelte
Might be mineral fish site in future, idk. Currently just a fish list. Made with Svelte. Built version (used at mineralfish.github.io) at the build branch. Build steps and original README below.
Adapter for SvelteKit apps that prerenders your site as a collection of static files for GitHub Pages
svelte-adapter-github Adapter for SvelteKit apps that prerenders your site as a collection of static files for GitHub Pages. Usage Install with npm i
A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell
Loggi Frontend Show & Tell - Animações com React Lottie A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell This project was bootstr
Next / React / TS demo to quickly create a landing page
Next / React / TS demo to quickly create a landing page
✂ 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
Demo showcasing information leaks resulting from an IndexedDB same-origin policy violation in WebKit.
Safari 15 IndexedDB Leaks Description This demo showcases information leaks resulting from an IndexedDB same-origin policy violation in WebKit (a brow
The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.
Todo List App The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day toda
Automatically configure Vitest from your SvelteKit configuration.
vitest-svelte-kit Automatically configure Vitest from your SvelteKit configuration. Getting Started Installing In an existing SvelteKit project, run t
Sample AWS microservices app with service discovery defined using the CDK. Uses Docker + Fargate & ELB.
AWS Microservices Demo with CDK and Fargate About Simple AWS microservice-based app. Consists of two Spring Boot based services: Name Service GET /nam
A demo for E2E build piplelines in Design Systems using monorepo's and automation :zap:.
Design System Pipelines demo What is it? A working demonstration for end-to-end build piplelines in Design Systems using Primer Primitives, Primer CSS
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to: At a glance Mitosis is inspired by many modern frameworks. You'll see components look like React c
Time-traveling debugger for Svelte applications
DeLorean The first time-travelling debugger for Svelte applciations DeLorean is a debugging tool for Svelte developers. It records snapshots when a ta
Third-Party Authentication (Github) demo Vue 3 + TypeScript + Pinia app using Supabase
vue-supabase-tpa-demo This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur
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
🧞♂️ MESH·Y is a design tool to generate beautiful & colorful mesh gradients
Meshy is a design tool to generate beautiful & colorful mesh gradients. Generate multiple random variations of Mesh gradients along with cool color customizations. Export PNG image with custom resolution.
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
A svelte action for creating tippy.js tooltips with full typescript support
Tippy.js for svelte A svelte action for creating tippy.js tooltips. Getting started # Pnpm pnpm add svelte-tippy tippy.js # Yarn yarn add svelte-tipp
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
A fast simplex noise implementation in Javascript.
simplex-noise.js API Documentation simplex-noise.js is a simplex noise implementation in Javascript/TypeScript. It works in the browser and nodejs. Us
Nftix-demo-ui - Demo UI used in my NFT course on Egghead.io
NFTix Demo UI This repository contains the UI used for my Egghead course on building a NFT ticketing system 🥚 🤓 If you're watching the videos, use t
Cardmatchinggamebyercan - A card-matching game made with Flutter.
card_matching_game_by_ercan A card-matching game. Working Demo: https://confident-austin-19dbd2.netlify.app Getting Started This project is a starting
A Svelte SPA Template for simple SPA Apps without using svelte kit.
Svelte SPA Template A Svelte Single Page Application Template for simple SPA Apps without using Svelte Kit or Sapper. New Project To create a new proj
Avoid CORS issues by using API Routes from Next.js
CORS Demo Avoid CORS issues by using API Routes from Next.js. Get Started Clone the repo git clone [email protected]:gregrickaby/cors-demo.git CD into co
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
Heroku setup demo
heroku-demo A basic guide to setting up a project hosted on Heroku with a PostgreSQL database using Giovanna Aveiro's and OliverJam's tutorial for Fou
Demo of Singapore buildings 3D tiles from OneMap on Mapbox GL JS.
Singapore buildings 3D Tiles from OneMap 3D on Mapbox GL JS This is a demo of Singapore buildings 3D tiles from OneMap 3D on Mapbox GL JS. Development
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
Demo Selenium JavaScript E2E tests (end-to-end web browser automation tests)
Demo Selenium JavaScript E2E tests (end-to-end web browser automation tests)
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
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
A nonsensical React application made (almost) entirely by GitHub Copilot
GitHub Copilot Demo This is a demo project for the GitHub Copilot project. The previous sentence was written by it! This is a (fairly ugly) timer app
A demo of a Shopify site using Astro and React.
Shopify + Astro + React A demo of a Shopify site using Astro and React. If you'd like to learn how it's built and how you can do the same, check out t
Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0
Umbraco v9 Demo Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0. About this solution: This is a demo site for Umbraco v9 build in the new
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
A template to use GoLang Lorca package to make desktop applications using webview and Svelte for the frontend,
Svelte Lorca Template A starter project for building modern cross-platform desktop apps in Go, HTML, and Svelte. This project is a fork of lorca-ts-re
A centralized location for my WebGL and other demos.
🔬 Experiments A centralized location for my WebGL and other demos. Launch Site My work is for and funded by the community. If you used this or found
Google Sheets as a Database - Next.js Demo
Google Sheets as a Database Use Google Sheets as a primary database for your Next.js project. Watch on YouTube or follow allong with the full Google S
科技风智慧城市 Demo: http://stonerao.com/public/city/
Three.js Setup Download Node.js. Run this followed commands: # Install dependencies (only the first time) npm install # Run the local server at local
A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex
T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/
Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.
Crosshair Mouse Cursor Distortion Demo of the tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hov
A small utility for managing an undo stack
svelte-undo A small utility for managing an undo stack, that you can subscribe to in your Svelte applications (or indeed anywhere else). Demo here. Us
A demo of LaunchDarkly, React, and Vite, using the Pokémon API!
Pokémon Feature Flags demo Here's a demo for integrating feature flags into a React project! Built with React, Vite, the PokeAPI, and LaunchDarkly! Wh
微信小程序状态管理的 demo
微信小程序状态管理 基于发布订阅模式、小程序自定义组件behaviors配置 实现数据的状态管理。 这个作为demo稍微有点复杂。精简版可看 实现 应用场景 原生微信小程序开发 解决问题和实现目的 全局共享的状态管理 组件与页面都可订阅状态 按需订阅 支持异步编程 不依赖插件 准备工作 小程序开发者
This is a demo sample of linking NODEJS via ORM and MYSQL
Demons(Demo of Nodejs with SQL) This is a demo sample of linking NODEJS with ORM and MYSQL Connecting Node to SQL is a hard task and not much help is
The deck, starter project, & final demo for @lachlanjc’s talk at PrideMakers 2021.
PrideMakers 2021 The deck, starter project, & final demo for @lachlanjc’s talk at PrideMakers 2021. Starter on Glitch: https://glitch.com/~pridemakers