465 Repositories
JavaScript vue-component Libraries
Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.
Wordle Helper Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.
Next Boilerplate with TypeScript, Redux Toolkit and Styled-Component.. For now
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Admin dashboard template built with tailwindcss & vue-jsx.
K UI Admin Dashboard Template (Vue 3 & JSX) ⚠️ This template is not finished yet and still in design phase. We are building it in public. Live preview
A fully responsive React app that allows you to search for movies from Movie Database.
A fully responsive React app that allows you to search for movies from Movie Database (IMDB Alternative).
The Mineflayer bot component used for Hychat.
Hypixel Bot This component is a work in progress! This component is mostly a fork/migration of code from Hypixel Guild Chat Bot, and adapted to TypeSc
A text replacer component for vue3.
A text replacer component for Vue 3. Requires Vue 3 as peer-dependency. Installation Install it from npm. npm install vue3-replacer pnpm add vue3-rep
A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real-time collaboration anywhere
@yomo/react-cursor-chat 🧬 Introduction A react component helps bring Figma's Cursor Chat to your web applications in less than 3 minutes, making real
A simple and responsive quizlet-like flashcard component with a few additional options
Welcome to react-quizlet-flashcard 👋 A simple and responsive quizlet-like flashcard component with a few additional options. Front and back card acce
The standard shareable Vue config for Stylelint.
stylelint-config-standard-vue The standard shareable Vue config for Stylelint. This config: extends the stylelint-config-standard shared config and co
Tailwind Card Component
Next.Js Project Name : Tailwind Card Component This is just a card commponent using tailwind css. it just awesome. Technologies Next.Js React.Js Tailw
Component-based node server architecture that is dockerized and ready for deployment
Introduction Component based node server architecture that is dockerized and ready for deployment Installation clone the repo and then cd NODE-SERVER
Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse
Vite Vue SSR Starter Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse Features ⚡️ Vue 3, Vite 2, TypeScript 🗂 Domain-Driv
A Vue implementation of the Wordle game
Vue Wordle Live demo A Vue implementation of the Wordle game. This is just for fun and doesn't aim to 100% replicate the original. You can make your o
Vue2.x plugin to create scoped or global shortcuts. No need to import a vue component into the template.
vue2-shortcut Vue2.x plugin to create scoped or global shortcuts. No need to import a vue component into the template. Install $ npm install --save vu
The 2Kb smallest Chat component.
tidi Meet tidi, the 2kb bubble chat component for any website... made using preact, running with a 4MB compiled backend service. FrontEnd Backend Disc
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
DORAI UI Accessible, unstyled, open-sourced and fully functional react component library for building design systems Documentation site coming soon St
Component-First packages
Component-First This repo contains code that aims to prove the Component-First Architecture Pattern described in the following article: https://colum-
Tools to help you improve performance of your Vue application.
Why did you update Tools to help you improve performance of your Vue application. Usage If we want to know how many times that (one of or all of) watc
Context-Full Web Component Library
CWCO Contextfull Web Component Library created to improve native Web Component APIs user experience with: ✅ No Build Required! ✅ Works with other libr
React component library for displaying code samples with syntax highlighting!!
react-code-samples usage example: import {} from 'react-code-samples'; import 'highlight.js/styles/default.css'; // or use another highlight js style
Collection of Animated 60 FPS TabBar Component's based on React Navigation.
React Navigation TabBar Collection Collection of Animated 60 FPS TabBar Components based on React Navigation. Features 60 FPS Animation Beautiful TabB
🛠 Highly customisable, minimalistic input x select field for React.
Insect 🛠 Highly customisable, minimalistic input x select field for React. ⚡️ Features Tiny size (~4kb Gzip) 100% responsive. Highly customisable. Su
Create reusable components with Alpine JS reactivity 🦑
Apline JS Component Create reusable HTML components sprinkled with Alpine JS reactive data 🧁 Example 👀 Page We can render on page components by usin
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to: At a glance Mitosis is inspired by many modern frameworks. You'll see components look like React c
Drag and drop page builder and CMS for React, Vue, Angular, and more
Drag and drop page builder and CMS for React, Vue, Angular, and more Use your code components and the stack of your choice. No more being pestered for
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
Third-Party Authentication (Github) demo Vue 3 + TypeScript + Pinia app using Supabase
vue-supabase-tpa-demo This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur
Clarity is a scalable, accessible, customizable, open source design system built with web components
Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components
🚀 Style and Component Library for Angular
ngx-ui Component & Style Library for Angular by Swimlane. Installing npm i @swimlane/ngx-ui --S Install the project's peer depencencies (moment, codem
Angular UI Component Library based on Ant Design
NG-ZORRO An enterprise-class Angular UI component library based on Ant Design. English | 简体中文 ✨ Features An enterprise-class UI design system for Angu
Component infrastructure and Material Design components for Angular
Official components for Angular The Angular team builds and maintains both common UI components and tools to help you build your own custom components
An implementation of GitHub's Primer Design System using React
Primer React A React implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/react. You'll be able
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon
Component oriented framework with Virtual dom (fast, stable, with tooling)
Bobril Main site bobril.com Changelog of npm version: https://github.com/Bobris/Bobril/blob/master/CHANGELOG.md Component oriented framework inspired
A fast, portable, flexible JavaScript component framework
SAN 一个快速、轻量、灵活的 JavaScript 组件框架 A fast, portable, flexible JavaScript component framework. HomePage 网站 安装(Install) NPM: $ npm i san CDN: script src=
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
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
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
@auth0/auth0-spa-js wrapper in the "Vue way", with full TS support
vue-auth0 This is a wrapper around @auth0/auth0-spa-js meant to ease the usage into Vue projects. This is heavily inspired by the snippet into Auth0 o
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
vite2.7 + vue3.2 + ts + eslint + prettier
vite-vue-template 一个vue3项目模板 主要依赖 vite 2.7.2 vue 3.2.25 typescript eslint prettier 准备 Windows系统下将编辑器 行尾(eol) 设置为 LF('\n') vscode配置: { "files.eol":
📓 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
📊 Vue.js wrapper for Chart.js
vue-chartjs vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. Demo & Docs 📺 Demo 📖 Docs Compatibility
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 plugin that can help you create project friendly with Vue for @vue/cli 4.5
vue-cli-plugin-patch A plugin that can help you create project friendly with Vue for @vue/cli 4.5. Install First you need to install @vue/cli globally
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
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
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
Atropos - Stunning touch-friendly 3D parallax hover effects
Atropos Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for J
Vue-hero-icons - A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.
vue-hero-icons For Vue3, install the official package @heroicons/vue A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/her
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
Vue-cursor-fx - 🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
🎉 Vue Cursor Fx An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible Installation This package is a
Vue-input-validator - 🛡️ Highly extensible & customizable input validator for Vue 2
🛡️ Vue-input-validator demo! What is this package all about? By using this package, you can create input validators only with the help of a single di
Mosha-vue-toastify - A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.
Mosha Vue Toastify A lightweight and fun Vue 3 toast or notification or snack bar or however you wanna call it library. English | 简体中文 Talk is cheap,
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
Vue-crypto-dashboard - Cryptocurrency Dashboard made with Vue
Vue Crypto Dashboard A Cryptocurrency Dashboard build with Vue JS, PWA enabled, Binance Websocket API for realtime price, amChart for displaying histo
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
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
multiple page application create by vue-cli4.5.15
vue-multiple-cli create mutiple page by vue-cli4.5.15 基于vue-cli4.5.15搭建的多页面应用,主要是将src目录下单文件应用改成多模块的应用,使其一个脚手架可以开发多个互不影响的模块,同时又可以共用一些公共组件和方法。 安装使用 git
A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.
Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js
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
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 --
A simple interactive web page for your Gantt Chart (build with Vue.js)
Web Gantt A simple interactive web page for your Gantt Chart (build with Vue.js) No dependency required, no command line, just download the repo and l
official Alibaba Design system vue components snippets for visual studio code
Alibaba DLS Snippets for vscode Installation You can either install this extension by searching for Alibaba DLS Snippets in your vscode extensions sto
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
NuxtJS module for Stripe.js
@chantouchsek/nuxt-stripe NuxtJS module for Stripe.js Table of contents Features Setup Options Usage License Features Load Stripe.js only when require
vue源码分析
vue源码分析 读好的源码可以提升自己的编程水平,vue就是一个好的选择。 Vue源码体积比较庞大,本文从vue源码抽取出一个简易版的vue模板,仅包含vue工具包、虚拟dom(VNode)初始化渲染、数据响应式等基础功能,保持跟源码目录结构相同,先从简易版本入手掌握vue基本的原理。 随后不断完善
基于react实现的滑动验证码组件
Hello react-slider-vertify! react-slider-vertify 是一款前端实现的滑动验证码组件, 我们可以通过它轻松的控制验证的整个生命周期(刷新时, 验证成功时, 验证失败时的回调), 并拥有一定的配置化能力. doc react-slider-vertify G
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
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
Jenesius vue modal is simple library for Vue 3 only
Jenesius Vue Modal Jenesius vue modal is simple library for Vue 3 only . Site Documentation Installation npm i jenesius-vue-modal For add modals in yo
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 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
Vue 3 Boilerplate 🔥
VUE 3 BOILERPLATE 🔥 Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build
收录来源于网上鸿蒙系统开发的相关资料
开发 本示例基于 OpenHarmony 下的 JavaScript UI 框架,进行项目目录解读,JS FA、常用和自定义组件、用户交互、JS 动画的实现,通过本示例可以基本了解和学习到 JavaScript UI 的开发模式。 本项目是基于 OpenHarmony 项目而不是 HarmonyOS
基于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、安装依
Open-source list of data visualization tools for software developers 📊📈
awesome.cube.dev — charts, data grids, maps, etc. Choose the best tool for your needs by type, framework, language, or license. Get started in an inst
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
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
quickly start your Vue dev server
vue-fast-dev-server 10倍缩短您的vue dev server启动时间 安装 npm install vue-fast-dev-server --save-dev vue.config.js const path = require('path') module.exports
Vue.js version of Moai. Official WIP.
Moai Vue UI Kit 🗿 A Vue component library, where buttons look like buttons. Website: vue.moaijs.com Document: docs.vue.moaijs.com Install The [@moai-
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
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