102 Repositories
JavaScript vivid-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
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
Recreating the Airbnb frontend with Vivid!
Airbnb Clone Building an Airbnb clone with Vivid - the in-browser styling editor that makes Tailwind CSS even faster. Hacktoberfest 2022! Getting Star
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
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,
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
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
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 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
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
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
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
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
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
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
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
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
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 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
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
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
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
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 (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
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
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 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
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
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
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
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
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
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
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
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
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 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
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
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
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
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
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
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
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
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
Modern browsers already had a vivid player for video
Modern browsers already had a vivid player for video. However, web developers and designers still want to custom their own style player for different situations. Sounds like web component will do a lot favor for this purpose. With msc-ez-video / support, customize control panel will become a piece of cake. msc-ez-video / adopts CSS custom properties, developers could style them as they want.
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
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
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
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 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
A Node JS Express/Serverless demo application that creates a slideshow video using the Pexels image library and Shotstack video editing API.
Shotstack Pexels Slideshow Video Demo This project demonstrates how to use the Shotstack cloud video editing API to create a video using an HTML form
A Google Clone which built with ReactJS. You can click the demo and search whatever you want!
Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin
A modern static resume template and theme. Powered by Jekyll and GitHub pages.
modern-resume-theme A modern simple static resume template and theme. Powered by Jekyll and GitHub pages. Host your own resume on GitHub for free! Vie
Serverless Pre-Rendering Landing Page
Serverless Pre-Rendering Demo Read the blog post Checkout the demo Developing By default, the content on the site is based off our public Notion page.
jQuery Timer: Start/Stop/Resume/Remove pretty timer inside any HTML element.
jQuery Timer plugin Lightweight, well tested jQuery pretty timer plugin Start, Pause, Resume and Remove a timer inside any HTML element. Get notified
Unite Gallery - Responsive jQuery Image and Video Gallery Plugin. Aim to be the best gallery on the web on it's kind. See demo here:
##Unite Gallery - Responsive jQuery Gallery Plugin Product Link: unitegallery.net This gallery has commercial versions for: WordPress , Joomla! , Pres
HTML5 rich text editor. Try the demo integration at
Squire Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation in a flexible lightweight package (only 16.5KB of JS a
DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
DOMPurify DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. It's also very simple to use and get started with
a super simple, no-nonsense diagramming library written in react that just works
Introduction DEMO: http://projectstorm.cloud/react-diagrams DOCS (wip) https://projectstorm.gitbook.io/react-diagrams Docs are currently being worked