122 Repositories
JavaScript keyboard-hooks Libraries
This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,
๐ Blog project for hacktoberfest In this repository, you can find issues related to a blog project that is built on top of Next.js. The project is a
Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. ๐บ
Kittos NFT Marketplace ๐บ Built with Next Js, Hardhat, Solidity, Arweave, Bundlr and Tailwind CSS. Functionalities New Listed Assets Mint NFT Buy NFT
๐ข Music player app with a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more.
Music-player-app see the project here. 1. Key Features 2. Technologies I've used Key Features: ๐ข Fully responsive clean UI. ๐ข Entirely mobile respo
Livepeer for JS ๐งฐ
livepeer.js Features ๐บ Player for video/audio with built-in HLS support, accessibility, keyboard shortcuts, and customizable controls ๐ช React hooks
A light-weight user's step-by-step guide for your website using Vanilla JS.
WebTour JS A light-weight user's step-by-step guide for your website using Vanilla JS. Features User's walkthrough - can be used to guide user's to yo
An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...
An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...
Canvas-based JavaScript UI element implementing touch, keyboard, mouse and scroll wheel support.
pure-knob Initially a (circular) knob / dial control with mouse, wheel, touch and keyboard support, implemented in pure JavaScript. In addition, this
Fast, tiny and solid hooks system for Javascript and Node.js
Uncino ๐ช Fast, tiny and solid hooks system for Javascript and NodeJS Uncino is italian word for hook Do you know Wordpress hooks system? Uncino is a
A trpc-ified useReducer hook. โก
trpc-reducer A trpc-ified react useReducer hook that lets you perform state logic in reducers just like React's useReducer hook When you dispatch an a
๐ข Easily get notified when something in Directus happens.
Directus LogSnag ๐ข Get notified when something in Directus happens. What is LogSnag? LogSnag is a simple event tracking tool. It helps you keep track
Keyboard shortcut handler. KISS, light and library free.
Shortcut.js Shortcut.js is a JavaScript ES6 component that offers a global keyboard event handler. This way one can declare and react to any combinati
Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support
JS Select Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support How to use To use the select plugins, two main file mu
A Virtual Interactive Keyboard which replicates every key you press and a Text-Area in which everything is written and can be copied to the clipboard with a click of a button.
A Virtual Interactive Keyboard which replicates every key you press and a Text-Area in which everything is written and can be copied to the clipboard with a click of a button.
Virtual Keyboard for Angular applications.
AngularTouchKeyboard What is this? Virtual Keyboard for Angular applications. Demo https://mohsen77sk.github.io/angular-touch-keyboard/ Install Step 1
DisneyPlus-Clone (with Redux)
Disney+ Clone A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link You can view th
โท A robust Javascript library for capturing keyboard input. It has no dependencies.
Hotkeys HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzip
๐น Memorize piano scales with ease! A music practice program w/ MIDI support. Consider it an interactive reference manual
Piano Trainer Learn to play the piano at your own pace through various modes of practice. Watch the video Features MIDI compatible Home row keyboard i
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
๐ Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
An extension of DOM-testing-library to provide hooks into the shadow dom
Why? Currently, DOM-testing-library does not support checking shadow roots for elements. This can be troublesome when you're looking for something wit
Extends Express.js with response hooks
Express Response Hooks Extend Express.js with response hooks, primarily aimed to manipulate the response before being sent to the client. Installation
Preview and reply to your messages from within Alfred. Keep your hands on that keyboard!
Mouseless Messenger Mouseless Messenger offers you rapid keyboard-driven access to send and read conversations in the macOS Messages app via Alfred โ
As babies smash on the keyboard, images, letters and numbers appear on the screen
Baby Bam Bam As babies smash on the keyboard, images, letters and numbers appear on the screen. Try the many options and find the ones that are right
A Deno library for interacting with the mouse ๐ฑ๏ธ keyboard โจ๏ธ and screen ๐ป
A Deno library for interacting with the mouse ๐ฑ๏ธ keyboard โจ๏ธ and screen ๐ป . Litebot provides a simple API for creating kbm events, macros, & working with displays. Litebot leverages Deno's FFI to allow speedy low level control in C & C++ while having a typescript API exposed to the user.
This repo is for educational and demonstration purposes only, this project is to demonstrate usage of apollo/client and github API and firebase.
Gissues Gissues is a web application that allows you to search for issues in GitHub. It is built for new developers who want to learn more about GitHu
A npm package to increase the developer experience and consistency by providing a set of hooks that can be opted-in the development lifecycle.
@jeliasson/husky-hooks This npm package aims to increase the developer experience and consistency by providing a set of hooks that can be opted-in the
Web app to search,get, watch animes (built with Nextjs, Tailwind)
Animeinfo An anime discovery, made with NextJs and TailwindCSS. Please deploy your own version of the site, by following the instructions. Please foll
Browser extension to add more keyboard shortcuts to twitter.com.
Twitter Shortcut Plus Browser extension to add more keyboard shortcuts to twitter.com. Keyboard shortcuts Browse Browse links in background (default:
Browser extension to add more keyboard shortcuts to TweetDeck.
TweetDeck Shortcut Plus Browser extension to add more keyboard shortcuts to TweetDeck. Keyboard shortcuts Browse Browse tweet (default: alt+b) Browse
Obsidian plugin to support a sequenced of keyboard shortcuts to run commands.
Sequence Shortcuts (Obsidian plugin) This plugin allows you to use a sequences of chords for shortcuts instead of single chords. Creating a hotkey You
A library of RxJS-related hooks
rxooks GADZOOKS! RXOOKS! (Basically every other iteration of "rxjs", "rx", "react", and "hooks" was taken) This is a library of hooks that are useful
React-play is an opensource platform that helps you learn ReactJS faster with hands-on practice model
react-play is an opensource web app that helps you learn ReactJS faster with hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.
tRPC-ified SWR hooks
trpc-swr tRPC-ified SWR hooks Installation npm install trpc-swr @trpc/client Usage First, create your fully typed hooks using your router type: // trp
A simple pomodoro app for web โก
Pomodoro Web Este รฉ o repositรณrio com o cรณdigo fonte do projeto Pomodoro Web. Este รฉ um projeto open source entรฃo fique a vontade para contribuir ou f
Typr is a full-stack web application designed for new developers to improve their typing skills. User Authentication, Multiplayer, and Statistics included.
Typr Typr is a full-stack web application designed for new developers to improve their typing skills. It includes Javascript, Ruby and Python typing p
Fresko - A configurable cli that keeps your project deps fresh
๐ Fresko (fresh in Basque) A configurable cli that keeps your project deps fresh Why? Have you ever pulled someone else's code into your local enviro
A simple library for handling keyboard shortcuts with Alpine.js.
โจ Help support the maintenance of this package by sponsoring me. Alpine.js Mousetrap A simple library for handling keyboard shortcuts with Alpine.js.
A custom react hook to use a dialogs easily.
dialog-hook The dialog-hook is a custom react hook to use a dialog easily. First of all it is necessary to install the package in your project some co
๐ Transition number values using easing functions
react-transition-value Transition / Animate number values using easing functions See Demos โก๏ธ Getting started npm i react-transition-value import {
๐ฆ Defi Bank is a dapp created for ethereum 101 course of cadena.dev
Welcome to DefiBank ๐ Defi Bank is a dapp created for ethereum 101 course of cadena.dev โจ Demo Install npm install Usage npm run dev Tech NextJS Reac
๐ช Play the 3-row diatonic button accordion with your computer keyboard!
Keyboard Accordion Play the diatonic button accordion with your computer keyboard! Todo Add bass notes Add CGF and EAD tunings Add scales Add bottom 3
๐ useClipboardApi() is a React Hook that consumes Web Clipboard API.
๐ use-clipboard-api useClipboardApi() is a React Hook that consumes Web Clipboard API. Table of Contents Motivation Usage Contributing Bugs and Suges
Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement.
useAsyncQuery Mirrors the functionality of Apollo client's useQuery hook, but with a "query" being any async function rather than GQL statement. Usage
Check your device when you have anything to change on your PC or mobile.
opgg-use-device-detector Check your device when you have anything to change on your PC or mobile. โค๏ธ it? โญ๏ธ it on GitHub opgg-use-device-detector basi
Wen? Now! A library to simplify your Web3 data fetching.
Wen Connect? Now! Minimalistic library for Web3 user interfaces. Seamless connection flows to Metamask. Stateless sessions that work anywhere (client,
Mini Social Media App with a liitle bit of facebook components (Still Developing)
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 multi-tag input for sanity studio.
sanity-plugin-tags A multi-tag input for sanity studio. Fully featured with autocomplete capabilities, live updates, predefined tag options, style and
Boilerplate and Starter for Next JS 12+
Boilerplate and Starter for Next JS 12+ ๐ Made with developer experience first: How to Use npx create-next-app --example https://github.com/Strapazz
โจ๏ธ Visualize keyboard history for osu! in bar form
bar-overlay-for-osu Visualize keyboard history for osu! Example Vertical Horizontal Features Customizable: keys, colors, speed, spacing, etc. Receives
Medium.com (Redesign with Next.js & Tailwindcss)
Medium.com (Redesign with Next.js & Tailwindcss) It is a redesign of the popular blogging website Medium.com. It is designed with React and Tailwindcs
This web application retrieves real live data from the Financial modeling prep API
This web application retrieves real live data from the Financial modeling prep API. It provides financial information about companies listed on Nasdaq 100 and Dow Jones Market indexes. All these companies are listed on the Home page. Users can filter these companies by searching for a specific company or by choosing one from the dropdown.
Next Boilerplate was created to be a template for starting NextJS projects with pre-configured settings like Linters, Test Setup, Storybook and Commit Hooks.
Next Boilerplate was created to be a template for starting NextJS projects with pre-configured settings like Linters, Test Setup, Storybook and Commit Hooks.
Our project for The Microsoft Azure Trial Hackathon on Dev.to
Moodflix your mood, our suggestions. ๐ฏ About Overview of our project We have started this project with the purpose of participating to the Microsoft
A simple Todo-List app created using React
TodoLst-UsingReact This is a simple Todo-List app created using React, it performs operations like, allowing users to input list of todos, edit a todo
Web application that consumes an API to provide an complete experience of an recipes app
Project: Recipes App Project developed studying in Trybe. Technologies and tools used React React Hooks Context API SCRUM / Kanban Project objective T
Fix your mistake when you forget to change your keyboard language!
Persian Typo Mistake ๐ฎ๐ท Introduction With this extension, you can fix your text that is written in Persian but on an English keyboard. this extensio
An exact, client-side mechanical keyboard plate generator
ai03 Plate Generator v2 Yet another mechanical keyboard plate generator. Try it live Available here Features A focus on exceptionally accurate plate g
Small (0.5 Kb) react hook for getting media breakpoints state info in runtime
tiny-use-media Small (0.5 Kb) react hook for getting media breakpoints state info in runtime Usage npm i tiny-use-media --save Adn in your react code
Solid hooks for Firebase v9.
solid-firebase Solid hooks for Firebase. Quick start Install it: yarn add firebase solid-firebase Configure firebase app: import { render } from 'soli
Este projeto รฉ um boilerplate completo, constantemente atualizado, configurado nos mรญnimos detalhes para servir de base para projetos profissionais do mais alto nรญvel.
Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA ๐ Sobre o Projeto Este projeto รฉ um boilerpl
Calculadora feita em React.JS utilizando Hooks como useReducer.
Calculadora Descriรงรฃo Essa รฉ uma calculadora feita em React utilizando Hooks como useReducer A sua origem vem do vรญdeo "The Perfect Beginner React Pro
Remote Keyboard Tutoring System is a web-based system that can be attached to any keyboard synthesizer through a MIDI connector.
The Remote Keyboard Tutoring System is a web-based system that can be attached to any (electronic) keyboard synthesizer through a MIDI connector. Once our system is connected to the keyboard, the user can interactively learn, play or teach in combination with the web application that we provide.
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,
React.js Login, Logout, Registration example with JWT and HttpOnly Cookie
React Login and Registration example with JWT and HttpOnly cookie For more detail, please visit: React Login and Registration example with JWT and Htt
Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose.
spa-store Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose. Contributing Feedback Roadmap Releases Check
Effect hooks that support ref.current dependency
use-ref-deps-effect Effect hooks that support "ref.current" dependency Install npm i use-ref-deps-effect Example import { useRefDepsEffect } from 'use
preact.js with hooks and ES2021, without compilers
naked preact preact.js with hooks, without compilers Web development should be simple. No compilers, just ES2021 and preact+hooks. See comments in the
The Tesla Clone built in React Native FrameWork
Tesla Clone The Tesla Clone built in React Native FrameWork Features Flat Infinite Scroll List View with animations. Design is responsive to different
Add multiplayer presence (live cursors/avatars) to your react application using yjs and hooks
y-presence Easy way to add presence (live cursors/avatars) to any react application using react hooks. Installation yarn add y-presence # or npm i y-p
React hook library, ready to use, written in Typescript.
usehooks-ts React hook library, ready to use, written in Typescript. npm i usehooks-ts Created by Julien Caron and maintained with โค๏ธ by an amazing te
Simply Netflix clone using ReactJS. It fetches the data from TMDB API
NETFLIX CLONE This project is a simply front end clone of Netflix. It was created with React. It uses The MovieDB Api to search for movies and display
graphql-codegen plugin to generate type-safe, easy-to use hooks for Flutter
graphql-codegen-flutter-artemis-hooks This is graphql-codegen plugin to generate type-safe, easy-to use Flutter artemis hooks. For further detail, see
Netflix clone app with React.js and Redux
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler
Minimal Typescript / NextJS dApp template bootstrapped with wagmi Ethereum react hooks library.
Welcome to the NextJS wagmi starter template ๐ Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the ri
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks
React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr
A custom ESLint rule to allow static deps in React Hooks โ๏ธ
eslint-plugin-react-hooks-static-deps A custom ESLint rule to allow static deps in React Hooks โ๏ธ Motivation react-hooks/exhaustive-deps is a really n
KioskBoard - A pure JavaScript library for using virtual keyboards.
KioskBoard - Virtual Keyboard A pure JavaScript library for using virtual keyboards. Current Version 2.0.0 * Documentation and Demo https://furcan.git
Fancytree - JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
Fancytree Fancytree (sequel of DynaTree 1.x) is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkb
Finance-Tracker - A basic finance-tracker application built using Next.js, React Hooks and Context API
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind
Tesodev-search-app - Personal Search App with React-Hooks
Tesodev-search-app Personal Search App with React-Hooks View on Heroku : [https://tesodev-staff-search-app.herokuapp.com/] Instructions Clone this rep
A hook based project created during 20-Dec week ReactJS workshop
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
React Hooks tutorial for beginners.
React Hooks for Beginners git clone url Clone into the repo code react-hooks Open the folder in VS Code npm install Install the dependencies npm sta
This Login Form made using React hooks , React Js , Css, Json. This form have 3 inputs, it also validate those inputs & it also having length limitations.
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 showing the usage of useState, useEffect and conditional rendering in React
Getting Started with Tour-sample React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can ru
Serverless boilerplate CLI tool: GitLab and GitHub CI/CD, DataDog, Multi-Region, and many more setups.
Serverless Full Boilerplate This is a CLI tool to create Serverless boilerplate applications. Ready to deploy in a few seconds. Usage npm i -g create-
Hooks lifecycle (II), routing with RRD v6, Context API
day-2 Hooks lifecycle (II), routing with RRD v6, Context API Hooks lifecycle Es posible asociar un efecto a cada una de las fases del ciclo de vida de
Built a covid-19 trcaker app using React.js implementing hooks and materail UI
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Obsidian plugin to add keyboard shortcuts commonly found in code editors such as Visual Studio Code or Sublime Text
Code Editor Shortcuts This Obsidian plugin adds keyboard shortcuts (hotkeys) commonly found in code editors such as Visual Studio Code or Sublime Text
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap
Redux-Toolkit CRUD example with React Hooks, Axios & Web API Build Redux-Toolkit CRUD application with React Hooks and Rest API calls in that: Each it
Drop-in replacements for @apollo/client's useQuery, useMutation and useSubscription hooks with reduced overhead and additional functionality.
apollo-augmented-hooks Drop-in replacements for @apollo/client's useQuery, useMutation and useSubscription hooks with reduced overhead and additional
A shopping mobile application made with react native for Android.
Shop App Description This project is a simplified implementation of a shopping system, the project aims to provide the basic features that are expecte
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard
Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad
Utility to show key-presses on your browser
Show-Keys Extension A Chrome Extension wrapper around @siddharthkp's script to show Key Press on a website. PS - A lot of websites block this function
Burger builder project using React, Hooks and Context API.
Burger Builder In this project, I made a context-api project by creating hamburgers with 3 different materials. Project setup npm install Project star
stateful roving index for web ui
Roving UX Turns tedious tab UX into a controlled and stateful experience Learn more in this article by Rob Dodson on web.dev Try it at this GUI Challe
Geniemoji - The Emoji Genie ๐งโโ๏ธ
Geniemoji ๐งโโ๏ธ The Emoji Genie What is Geniemoji? Geniemoji is an app that makes using emojis on desktop simpler than ever It works on operating syst
Fully typed hooks and utility functions for the React Native StyleSheet API
react-native-style-utilities Fully typed hooks and utility functions for the React Native StyleSheet API npm i react-native-style-utilities ESLint Set
A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
KeyboardJS KeyboardJS is a library for use in the browser (node.js compatible). It Allows developers to easily setup key bindings. Use key combos to s
This is a facebook messenger clone.You can comminicate to other at realtime
๐ก facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime ๐ฌ โก LIVE To check out the live demo of this app ABO