React Keyboard Resources

React Native Screen Keyboard is a virutal screen keyboard implementation for React Native. It is fully customizable, the last row of the keys can be completely customized or changed to fit perfectly with your projects.

A typing practice tool writing in react.All ui is reference to keykey DEMO Features Keyboard and event listening text generator and input check

⌨️ React Keyboard Navigator A suite of React components and hook for selecting sibling components through the keyboard. 🧩 Installation yarn add react

react-native-input-scroll-view Mainly to achieve the following functions： When the keyboard pops up, the TextInput will automatically adjust to the to

A react hook that calculates the distance that your components are offset and the size of the remaining viewport when iOS/Android mobile virtual keyboards open

useHoverState() The one aware of keyboard navigation as well 😉 npm i use-hover-state A React hook for tracking user interaction with the DOM elements

Live Piano This repo shows how to build a live piano with Liveblocks and Next.js. Try it out There are 10 different instruments to choose from. To pla

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.

keybored React-based keyboard UI library Support keybored's creator and help support new feature development Install $ npm i keybored

react-native-keyboard-aware-scroll-view A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput. Suppor

react-touch-screen-keyboard Quick start This library will render a draggable virtual keyboard on the bottom of the screen when the input is selected.

react-responsive-select A customisable, touchable, React single-select / multi-select form control. Built with keyboard and screen reader accessibilit

time-input A keyboard friendly react component for capturing time features small UI surface area (just a form input) keyboard friendly (can type times

Virtual Keyboard for React. Customizable, responsive and lightweight. 🚀 Demo https://simple-keyboard.com/demo 📦 Installation & Usage Check out the G

React Event Components A set of components designed as an idiomatic way of working with global, raw input (keyboard, mouse, touch, etc) in React. Exam

React Mac Keyboard Macbook computer keyboard style for react component. Quick Start import { useState } from "react"; import MacKeyboard from "@uiw/re

🚀 rn-emoji-keyboard A lightweight, fully customizable emoji picker, written as React Native component (without native elements). Designated to be use

Qwerty Learner English 为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 📸 在线访问 Vercel: https://qwerty.kaiyi.cool/ , https://qwerty-learner.vercel.app/ GitHub Pages: https://

Latest development is going on in this branch. medium-draft - demo A medium like rich text editor built upon draft-js with an emphasis on eliminating

use-control is an elegant, typesafe input management system for React supporting keyboard, mouse and gamepad (soon). 👁 Live Demo (source in packages/

Keyborg ⌨️ 🤖 Keyborg is a library that tracks the state of current keyboard input on a web page through focus events. It does not do anything invasiv

react-gallery-carousel Mobile-friendly Carousel with batteries included (supporting touch, mouse emulation, lazy loading, thumbnails, fullscreen, RTL,

revo-dropdown Minimalistic dropdown webcomponent. After long search we couldn't find any cross platform and had to build our own inspired by the lates

Ninja Keys Keyboard shortcuts interface for your website. Working with static HTML, Vanilla JS, Vue, React. 🚧 Work in progress. That's first shot for

React Complex Tree An Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop Look into the official documentation to see more exa

keyboard-aware-view is a react-native package that handles the view position based on input position and keyboard so that the text input doesn't get hidden behind the keyboard.

Key-racing is a simple and easy-to-use keyboard trainer that help you master ten-finger typing skills

react-whirligig demo repo A carousel/slider-like component for sequentially displaying slides or sets of slides. Basic Usage const Slider = ({ slideIn

React-Native-Keyboard-Sticky-View React Native keyboard sticky view with animation import React from 'react'; import { TouchableOpacity, StyleSheet, V

React Comparison Slider is a fully customizable component for building bespoke, keyboard-accessible "before & after" sliders for the web. You bring the content and the visuals, and it'll handle the heavy lifting.

An easy-to-use keyboard event react component, Can achieve a variety of custom keyboard functions, Package size less than 3kb

React Infinite Calendar Currently looking for maintainers to help maintain this project, please reach out if you would be interested Examples availabl

An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns

react-native-keyboard-accessory A React Native Keyboard Accessory (View, Navigation) Component. Sticky views on keyboard. Expo Snack Playground https:

react-native-keyboardevents Keyboard events for react-native As of react-native 0.11 this module is obsolete. Now you can do something like the follow

React-Native Keyboard Manager Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects ⚛ . Thanks to awesome IQK

react-native-keyboard-spacer Plug and play iOS react-native keyboard spacer view. Quick Start Install View: npm install --save react-native-keyboard-s

use-key-capture ⌨️ A custom hook to ease the key-press listeners of a target/global. Check the demo here The problem Listening for key-press might be

React Shortcuts Manage keyboard shortcuts from one place. Intro Managing keyboard shortcuts can sometimes get messy. Or always, if not implemented the

react-key-handler 🔑 React component to handle keyboard events (such as keyup, keydown & keypress). Testimonials “Happy to see that react-key-handler

React Responsive Carousel Powerful, lightweight and fully customizable carousel component for React apps. Important I don't have any time available to

react-data-grid Install npm install react-data-grid react-data-grid is published as ES2019 modules, you'll probably want to transpile those down to sc

use-key-capture ⌨️ A custom hook to ease the key-press listeners of a target/global. Check the demo here The problem Listening for key-press might be

react-hotkeys-hook React hook for using keyboard shortcuts in components. This is a hook version for the hotkeys package. Documentation and live examp