361 Repositories
JavaScript webpack-demo Libraries
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to an external API. Technologies used are JavaScript(ES6), HTML5, CSS3, Webpack. Also, the Gitflow workflow was used.
Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha
No BS webpack development tool for Shopify themes (online store 2.0)
Shopify Theme Development Tool Development tool for Shopify to create themes for Online Store 2.0. Shopify Theme Development Tool Getting Started Comm
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
"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. It is created with HTML , CSS , JS and webpack and NPM.
My Todo List "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 com
🚀基于Webpack 5,TypeScript,React的MPA多页面应用实践配置
Pages 基于Webpack 5,TypeScript,React的MPA多页面应用实践配置 react webpack typescript sass eslint prettierrc 克
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)
This is a Todo app build with JS, HTML/CSS , Webpack
todo-list Todo List app Additional description about the project and its features. Built With HTML5 CSS3 Webpack JavaScript Live Demo Live Demo Link G
Webpack plugin to tree-shake and minify JSON modules
webpack-json-access-optimizer Optimize JSON modules that are referenced via accessor function. For example, i18n locale JSONs. Features Tree shaking R
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
webpack知识整理分享
概述 Webpack是一个用于现代JavaScript应用程序的静态模块打包工具。当Webpack处理应用程序时,它会在内部构建一个依赖图,此依赖图对应映射到项目所需的每个模块,并生成一个或多个bundle 依赖与安装 Webpack的运行是依赖Node环境的,所以电脑需要安装 node 安装Web
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 platformer game using Phaser3 library and Vanilla JS. This project features the knowledge of Webpack, ES6, JS Modules, Async code, DOM, JSON and Jest tests.
RUNNING BUNNY A platformer game using Phaser3 library and Vanilla JS. This project features the knowledge of Webpack, ES6, JS Modules, Async code, DOM
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
Dynamically set remote origins at runtime within hosts
external-remotes-plugin Host webpack.config const config = { ...otherConfigs plugins: [ new ModuleFederationPlugin({ name: "app1",
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 simple build tool for Figma plugins based on webpack
Figpack EXPERIMENTAL / WORK IN PROGRESS A simple build tool for Figma plugins based on webpack. It's optimized for plugins that could get complex, mea
Empty project with configured webpack, type script and es-lint
Empty project template Empty project with configured webpack, typescript and es-lint Easy to use: Download project files Go to project root directory
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
Simple webpack plugin that generates VERSION and commitInfo insert index.html during build
Html commit version plugin Simple webpack plugin that generates CommitInfo and VERSION insert index.html during build. English | 简体中文 Usage Given a we
A complete set up of the React application with Typescript, Webpack 5, Babel v7, SSR, Code Splitting and HMR.
Getting Started with react-final-boilerplate Clone the code npm install You are good to go with React Application. Open http://localhost:3000/ and you
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bu
📱 Free to use static generated website template for your mobile app
Mobile App Landing Page Template 📱 Free to use static generated landing page template for your mobile app 💡 Features Mobile App Landing Page Templat
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
💌 mailgo, a new concept of mailto and tel links
💌 mailgo a new concept of mailto and tel links https://mailgo.dev Transform all your mailto and tel link in a beautiful modal with more possibilities
CSS Loader
css-loader The css-loader interprets @import and url() like import/require() and will resolve them. Getting Started To begin, you'll need to install c
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bu
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
Web applications with node.js and React
Electrode Web Applications with node.js and React The Electrode project was developed to make node.js and React the primary tech choices for developin
A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)
nwb nwb is a toolkit for: Quick Development with React, Inferno, Preact or vanilla JavaScript Developing: React Apps Preact Apps Inferno Apps Vanilla
✨ Create server-rendered universal JavaScript applications with no configuration
Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or Nuxt, fork a boilerplate, or set things up yours
React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr
⚡A zero-config bundler for JavaScript applications.
Poi is a bundler built on the top of webpack, trying to make developing and bundling apps with webpack as easy as possible. The Poi project is support
📓 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
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
English | 简体中文 | 日本語 | Spanish SPONSORED BY 活动服务销售平台 客户消息直达工作群 Introduction vue-element-admin is a production-ready front-end solution for admin inter
Transform SVGs into React components 🦁
Transform SVGs into React components 🦁 Try it out online! Watch the talk at React Europe SVGR transforms SVG into ready to use components. It is part
✨ Create server-rendered universal JavaScript applications with no configuration
Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or Nuxt, fork a boilerplate, or set things up yours
:hourglass_flowing_sand: A higher order component for loading components with promises.
A higher order component for loading components with dynamic imports. Install yarn add react-loadable Example import Loadable from 'react-loadable'; i
React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
React Starter Kit — "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr
📓 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
📚 Study guide and introduction to the modern front end stack.
Grab Front End Guide Credits: Illustration by @yangheng This guide has been cross-posted on Free Code Camp. Grab is Southeast Asia (SEA)'s leading tra
A Programming Environment for TypeScript & Node.js built on top of VS Code
Programming Environment for TypeScript & Node.js A battery-included TypeScript framework built on top of Visual Studio Code Website Kretes is a progra
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
Simple CSS library for semantic HTML markup
awsm.css awsm.css is a simple CSS library for semantic HTML, which doesn't require classes, ids, attributes, etc. Just start to create page with HTML5
dhtmlxGantt with Angular 7
DHTMLX Gantt and Angular Demo Demo of Gantt chart component for Angular framework How to start clone the repository or download files install dependen
The motion graphics toolbelt for the web
mo · js – The motion graphics toolbelt for the web. Intro mo · js is a javascript motion graphics library that is a fast, retina ready, modular and op