771 Repositories
JavaScript component-based Libraries
Library to build UI based on virtual DOM
vidom Vidom is just a library to build UI. It's highly inspired from React and based on the same ideas. Its main goal is to provide as fast as possibl
Web Components engine based on JSX & TypeScript
WebCell Web Components engine based on JSX & TypeScript Usage Demo & GitHub template: https://web-cell.dev/scaffold/ Project bootstrap Command npm ini
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
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!
🎞 @videojs component for @vuejs
Vue-Video-Player video.js player component for Vue. 适用于 Vue 的 video.js 播放器组件。 Example Demo Page CDN Example nuxt.js/ssr example code More Example Code
The open source embeddable online markdown editor (component).
Editor.md Editor.md : The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. Features Support Standard
Apply CSS based on your browser's text rendering engine
Type Rendering Mix Type Rendering Mix website Type Rendering Mix detects your browser’s text rasterizer and antialiasing method by parsing the user ag
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prez
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
A react native component that lets you build a dynamic expandable chips list.
React Native Expandable Chips List A react native component that lets you build a dynamic expandable chips list. Installation Run npm install react-na
Super tiny color input ranges for React.
react-color-range · Tiny color input for React, made with native input ranges. react-color-range leverages the native input type="range" and CSS linea
A TailwindCSS variant for class-based dark mode with CSS Modules.
A TailwindCSS variant for class-based dark mode with Svelte's scoped stylesheets and CSS modules. If you've ever tried to use TailwindCSS dark mode wi
Idle Game Based on A Dark Room with bits of NGU Idle and others mixed in.
An-Empty-World Main Story: You wake up in a strange place, surrounded by debris. Unaware of how you got there, it becomes immediately aware that you'r
JavaScript API based capstone project using TVmaze API for displaying and interacting with items from the data base.
Yuriy Chamkoriyski & Bonke Gcobo Javascript capstone project API-based webapp from Module 2 at Microverse Wireframe requirements The Home Page low fid
📓 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
Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data.
Synchro Charts Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data. You can learn m
A simple ember component for adding Charts
Ember Chart This Ember CLI addon is a simple wrapper for ChartJS (v2.9). Compatibility Ember.js v3.12 or above Ember CLI v2.13 or above Node.js v10 or
Simple yet flexible charting Lightning Web Component using Chart.js for admins & developers
Lightning Web Chart.js Component Simple yet flexible charting Lightning Web Component using Chart.js for admins & developers Documentation Getting sta
Beautiful charts for Angular based on Chart.js
ng2-charts slack Beautiful charts for Angular based on Chart.js Usage & Demo Samples using ng2-charts https://valor-software.com/ng2-charts/ Installat
J2CL and GWT Charts library based on CHART.JS
Charba - J2CL and GWT Charts library based on CHART.JS What's Charba GWT Web toolkit doesn't have charting library available out of the box. There are
Django Class Based Views to generate Ajax charts js parameters.
Django Chartjs Django Chartjs lets you manage charts in your Django application. This is compatible with Chart.js and Highcharts JS libraries. Using a
Beautiful and interactive javascript charts for Java-based web applications.
Wicked Charts Beautiful and interactive JavaScript charts for Java-based web applications. Check out the Changelog Check out the Feature Overview with
Utility to explode ArcGIS geometries into individual, component geometries
@odoe/explode A small utility to explode ArcGIS geometries into individual, component geometries. Inspired by the Explode utility of ArcGIS Desktop Po
vanilla-js lightweight custom HTML scrollbar
FakeScroll ⚡ lightweight custom-looking scrollbars 1.4KB gzipped (js) 4.0KB minified (js) 7.7KB unminified (js) ~20+ KB avarage similar scripts (unmin
A basic helper to simplify relations among values, based on WeakRef
transform-once A basic helper to simplify relations among values. Optionally compatible with WeakValue too. import transformOnce from 'transform-once'
An wide ranged emoji picker extension for firefox based browsers.
Fire-Picker A wide ranged emoji picker extension for firefox based browsers made with pure js. This is still in a prototype phase. Changes will be mad
Simple and customizable React UI components.
poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p
Extended carousel based on Bootstrap 5 using only vanilla js.
Description Extended Slider based on Bootstrap 5 using only carousel component and vanilla js. Requirements: Bootstrap 5 Installation npm i -D extende
A vanilla JavaScript multi-checkbox dropdown web component.
Multi-Checkbox Web Component Multi-Checkbox is a web component that utilizes multiple checkboxes in a dropdown list to populate the value of an input.
📝 A multiselect component in Pure JS - Compatible with IE11
Iconic Multiselect A multiselect component written in pure JavaScript - Also compatible with IE11 Default template: Custom template: 🚀 Try live demo
Ios-calculator-js - Calculator made with vanilla javascript and custom css based on the design of iOS devices.
ios-calculator-js This is a practice project in which I try to replicate iOS calculator's both logic and styling. In case you spot room for improvemen
CalendarPickerJS - A minimalistic and modern date-picker component/library 🗓️👨🏽💻 Written in Vanilla JS
CalendarPickerJS The simple and pretty way to let a user select a day! Supports all major browser. Entirely written in Vanilla JavaScript with no depe
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
Sharerbox - Free, minimalist and lightweight JavaScript-based social-media sharer for websites
Sharerbox Free minimalist and lightweight JavaScript-based social-media sharer for websites. Version: 0.8.1 Description SharerBox is a free, minimalis
Vue-cobra - 🐍 Reading position indicator for Vuejs
vue-cobra A Vuejs component that indicates the position of the scroll as the user reads the page. Install npm npm install vue-cobra --save yarn yarn
Tag-input - A versetile tag input component built with Vue 3 Composition API
TagInput A versetile tag input component built with Vue 3 Composition API. Please read this article to learn how to build this package step by step an
Pickle tree - Javascript tree component made with pure javascript
Pickle Tree Pickle tree is a tree component written as completely pure javascript. Just send json file to object and have fun :-D Pickle tree does't n
Drawflow - Simple flow library 🖥️🖱️
Drawflow Simple flow library. Drawflow allows you to create data flows easily and quickly. Installing only a javascript library and with four lines of
Vite-plugin-web-extension - A vite plugin for generating cross browser platform, ES module based web extensions.
vite-plugin-web-extension A vite plugin for generating cross browser platform, ES module based web extensions. Features Manifest V2 & V3 Support Compl
Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.
Citizens App (web3-react-redux) React application based on smart contract using web3 and MetaMask extention. Start the applicarion Recomend to install
Node-sodium-jwt - Fast sodium-based crypto for signing and verifying json web tokens (JWT)
node-sodium-jwt Features Fast sodium-based crypto for hashing json web tokens (JWT) Relies on sodium-native to perform crypto. Built with TypeScript f
NodeRPG - Turn-based RPG written in TypeScript along with Ink and React
NodeRPG Role-Playing Game inside the terminal with Ink and React! Running in your machine Requirements NodeJS TypeScript Yarn* Everything can be done
The Ripple Effect (An Ethereum-Based Fundraiser App)
The-Ripple-Effect---An-Ethereum-Based-Fundraiser-App - The Ripple Effect is a ethereum based fundraising app that can not only be used to donate to a specific cause but also to allocate/distribute funds with total transparency. The frontend has been made on ReactJS with the backend on Solidity with the help of Ganache.
Annotation-Wizard - a web-based image annotation platform that allows authors to create annotation tasks and annotators to take tasks and annotate images.
Annotation Wizard Annotation Wizard is a web-based image annotation platform. Functionalies User login and register create your own image annotation t
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
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
This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the source code concise.
React Hook Component State This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the so
Template to create reactjs component library which will help you to create your dream library.
reactjs-library-template Template to create reactjs component library which will help you to create your dream library. How to use Commands to setup e
A C++ based command-line (CLI) program that lets you manage your tasks
COMMAND LINE INTERFACE TODO APP a command-line (CLI) program that lets you manage your tasks. The specification for this project is written down as te
Hasbik is a community based social token and the new paradigm in the crypto space. With the goal to build a community around a crypto token.
Hasbik is a community based social token and the new paradigm in the crypto space. With the goal to build a community around a crypto token.
Web application that detects and counts the number of roses using an artificial intelligence model.
Web application that detects and counts the number of roses using an artificial intelligence model. The application uses a local image, or you can take a picture with the camera.
@TGMusicfy - Minimalistic Telegram music search bot written in TypeScript and based on Telegraf and Express JS.
@TGMusicfy Go to bot Deployed thanks to Heroku and New-Relic Bots are special Telegram accounts designed to handle messages automatically. Users can i
Customizable, Pluginable, and High-Performance JavaScript-Based Scrollbar Solution.
Smooth Scrollbar Customizable, Flexible, and High Performance Scrollbars! Installation ⚠️ DO NOT use custom scrollbars unless you know what you are do
A prebuilt Express JS Authentication & Authorization Project based on a REST API interface.
A prebuilt Express JS Authentication & Authorization Project based on a REST API interface. It has the basic authentication and Authorization routes with the latest security measures implemented so that your application is much more secure from day 1. You are welcome to build upon and extend this project as and when required.
This is a simple word counter program based on Web.
Web Word Counter: This is a simple word counter program based on Web which made with HTML, CSS and JavaScript. It's able count the number of character
A customizable, browser-based and responsive magnetic poetry app.
Magnetic Poetry Maker This is a full-featured magnetic poetry maker written in HTML, CSS, and Javascript (jQuery). You can see it live here. Features
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.
React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too
This simple project, show how work with async Fetch, function component and class component
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Solução da plataforma Front End Mentor
Frontend Mentor - 3-column preview card component Welcome! 👋 Thanks for checking out this front-end coding challenge. Frontend Mentor challenges help
An accessible dropdown component for use in Ember apps.
ember-a11y-dropdown This is an accessible dropdown that you can use in your Ember app for a menu dropdown. I'm making it so people can stop using the
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site
TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and
🎸A guitar partice website based on react.js🎸
Guitar-Editor A simple guitar chords editor based on react.js The chords component based on canvas tech. ScreenShot Directory ├── README.md ├── Screen
This is a project based on redux of reactjs.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Functional, simple and customizable UI buttons for react native. Also contains loading functionality and automatically changes color for dual tone buttons. TypeScript support.
React Native UI Buttons ✨ Installation If you want to use icons make sure you have react-native-vector-icons installed in your project. npm install --
This is an VanillaJS SPA example with function based rendering.
Function-Based-Rendering This is an VanillaJS SPA example with function based rendering. Here's how to create Views by function composition and how to
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as
A headless React component that lets you control how visible and overflown items are rendered 👀
react-overflow-list A hooks based implementation of the OverflowList component from Blueprint JS. Installation yarn add react-overflow-list Basic Usa
An experiment to use Polymer based mixins with Lit.
Polylit An experiment to use Polymer based mixins with Lit. Setup npm install Run tests npm test Features The following features are included: ready()
Our Expo-based mobile application for demonstration purposes.
Capable Care reference implementation This repository provides a working example of a React Native mobile application (built on Expo) integrating Capa
A Promise-based API for WebSockets
websocket-as-promised A WebSocket client library with Promise-based API for browser and Node.js. Example import WebSocketAsPromised from 'websocket-as
Role based authentication for NodeJS and ExpressJS
Authentication service made for ExpressJS and MongoDB using JWT. We tried to make it as clean and structured as possible. We also provide this documentation on how to install and integrate it with your own application.
Role based authentication for NodeJS and ExpressJS
Role based authentication Authentication service made for ExpressJS and MongoDB using JWT. We tried to make it as clean and structured as possible. We
基于react实现的滑动验证码组件
Hello react-slider-vertify! react-slider-vertify 是一款前端实现的滑动验证码组件, 我们可以通过它轻松的控制验证的整个生命周期(刷新时, 验证成功时, 验证失败时的回调), 并拥有一定的配置化能力. doc react-slider-vertify G
A lexical analyzer based on DFA that made by JS and supports multi-language extension
lexer 一个基于DFA法的支持多语言扩展的JS版开源词法分析器,快速了解与体验请查看线上网站 It is a lexical analyzer based on DFA that made by JS and supports multi-language extension. For quic
Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.
react-native-scrollable-tabview English | 简体中文 Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab
App development framework based on cocos creator3.1.1
todo: Waiting for English translation cx-cocos App development framework based on cocos creator3.1.1 一个基于cocos creator3.1.1的应用App和游戏开发框架 关键词:cocos cre
Enable JSX for Template Literal Tags based projects.
JSX2TAG Social Media Photo by Andre Taissin on Unsplash Enable JSX for Template Literal Tags based projects. µhtml live demo µland live demo µbe live
Further split the React Native code based on Metro build to improve performance, providing `Dll` and `Dynamic Imports` features
React-Native Code Splitting Further split the React Native code based on Metro build to improve performance, providing Dll and Dynamic Imports feature
React.js Responsive Minimal Carousel
React Carousel Minimal Easy to use, responsive and customizable carousel component for React Projects. Installation npm i react-carousel-minimal Demo
Config-based action debouncing made easy
Pinia Debounce Debounce any action in your pinia 🍍 store! This is also a very good example of how to create a pinia plugin and how to type it. Instal
Web component server-side rendering
🌊 Ocean Web component HTML rendering that includes: Rendering to Declarative Shadow DOM, requiring no JavaScript in the client. Automatic inclusion o
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
React Gatsby static web tool for generative artists working on token based NFT artwork (ex: Artblocks)
token-art-tools React Gatsby static web tool for generative artists working on token/hash based NFT artwork (ex: Artblocks) https://ctrlshiftmake.gith
Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS.
React Table + Tailwind CSS = ❤️ Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS. Both parts
Nami Wallet is a browser based wallet extension to interact with the Cardano blockchain.
Nami Wallet Nami Wallet is a browser based wallet extension to interact with the Cardano blockchain. It's an open-source project and built by Berry Po
Ethereum Smart Contracts for locking your Ether and ERC20 tokens based on time and price conditions
SmartHold - a simple way to lock and hold your ETH or ERC20 in a smart contract This is a BETA software that has not been audited for security. USE AT
A Vue.js popover component based on PopperJS
vue3-popper A popover component for Vue 3 Documentation Check out the documentation Getting started Usage Install NPM npm install vue3-popper Yarn yar
收录来源于网上鸿蒙系统开发的相关资料
开发 本示例基于 OpenHarmony 下的 JavaScript UI 框架,进行项目目录解读,JS FA、常用和自定义组件、用户交互、JS 动画的实现,通过本示例可以基本了解和学习到 JavaScript UI 的开发模式。 本项目是基于 OpenHarmony 项目而不是 HarmonyOS
Web Audio API based Pitch Tuner application made with ReactJS.
Pitch Tuner Pitch Tuner is a ReactJS application based on WebAudio API. You can tune your guitar/ukelele from online without any application! The algo
X-Netflix is a streaming platform based on Netflix UI: built with ReactJS in frontend and nodeJS in backend.
X-Netflix X-Netflix is a streaming platform based on Netflix UI: built with ReactJS in frontend and nodeJS in backend. Built with FrontEnd: React.JS,
JavaScript UI Component Library
Fancyapps UI Collection of task-oriented components that will make you more productive. Packed full of features that you and your clients will love. F
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
Inline to Menu Link Animation An experimental inline-to-menu-link animation based on a concept by Matthew Hall. Article on Codrops Demo Installation I
A hackable C# based scripting environment for 3D modeling running in the web browser.
A hackable C# based scripting environment for 3D modeling running in the web browser. Background Script based 3D modeling software running in the web
A small component based app library composing user interfaces and apps.
See https://vibejs.com for ongoing documentation and info. VibeJS A small component based JavaScript library to build user interfaces and apps. If you
一个基于node.js,express,socket.io的websocket非常棒的聊天室,代码简单很适合新手. A very nice websocket chat room based on node.js, express, socket.io. the code is simple, very suitable for novices
来来往下看,虽然教程又臭又长但是一步步地保姆式教学很简单的,毕竟我是真菜鸟嘛,当然什么都往细了说╮(╯_╰)╭ 一、使用方法 该教程内容所有指令都为Linux CentOS 7.x环境下指令,其他平台请您自行查询(⊙x⊙;) 1.下载node.js并下载Sakura_Chat_Room node.j
A simple, customization star rating component for your vue3 projects
vue3-star-ratings A simple, customizable component for star ratings Documentation Features Uses svg for the stars, so it can scale without quality los
A preview component of the creator with more information on hover.
vue-creator-preview Introduction A preview component of the creator with more information on hover. Checkout the Demo here. Installation Install using
Hi there! This is a react native starter which used to build a awesome Event Booking App based on the Figma design. You can download or clone it to speed up your projects.
mcrn-event-booking-app-starter Hi there! This is a react native starter which used to build a awesome Event Booking App based on the Figma design. You
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
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
svelte-webcomponents If you’re using web-components or if you like the project, please ★ this repository to show your support! 🤩 The world's most eas