408 Repositories
JavaScript html5-canvas-element Libraries
HTML5 Runner Game Made With Phaser.
"Hurry up Runner!" The Tunner Game "Hurry up!" Is A Small Funny Game Made With Phaser 3. This Game Is About Ordinary Salaryman That Hurries For His Jo
An implementation of Bézier curve rendering and manipulation, using the HTML5 Canvas API.
Bézier Curves An implementation of Bézier curve rendering and manipulation, using the HTML5 Canvas API. How does it work? Bézier curves can be simply
A custom select dropdown. This is something that is not too difficult to make.
Custom-Dropdown-JS A custom select dropdown using basic JS fucntionality. This is something that is not too difficult to make. But it shows that you h
HTML Canvas game for Vivatech Gamejam of March 2022.
Viva Tech Gamejam A HTML Canvas game made in 2 days for the Vivatech Gamejam of March 22. Requirements Nodejs and Yarn. If you're on MacOS and have Ho
A minimalist ToDo list app to add, update and remove tasks easily
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. We will build a simple website that allows for doing that, and we will do it using ES6 and Webpack!
100 days of code tracker tool.
100 days of code tracker tool 100 days of code tracker tool. Installation and use Clone/download the repository. Enter the 100-days-of-code-tracker-to
A small npm package that generates pretty identicons from string input.
HashprintJS HashprintJS is a small npm package written in TypeScript that generates customizable identicons. Provide a username, wallet address, IP ad
📜 A tiny custom element for all your scrollytelling needs!
scroll-scene element A tiny custom element for all your scrollytelling needs! The successor to @newswire/scroller. Key features 🐜 Less than 700 byt
CarCollectors is website for customers who want to rent a car
CarCollectors is website that consumes the car api and the involvement api. It allows the user to browse a large collection of cars, like them, comment on them, and place a reservation order.
A simple element template chooser for properties-panel = 1
A simple element template chooser for properties-panel = 1
Simple To-do list build using HTML5, CSS3, JavaScript and Webpack. You can add new tasks, remove and edit them.
Simple To-do list build using HTML5, CSS3, JavaScript and Webpack. You can add new tasks, remove and edit them.
"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.
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 comple
A Leaderboard that shows who has given your stars to your repositories
A Leaderboard that shows who has given your stars to your repositories
Giggy is a collection of a few fun jokes related to Coding & Dark Humor - Created using HTML, JavaScript, CSS & Webpack.
Giggy A Collection of some of the best jokes. This is a Web Application with some jokes related to coding & Dark Humor. Created with data from the Jok
Super Cat Meow Squad! 🐱
This page dynamically displays the 6 members of the SCMS and contains some interactions with other users interested in them, like commenting on them or a like counter for each kitten.
GreetHub - Dynamic greeting for your readme profile 😍😍
GreetHub - Dynamic greeting for your readme profile 😍😍
A simple Todo app to add list of books a user has read using HTML, CSS, Webpack, JavaScript and modular architecture
Minimalist A simple Todo app to add list of books a user has read. It is implemented using HTML, CSS, Webpack, JavaScript and modular architecture. A
Create sticky element in flexbox sidebars. it can use in Vanilla JS and frameworks like Vue and React
js sticky side simple sticky side with js that can use in frameworks like vue and react. notes it can be used just in flexbox grids. target element sh
Kunlun architecture element generation based on Angular schematics 🎬
A fullstack(NestJS、React) framework for building efficient and scalable applications. Description The Kunlun CLI is a command-line interface tool that
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.
Travelers' Hub with React and Redux
Spacex Travelers' Hub with React and Redux This website displays a list of all available SpaceX rockets. Users can book each rocket by clicking the re
el-table awlays show horizontal-scroller on bottom
el-table awlays show horizontal-scroller on bottom
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology including but not limited to HTML, CSS, JavaScript and webpack to manipulate DOM.
A suite of utilities to add more features to the details element
A suite of utilities to add more features to the details element
A-Frame Element is a simple library for building fast, lightweight web components for 3D development
aframe-element is a library inspired from the very nice library Polymer lit to map A-Frame AR / VR / 3D elements on typescript classes like Angular/React/Lit.
Development of a landing page where the user can see information about my learnings in the first month at Trybe Course.
Project: Lessons Learned Lessons Learned was the first project developed by me while studying in Trybe. Technologies and tools used HTML CSS Project o
Development of a Sign Up page form in HTML
Project: Trybewarts Project developed studying in Trybe. Technologies and tools used HTML CSS FlexBox JavaScript Kanban / Scrum Project objective Deve
Simple Word Counting
Simple Word Counting Clone this repository ✅ git clone https://github.com/Mindula-Dilthushan/simple-word-counting.git License 📝 MIT License © Mindula
Vanilla JS browser game
Vanilla JS Game - Amazing Spacecraft 🚀 Online Demo: https://spacecraft.vercel.app/ a spacecraft that has to survive a journey through space ⌨ Shortcu
The Taste food web app is our JavaScript capstone project, Taste food is a web application based on an external food API, showing data about Italian foods and we used Used involvement API to record the different user interactions (likes, comments).
taste-food The Taste food web app is our JavaScript capstone project, Taste food is a web application based on an external food API TheMealDB, showing
I forgot about el.outerHTML so I made this, it takes a DOM element and returns its html as string
htmlToString Convert html/DOM element to string Works with rendered and virtual DOM Installation npm install htmltostring Or using CDN script src="ht
vite+vue3.2+setup+elementPlus+eslint+js+stylelint
前期准备工作,npm包和vscode配置 !!!很重要,关乎整个Vue3开发阶段的代码提示 Volar使用 使用Vue3开发需要禁用vscode插件Vetur 然后安装 Volar(Vue Language Features),这样Vue3代码提示即使是使用js开发也非常友好 如果volar没有任何
The Snake Game implemented using HTML, CSS, and JavaScript
The Snake Game implemented using HTML, CSS, and JavaScript
This Webapp The Cinema of Movies displays a list of shows
This Webapp The Cinema of Movies displays a list of shows. The user is able to like any of the movies, and also read more information about each movie once he clicks on the comments button. Also, the user is able to leave a comment about any of the movies.
WebVM is a server-less virtual Linux environment running fully client-side in HTML5/WebAssembly.
WebVM This repository hosts the source code of the https://webvm.io live demo page. WebVM is a server-less virtual Linux environment running fully cli
React Bootstrap admin starter template
React Bootstrap admin starter template screenshots Loading Effect Login page screenshot Forgot password page screenshot Dashboard page screenshot Left
👨🏼🎨 It is a virtual blackboard, where you can make 🖌 drawings through 🖱 the mouse. You have the option to choose 🎨 colors and line thickness.
👨🏼🎨 Lets Draw 🎨 ÍNDICE 1. Lets-Draw 2. Realization of the Project 3. Technologies used 4. Authors 1. Lets-Draw 👨🏼🎨 It is a virtual blackboard
HTML5 CSS3 vanilla js QR code generator with download options
QR Code Generator HTML5 CSS3 vanilla js QR code generator with download options Additional description about the project and its features. Built With
A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules
LEADERBOARD In this activity I am setting up a JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules. I wil
The leaderboard website displays scores submitted by different players
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
✂ 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
A Google Chrome extension that automatically fills in the "CAPTCHA" form element for IISER Pune's SAM portal (Academic ERP) login form
A Google Chrome extension that automatically fills in the "CAPTCHA" form element for IISER Pune's SAM portal (Academic ERP) login form.
Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas
Planner Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas. Try it yourself at plannerjs.dev Plans created
This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.
To-Do-List App This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules
lightweight (~5kb) code editor custom element with syntax highlighting
code-edit lightweight (~5kb) code editor custom element with syntax highlighting 🔧 Install · 🧩 Example · 📜 API docs · 🔥 Releases · 💪🏼 Contribute
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.
Frontend Mentor - Job listings with filtering Front-end challenge focused on javascript logic, where a list of fictitious vacancies is presented and t
Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.
TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control
Element for Angular
Element for Angular Catalog Documentation Getting Started Contribution Support LICENSE Documentation element-angular Getting Started Install: # instal
Lightweight web components library built with LitElement.
Aybolit Aybolit is a lightweight, standards-based, framework agnostic UI components library built with LitElement. Aybolit is a fictional character fr
Create DOM element and bind observables on it.
rx-domh Create DOM element and bind observables on it. Inspired by Binding.scala and react-flyd, I made this. Just a simple todo example: /** @jsx h *
Fast & Robust Front-End Micro-framework based on modern standards
Chat on gitter Hello slim.js - your declarative web components library import { Slim } from 'slim-js'; import { tag, template } from 'slim-js/decorato
Metro 4 Components Library
Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern
ZUI is an HTML5 front UI framework.
文档语言:中文 | English 一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。 从官方网站了解更多: https://openzui.com/ 。 💎 为移动端设计,基于 Flex 的 UI 框架: MZUI。 官方 QQ 群:2群:127535859,1
HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.
HLS.js is a JavaScript library that implements an HTTP Live Streaming client. It relies on HTML5 video and MediaSource Extensions for playback. It wor
a video player framework aims to bring wonderful experience on browser
Chimee English | 中文 Introduction Chimee is a web video player created by the Qiwoo Team. It's based on the web video element. It supports multiple med
Accessible HTML5 Video Player
Accessible HTML5 Video Player What is it? A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For de
jPlayer : HTML5 Audio & Video for jQuery
jPlayer : HTML5 Audio & Video for jQuery Gitter Support for Zepto 1.0+ compiled with the data module. What is jPlayer? jPlayer is a jQuery/Zepto plugi
Buzz, a Javascript HTML5 Audio library
Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It tries to degrade silently on non-modern browsers.
Inspiration for revealing content by morphing the action element.
Morphing Buttons Concept Inspiration for revealing content by morphing the action element. Article on Codrops Demo Integrate or build upon it for free
Bursting particle effect buttons for React 🎉
react-particle-effect-button (demo) Bursting particle effect buttons for React. This library is a React port of an awesome Codrops Article by Luis Man
An HTML5 saveAs() FileSaver implementation
If you need to save really large files bigger than the blob's size limitation or don't have enough RAM, then have a look at the more advanced StreamSa
JavaScript library for object-based canvas drawing
oCanvas - Object-based canvas drawing oCanvas makes canvas development easier to understand and do, by creating a bridge between the native pixel draw
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot
This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.
Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe
This Repository contain awesome vanilla JavaScript projects.
Awesome JavaScript Projects You can Have a look here Website Are you a Newbie in Web development and want to dive deep into Javascript? Are you lookin
A simple guide to HTML head elements
🤯 HEAD A simple guide to HTML head elements Table of Contents Recommended Minimum Elements Meta Link Icons Social Facebook Open Graph Twitter Card
A custom element for rendering stylable (light DOM) Markdown
Motivation There are many web components these days to render Markdown to HTML. Here are a few: zero-md marked-element …and I’m sure many others H
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
Adds `swiped` events to the DOM in 0.7k of pure JavaScript
swiped-events A 0.7k script that adds swiped-left, swiped-right, swiped-up and swiped-down events to the DOM using CustomEvent and pure JS. Based on t
🍞📊 Beautiful chart for data visualization.
🍞 📈 Spread your data on TOAST UI Chart. TOAST UI Chart is Beautiful Statistical Data Visualization library. 📦 Packages The functionality of TOAST U
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Full featured image editor using HTML5 Canvas. It's easy to use and provides powerful filters. 📦 Packages toast-ui.image-editor - Plain JavaScript co
A pure html and css library for dark mode in your website.
Dark Mode A pure html and css library for dark mode in your website. Features It has a smooth setting and also it changes via system settings aswell.
Scroll-stash - A JavaScript plugin to help preserve an element's scroll position.
scroll-stash A JavaScript plugin to help preserve an element's scroll position. CodePen Example Installation npm install scroll-stash JavaScript Impo
Slide-element - A ~700 byte Promise-based library for animating elements with dynamic heights open & closed. Basically, a modern variant of jQuery's slideUp(), slideDown(), and slideToggle().
slide-element A tiny, accessible, Promise-based, jQuery-reminiscent library for sliding elements with dynamic heights open & closed. To see it in acti
Diagram-maker - A library to display an interactive editor for any graph-like data.
Diagram Maker Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers
Variation-template - Variation is a PSD template that is covered into a web template using HTML5, CSS3, Bootstrapv4.6, JavaScript.
Variation Template Design Variation is a PSD website template. In this project this template is designed with HTML. Deployment This site is deployed a
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A simple project to refresh on the usage of js canvas and getContext('2d') to create four interactive squares on the canvas when hovered changes color.
A simple project to refresh on the usage of js canvas and getContext('2d') to create four interactive squares on the canvas when hovered changes color. Can also be clicked to work on mobile devices.
Cubo 3d com Javascript Canvas API.
Projection engine Motor gráfico escrito em javascript "from scratch". Ambiente de teste. Esse projeto não faz uso algum de NENHUMA API para renderizaç
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
👉 Built my first React JS project "ToDo" webapp using some Features and Icons from Material UI.
# Getting Started with Create React App This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). ## Avai
Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máximo de criatividade possível😜
Steck Cars Demonstração : Sobre Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máxi
BASIC is a web application contains basic applications related to studies, love, health, weather, productivity. This project aim to simply the user's life in anyway.
BASIC is a web application contains basic applications related to studies, love, health, weather, productivity. This project aim to simply the user's life in anyway. Supported by all operating system, need an internet connection for working properly.
This is Basic calculator. This is made up of HTML5,CSS and JAVASCRIPT.
titleBasicCalculator/title style @media screen and (max-width : 574px){ h2{ font-size: large; }} @media screen and (max-width : 430px){ h2{ font
🎮 Excalibur is a free game engine written in TypeScript for making 2D games in HTML5 canvas
🎮 An easy to use 2D HTML5 game engine written in TypeScript
An HTML5/Canvas implementation of 8-bit color cycling
Overview Here is the JavaScript and C++ source code to my color cycling engine, written in 2010. I am releasing it under the LGPL v3.0. The package co
A Project maintaining Repository ! Hosted for Hacktoberfest 2021.
HacktoberFest 2021 Hacktoberfest encourages participation in giving back to the open source community by completing pull requests, participating in ev
基于React开发的新一代web调试工具,支持React组件调试,类似于Chrome Devtools。A Lightweight, Easy To Extend Web Debugging Tool Build With React
English | 简体中文 基于React开发的移动web调试工具 更新日志 简单易用 功能全面 易扩展 高性能 使用cdn方式,一键接入 类Chrome devtools, 内嵌React开发者工具,支持日志,网络,元素,代理,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式 暴露内部
基于react实现的滑动验证码组件
Hello react-slider-vertify! react-slider-vertify 是一款前端实现的滑动验证码组件, 我们可以通过它轻松的控制验证的整个生命周期(刷新时, 验证成功时, 验证失败时的回调), 并拥有一定的配置化能力. doc react-slider-vertify G
I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna come out once the countdown is finished or in other words, "Birthday Time".
Countdown-Birthday-Fireworks-Animation I made countdown birthday and fireworks animation using HTML Canvas, CSS, JS. The fireworks animation gonna com
A Custom Element for an analog clock.
analog-clock A Custom Element for an analog clock. Attributes mode (string): stopwatch or clock. size (number): Width and height in pixel. marks (nu
Detect when an element is becoming visible or hidden on the page.
React Visibility Detect when an element is becoming visible or hidden on the page. Installation npm install reactjs-visibility ⚠️ This plugin uses the
A simple javascript calendar with a glassmorphic UI
Calendar A simple javascript calendar with a glassmorphic UI Techs Used: HTML 5 CSS 3 Vanilla JavaScript Purpose: The javascript file contains the log
基于vue3.0-ts-Element集成的简洁/实用后台模板!《带预览地址》vue-admin;vue+admin;vue-element;vue+element;vue后台管理;vue3.0-admin;vue3.0-element。
一、基于vue3.0+ts+Element通用后台admin模板 二、在线预览地址:http://admin.yknba.cn/ 三、下载使用: 1、克隆代码 通过git将代码克隆到本地;或者使用下载安装包模式进行下载。 2、进入目录 进入项目的根目录:vue3.0-ts-admin 3、安装依
JAVASCRIPT library with which you can easily draw CANVAS HTML
easycanvas Quick start Documentation: gaidadei.ru/easycanvas Download: gaidadei.ru/easycanvas/easyc.zip Buy premium: gaidadei.ru/easycanvas/premium (A
use element-ui with some config
confism-element write HTML with javascript in vue install npm install confism-element -S U can register confism-element component in main.js // main.j
A library to add a virtual Trackball to your DOM
Trackball.js - 3D Trackballs for your Website Trackball.js is a small JavaScript library on top of Quaternion.js to enable free 3D rotation of element
egg.js(jwt) + mysql(sequelize) + redis + docker + docker-compose + nginx + vue + element-ui 全栈获取省市区数据(统计局数据)【工具】项目,实现在docker环境中一键部署
Egg-spider Preview 线上预览地址 (https://ronaldoxzb.com/) admin admin Project description [后端]egg.js(jwt) + mysql(sequelize) + redis + docker + docker-compo