118 Repositories
JavaScript eleventy-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
Opiniated Eleventy starter based on the workflow suggested by Andy Bell's
Eleventy starter Very opiniated Eleventy starter based on the workflow suggested by Andy Bell's https://buildexcellentwebsit.es/. Eleventy starter Pre
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
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
A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that uses markdown-it.
markdown-it-eleventy-img A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that use markdown-it. F
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
A peculiar little website that uses Eleventy + Netlify + Puppeteer to create generative poster designs
Garden — Generative Jamstack Posters "Garden" is an experiment in building creative, joyful online experiences using core web technologies. 🧱 Buildin
An Eleventy wrapper for type supported configurations
Shareable Eleventy configuration strap. The module can be dropped in to your .eleventy.js configuration file for Typed supported configuration options.
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
Unfurl links into rich cards, as seen in places like Slack and Twitter
eleventy-plugin-unfurl Turn URLs into rich cards. Show a preview image, page title, description and other meta information all inside a neatly present
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
Use macro-based Nunjucks components with Eleventy and Storybook.
eleventy-nunjucks-storybook Use macro-based Nunjucks components with Eleventy and Storybook. Links See Using Storybook with Nunjucks components in Ele
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
Zero clientside JavaScript Wordle clone, using Eleventy Edge
Eleventy Edge Wordle Yet another Wordle clone Play the hosted Wordle game! Recently, the Eleventy started unveiling its Eleventy Edge plugin, which al
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
A tiny script and component intended to be used with Astro for generating images with eleventy-img.
Astro + eleventy-img A tiny script and component intended to be used with Astro for generating images with eleventy-img. It also supports creating blu
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
A zero-dependency, buildless, terse, and type-safe way to write HTML in JavaScript.
hdot A sensible way to write HTML in JavaScript. Type-safe. Helps you follow the HTML spec. Terse. Almost character for character with plain HTML. Bui
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
A minimal, modern, generic, hot-reloading local web server to help web developers
eleventy-dev-server 🕚 ⚡️ 🎈 🐀 A minimal, modern, generic, hot-reloading local web server to help web developers. ➡ Documentation Please star Elevent
An Eleventy server plugin to use Browsersync with Eleventy 2.0+.
An Eleventy server plugin to use Browsersync with Eleventy 2.0+.
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
Generate tagged PDFs from your Eleventy site
eleventy-plugin-prince-pdf This plugin makes it easy to generate tagged PDFs from webpages in your Eleventy site, using Prince. What this does This pl
Group and sort Eleventy’s verbose output by directory (and show file size with benchmarks)
eleventy-plugin-directory-output Group and sort Eleventy’s verbose output by directory (and show file size with benchmarks). Sample output from eleven
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
A markdown-it plugin and Nunjucks async filter to make working with Cloudinary in Eleventy easier.
Cloudinary Eleventy Helpers This is a collection of Eleventy Cloudinary helpers. It currently includes: A markdown-it plugin that converts local image
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
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
To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them 🚀
Slinkity 🚧 This project is heavily under construction! 🚧 As excited as you may be, we don't recommend this early alpha for production use. Still, gi
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 service to add web page screenshots to your Eleventy sites.
Screenshot API A runtime service to use live website screenshots on your site. Usage Image URLs have the formats: https://v1.screenshot.11ty.dev/:url/
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/