419 Repositories
JavaScript custom-component Libraries
基于react实现的滑动验证码组件
Hello react-slider-vertify! react-slider-vertify 是一款前端实现的滑动验证码组件, 我们可以通过它轻松的控制验证的整个生命周期(刷新时, 验证成功时, 验证失败时的回调), 并拥有一定的配置化能力. doc react-slider-vertify G
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
Custom Elements Manifest is a file format that describes custom elements in your project.
@custom-elements-manifest Custom Elements Manifest is a file format that describes custom elements. This format will allow tooling and IDEs to give ri
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
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
Started pack for working with the new GameTest Framework API. Usable in windows, and mobile in worlds and realms!
GameTest FrameWork GameTest FrameWork is a new feature in Minecraft Bedrock Edition. This gives you the ability to script! In this example I will be u
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
A forkable Next.js site w/ a blank custom Nextra theme (w/Tailwind)
Nextra Blank Custom Theme/Boilerplate Example A nearly blank MDX blog/content site powered by a custom Nextra theme (see components/layout.js) w/Tailw
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
A vanishing effect for particles and magic lovers using Threejs, GSAP and custom shaders.
Three.js Experiment - Vanishing Suzanne Demo version Get started First, you need nodejs on your computer to build the assets. Install dependencies: np
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
🔥 Dreamy-db - A Powerful database for storing, accessing, and managing multiple database.
Dreamy-db About Dreamy-db - A Powerful database for storing, accessing, and managing multiple databases. A powerful node.js module that allows you to
🤍 Custom gradient image generator
Gradient Gradient is a custom gradiant making web app. Use it here Features Custom Gradient Making Using Sliders And Color Picker Use Ready Made Gradi
Meet Muffin - a multipurpose, customizable and open source Discord bot with bunch of useful features for your server!
Meet Muffin - a multipurpose, highly customizable and open source Discord bot with bunch of useful features for your server! Self-hosting notice While
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
Um cantinho dessa org destinado a elaboração de apps/aplicações de Custom Presence.
Discord Server Rich Presence - Coders Community Um cantinho dessa org destinado a elaboração de apps/aplicações de Custom Presence. Para executar o no
A swiss army knife with lots of tools, extensions and (scriptable) enhancements for Visual Studio Code.
vscode-powertools A swiss army knife with lots of tools, extensions and (scriptable) enhancements for Visual Studio Code. ⚠️ ⚠️ ⚠️ NOTICE: If you have
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
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
一个运行在浏览器内的提词器,可翻页,可变速,可自定义字体、大小、颜色等多种选项 A teleprompter in web browser, page down, speed up , custom font family/size/color and more.
Introduction 一个运行在浏览器内的提词器,可翻页,可变速,可自定义字体、大小、颜色等多种选项 A teleprompter in web browser, page down, speed up , custom font family/size/color and more. inst
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
📦 An aframe component for displaying live stock tickers.
aframe-stock-ticker An aframe component for displaying live stock tickers. Also works with cryptocurrency and forex. Usage crypto-chart To create a cr
Infinite Red's cutting edge React Native project boilerplate, along with a CLI, component/model generators, and more!
Ignite - the hottest React Native boilerplate Battle-tested React Native boilerplate The culmination of five years of constant React Native developmen
Smoothie Charts: smooooooth JavaScript charts for realtime streaming data
Smoothie Charts is a really small charting library designed for live streaming data. I built it to reduce the headaches I was getting from watching ch
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
Component based MVC web framework for nodejs targeting good code structures & modularity.
Component based MVC web framework for nodejs targeting good code structures & modularity. Why fortjs Based on Fort architecture. MVC Framework and fol
Home Assistant custom component for viewing IP cameras RTSP stream in real time using WebRTC technology
Home Assistant custom component for viewing IP cameras RTSP stream in real time using WebRTC technology
🎨 Aquarelle is a watercolor effect component. Javascript library by @Ramotion
Aquarelle About This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites. Look
A bursting particles effects buttons component ✨💥❄️🌋
vue-particle-effect-buttons (demo) Bursting particle effect buttons for Vue. This library is a Vue portal of an awesome Codrops Article by Luis Manuel
A Snow Effect component for React.
react-snowstorm A Snow Effect component for React. Uses Snowstorm under the hood. Live Demo : http://burakcan.github.io/react-snowstorm Getting Starte
A-Frame Rainfall effect component
A-Frame Rain component aframe-rain is Rainfall effect component for A-Frame which displays a lot of rain drop/splash objects by using instancing techn
A React component for creating typing animations.
react-typewriter A react component for animated typing text. Installation npm install --save react-typewriter Usage Pass in children to the TypeWrite
A mouse particle effect react component
react-mouse-particles A mouse particle effect react component A very fun react library that can be used to create mouse particle effects, which are as
A vue.js particles animation background component
particles-bg-vue A vue.js particles animation background component. Use it to make your website look cool. Check it out if you want to use it in React
React particles animation background component
particles-bg React component for particles backgrounds This project refers to the source code of the Proton official website, I packaged it into a com
Custom homepage for use locally in browser
Homepage Customization Customize Bookmarks Bookmarks are now held in the bookmarks.js file for easy updating. bookmarks is an array of objects with a
Mapbox Visual for Power BI - High performance, custom map visuals for Power BI dashboards
Mapbox Visual for Microsoft Power BI Make sense of your big & dynamic location data with the Mapbox Visual for Power BI. Quickly design high-performan
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅 Looking for v5? The master branch is un
styled component for react & style-loader/usable
react-styled ES7 decorator for dynamic stylesheet usage w/ webpack install $ npm install bloody-react-styled --save-dev require import styled from "bl
A web video player built for the HTML5 world using React library.
video-react Video.React is a web video player built from the ground up for an HTML5 world using React library. Installation Install video-react and pe
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
ReactPlayer A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, M
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
A React component to view a PDF document
React PDF viewer A React component to view a PDF document. It's written in TypeScript, and powered by React hooks completely. // Core viewer import {
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
🐉 Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
Easy-to-use React component for websocket communications.
react-websocket react-websocket is a easy-to-use React component for websocket communications. Help Wanted Things here are running very slowly as I ha
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
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje
Simple and elegant component-based UI library
Simple and elegant component-based UI library Custom components • Concise syntax • Simple API • Tiny Size Riot brings custom components to all modern
The fastest + concise javascript template engine for nodejs and browsers. Partials, custom delimiters and more.
doT Created in search of the fastest and concise JavaScript templating function with emphasis on performance under V8 and nodejs. It shows great perfo
A rich text editor for everyday writing
Trix A Rich Text Editor for Everyday Writing Compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages
A lightweight carousel library with fluid motion and great swipe precision
Embla Carousel Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency
noUiSlider is a lightweight JavaScript range slider library with full multi-touch support. It fits wonderfully in responsive designs and has no dependencies.
noUiSlider noUiSlider is a lightweight JavaScript range slider. No dependencies All modern browsers and IE 9 are supported Fully responsive Multi-to
JavaScript Date Range, Date and Time Picker Component
Date Range Picker This date range picker component creates a dropdown menu from which a user can select a range of dates. I created it while building
:calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!
rome Customizable date (and time) picker. Opt-in UI, no jQuery! Rome wasn't built in a day. Browser support includes every sane browser and IE7+. Demo
Lightweight analytics abstraction layer for tracking page views, custom events, & identifying visitors
A lightweight analytics abstraction library for tracking page views, custom events, & identify visitors. Designed to work with any third-party analyti
Fixed thead. Doesn't need any custom css/html. Does what position:sticky can't
jquery.floatThead Documentation & Examples: http://mkoryak.github.io/floatThead/ Float the table header on scroll. No changes to your HTML/CSS are req
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
🌟 Welcome to DataFormsJS! Thanks for visiting! 🌠 👍 🌐 🌎 🌏 🌍 中文 (简体) 欢迎来到 DataFormsJS Español Bienvenido a DataFormsJS Português (do Brasil) Bem
:ok_hand: Drag and drop so simple it hurts
Drag and drop so simple it hurts Browser support includes every sane browser and IE7+. (Granted you polyfill the functional Array methods in ES5) Fram
▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo...
PlayemJS PlayemJS is a front-end JavaScript component that manages a audio/video track queue and plays those tracks sequentially. It can currently pla
Vanilla JavaScript emoji picker component
Vanilla JavaScript emoji picker 😎 Screenshot Demo and Documentation https://emoji-button.js.org Features 💻 Vanilla JS, use with any framework 😀 Use
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
A multi-select component with nested options support for Vue.js
vue-treeselect A multi-select component with nested options support for Vue.js Features Single & multiple select with nested options support Fuzzy mat
Simple autocomplete pure vanilla Javascript library.
autoComplete.js ✨ Simple autocomplete pure vanilla Javascript library. 🚀 Live Demo v8.3 autoComplete.js is a simple pure vanilla Javascript library t
Everything you wish the HTML select element could do, wrapped up into a lightweight, extensible Vue component.
vue-select Everything you wish the HTML select element could do, wrapped up into a lightweight, zero dependency, extensible Vue component. Vue Selec
WAI-ARIA compliant React autosuggest component
React Autosuggest Project Status Looking for maintainers! Unfortunately, I don't have the time to maintain this project anymore. If you are interested
Universal select/multiselect/tagging component for Vue.js
vue-multiselect Probably the most complete selecting solution for Vue.js 2.0, without jQuery. Documentation Visit: vue-multiselect.js.org Sponsors Gol
The Select Component for React.js
React-Select The Select control for React. Initially built for use in KeystoneJS. See react-select.com for live demos and comprehensive docs. React Se
Create conversational conditional-logic forms with Vue.js.
Vue Flow Form Create conversational conditional-logic forms with Vue.js. Live Demos Questionnaire example Support page example Quiz example Project Do
A multi-select component with nested options support for Vue.js
vue-treeselect A multi-select component with nested options support for Vue.js Features Single & multiple select with nested options support Fuzzy mat
:clipboard: A schema-based form generator component for Vue.js
vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example CodePen simple example Features reactive forms bas
:fire::fire::fire: 强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
form-create form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions thr
Everything you wish the HTML select element could do, wrapped up into a lightweight, extensible Vue component.
vue-select Everything you wish the HTML select element could do, wrapped up into a lightweight, zero dependency, extensible Vue component. Vue Selec
New Framework Components for Vue.js 2
Supporting through Patreon Vuesax is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this
Universal select/multiselect/tagging component for Vue.js
vue-multiselect Probably the most complete selecting solution for Vue.js 2.0, without jQuery. Documentation Visit: vue-multiselect.js.org Sponsors Gol
The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
Vue Storefront - Headless PWA for any eCommerce Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommer
🎉 A Vue.js 3.0 UI Library made by Element team
Element Plus - A Vue.js 3.0 UI library 💪 Vue 3.0 Composition API 🔥 Written in TypeScript Status: Beta This project is still under heavy development.
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl
Mobile UI elements for Vue.js
Mint UI Mobile UI elements for Vue 2.0 Homepage Documentation Installation npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all compone
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
🐉 Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
📓 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
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/
Duet Date Picker Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and us
Reusable date picker component for React
React DayPicker DayPicker is a reusable date picker component for React. $ npm install react-day-picker@next Beta version ⚠️ This branch is for the ne
gcal/outlook like calendar component
react-big-calendar An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ce
A simple and reusable datepicker component for React
React Date Picker A simple and reusable Datepicker component for React (Demo) Installation The package can be installed via npm: npm install react-dat
Accessible modal dialog component for React
react-modal Accessible modal dialog component for React.JS Table of Contents Installation API documentation Examples Demos Installation To install, yo
A React Component library implementing the Base design language
Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us
React draggable component
React-Draggable A simple component for making elements draggable. Draggable divI can now be moved around!/div /Draggable Demo Changelog Vers
Markdown component for React
react-markdown Markdown component for React using remark. Learn markdown here and check out the demo here. Install npm: npm install react-markdown Why
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
React Color 13 Different Pickers - Sketch, Photoshop, Chrome and many more Make Your Own - Use the building block components to make your own Demo Liv
Isolated React component development environment with a living style guide
Isolated React component development environment with a living style guide React Styleguidist is a component development environment with hot reloaded
🌲 Evergreen React UI Framework by Segment
Works out of the box. Evergreen contains a set of polished React components that work out of the box. Flexible & composable. Evergreen components are
⚪ SVG-Powered component to easily create skeleton loadings.
SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features ⚙️ Customizable: Feel free to change the colors,
A Higher Order Component using react-redux to keep form state in a Redux store
redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux
: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