465 Repositories
JavaScript vue-component Libraries
🔎 Algolia module for Nuxt
@nuxtjs/algolia Algolia module for Nuxt ✨ Release Notes 📖 Read the documentation Features Nuxt 3 ready Easy integration with Algolia Handy composable
Vue3 SSR prod-ready multi-languages template
vue3-ssr-template About This template is a prod ready starter for your Vue SSR application where you can do what you want at any level, client or serv
4WEB is a collection & creation of codebase, frameworks, libraries and various resources dedicated to web development 📦🌐
📨 Vous pouvez également contribuer à ajouter/créer votre propre collection dans ce référentiel ... Table des matières 🔎 Codebase 🔎 NPM packages 🔎
A demo app showingcasing laravel-livewire-wizard
A demo of spatie/laravel-livewire-wizard This repo contains a Laravel app to showcase the spatie/laravel-livewizard package. Usage Clone the repo Copy
🖼️ A 60+ fps lightbox component, build upon Reanimated & GestureHandler.
React Native Lightbox Todo pinch to zoom web support photo gallery tap to close Installation First you have to follow installation instructions of Rea
Easily remove all refs from an object using the `deepUnref`-composable.
Vue - Deep Unrefs Similar to unref(), easily remove all refs recursively from an object using the deepUnref-composable. 💡 Get Started Luckily, it's i
Globe.GL - A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection
A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection. This library is a convenience wrap
Write your curriculum vitae in Markdown online.
Oh, CV! Word and LaTeX are too overkill for a curriculum vitae / resume. So why not write it in Markdown? Have fun: ohcv.zxh.io WIP Notice Highly reco
Bookwise is a video library web app that consists of a collection of Videos
Bookwise is a video library web app that consists of a collection of Videos. It has features such as like videos, creating playlists, adding videos to playlists, adding to watch later, history, feed, etc. but of a specific niche.
The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.
Power CAT code components The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power a
🚀 BloxSafe backend code.
BloxSafe 🚀 Dashboard to manage your Roblox scripts. Live preview at https://bs.jubot.site/. This repository only includes the backend of BloxSafe, fo
End-to-end typesafe APIs with tRPC.io in Nuxt applications.
tRPC-Nuxt End-to-end typesafe APIs with tRPC.io in Nuxt applications. The client above is not importing any code from the server, only its type declar
100 Modern CSS Buttons, Free And Royalty Free.
💪 Contributions Currently, there are 100 buttons in this project, but we’d love to have more! If you have new button ideas, create an Issue. If you h
Easily remove all refs from an object using the `deepUnref`-composable.
Vue - Deep Unrefs Similar to unref(), easily remove all refs recursively from an object using the deepUnref-composable. 💡 Get Started Luckily, it's i
An example of Lit web component built with vite for use in capacitor.
Vite + Lit + Capacitor An example of Lit web component built with vite for use in capacitor. Demo Features ✅ Typescript 🔥 Lit 🛠 Vite 🖥 Desktop 📱 i
A API documentation generator for Vue3 single file component.
doc-vue A API documentation generator for Vue3 single file component. Table of Contents Installation Write API Description Command Line Usage Programm
Modern Vue Stack 2022. Joyful development experience 🎉
Modern Vue Modern Vue stack 2022 with Micro front end & Monorepo 🎉 . Joyful development experience 😄 . The main branch will keep clean for quickly c
The most extensible TerminalStartpage you will ever find.
Termst Make the startpage more than just the first page you load up. The most extensible Terminal startpage you will ever find. This project exists to
TS & JS Library for adaptive precision cursor for the web. Releases will come out soon! Meanwhile, check out the demo site:
Haha, cool cursor go brrrr... Table of Content What is this? Installation & Setup Installation Setup Usage Cursor controls Element settings Known issu
⊞ The modern way to work with tables. Blazing fast facet-filtering, sorting, and searching.
Table Elements The easiest way to integrate Meilisearch into your frontend as a data source for your tables. These components will allow you to kick-s
A Hackable Markdown Note Application for Programmers. Version control, AI completion, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, plug-in, and macro replacement.
Yank Note A hackable markdown note application for programmers Download | Try it Online Not ecommended English | 中文说明 [toc]{level: [2]} Highlights
This package allows you to show a placeholder-component while inertia fetches the content of ne new page while routing
inertia vue placeholder middleware This package adds a component placeholder middleware for inertia vue. instead of the InertiaProgressBar you can sho
Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker
Veloce Lightning-fast cold server start Instant hot module replacement (HMR) and dev SSR True on-demand compilation Tech Stack Vue 3: UI Rendering lib
A web component for progressively-enhanced auto-expanding textareas
Elastic Textarea A web component for progressively-enhanced auto-expanding textareas. This web component progressively enhances the native textarea: a
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.
Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own
Svelte component to render markdown.
svelte-exmarkdown Svelte component to render markdown. Motivation svelte-markdown is a good component package. However, it is not extensible. You cann
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
Minimal, zero-configuration and fast solution for static site generation in any front-end framework.
Staticit - Introduction Whether you want to increase performance of your web application or improve SEO. Generally you have 2 options, use SSR (Server
A component library based on Material Design 3 & Web Components
material-web-entity Material Web Entity A component library based on Material Design & Web Components Go to link to see what components this library s
Simple React Native marquee component,fully implemented using reanimated v2,support to iOS/Android/Web.
@react-native-reanimated-community/react-native-reanimated-marquee Simple React Native marquee component,fully implemented using reanimated v2,support
The Vue form assembly tool that won't break your heart 💔
Loveform The Vue form assembly tool that won't break your heart 💔 Loveform is a tool that helps you build validated forms in Vue 3 without the need t
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
Angular multiselect component for web application. Easy to integrate and use.
Angular multiselect component for web application. Easy to integrate and use.
A 👩💻 developer-friendly entity management system for 🕹 games and similarly demanding applications, based on 🛠 ECS architecture.
Miniplex Ecosystem miniplex miniplex-react Introduction Miniplex is an entity management system for games and similarly demanding applications. Instea
NextJS VScode extension to visualize component tree.
Nexus A component tree extension for NextJS Report Bugs · Request Features Table of Contents About The Project Built With Installation Getting Started
The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store.
pinia-orm Intuitive, type safe and flexible ORM for Pinia based on Vuex ORM Next ✨ Release Notes 📖 Documentation Help me keep working on this project
The open-source design system of Tree.ly
🌳 Boemly Boemly is the open source component library maintained by Tree.ly based on ChakraUI. 🏃♀️ Getting started Install Boemly: npm i boemly --sa
Generate Skeleton Component from Figma.
figeleton Skeleton Code Generator Figma Plugin consisting of @figeleton/skeleton package and @figeleton/figma-plugin Skeleton components generated in
A headless, single-page dashboard application for Shoplix
Configure API address cd ui-domain vi api.js set api address // development environment export const dev = { base: 'your api address', seller: 'yo
A tiny script and component intended to be used with Astro for generating images with eleventy-img.
Astro + eleventy-img A tiny script and component intended to be used with Astro for generating images with eleventy-img. It also supports creating blu
A desktop live wallpaper app made for Mac.
Wallpieperi A desktop live wallpaper app made for Mac. Status: Alpha Alpha build is going to be released this saturday, however all the code will be a
A headless, single-page dashboard application for Shoplix
Configure API address cd ui-domain vi api.js set api address // development environment export const dev = { base: 'your api address', seller: 'yo
🔍 A view component for React Native with pinch to zoom and drag to pan functionality.
react-native-pan-pinch-view A view component for React Native with pinch to zoom and drag to pan functionality. 👋 Introduction Even though the demo s
❤️ A heart-shaped toggle switch component for React.
heart-switch A heart-shaped toggle switch component for React. Inspired by Tore Bernhoft's I heart toggle Dribbble shot. 📖 Table of Contents 🚀 Getti
A modern study React component of leaflet draw for react-leaflet
React Leaflet Draft A modern study React component of leaflet draw for react-leaflet React component of leaflet-draw for react-leaflet Table of conten
A tiny, SSR-safe directive for binding random data to an element.
1️⃣ vue-bind-once A tiny, SSR-safe directive for binding random data to an element. A tiny, SSR-safe directive for binding random data to an element.
Simple, fast, accessible accordion library with no dependency
React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
⚡️ Minimal GraphQL Client + Code Generation for Nuxt3
nuxt-graphql-client ⚡️ Minimal GraphQL Client + Code Generation for Nuxt ⚡️ Minimal GraphQL Client + Code Generation for Nuxt Documentation Features Z
🌐 Text Input Component for validating and formatting international phone numbers.
React Native Intl Phone Field Try the Expo Snack 👏 🕹️ Demo It's a javascript-only (no native code) component that can run in iOS, Android, Expo & Re
🖼️ Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component.
Next.js Image Proxy Image proxy for Next.js. Makes it possible to use dynamic domains in next/image component. ❔ Motivation This library makes it poss
Solid component and library for LiveKit (unofficial)
This package provides Solid components that makes it easier to use LiveKit in a Solid app. Inspired completely by https://github.com/livekit/livekit-r
🌐 Unlimited free google translate component & hook
React Native Translator Preview Introduce Free translate component & hook Never need api key, This library is Unlimited free Support translators Googl
Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 📋
nuxt-social-tags Easy generation of OpenGraph & Twitter meta-tags in Nuxt 3 ✨ Release Notes 📖 Read the documentation Features Nuxt3 ready Composables
demo for full-stack ci/cd
vue + nestjs (TypeScript) Features CI/CD full-stack mutiple-env (test: http://81.70.221.165:8026 / production: http://81.70.221.165) continuing~ welco
🛰 Shared component across routes with animations
Shared Vue component across routes with animations Live Demo Why? It's quite common you might have a same component used in different routes (pages) w
Try Vant in the Playground. Currently only Vant 3+ is supported
SFC Playground with Vant This is an Vant SFC Playground. Detail vercel.app Or zhixiaoqiang.github.io NOTE! The reason why this is designed to manually
jump to local IDE source code while click the element of browser automatically.
📖 Introduction A vite plugin which provides the ability that to jump to the local IDE when you click the element of browser automatically. It support
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
This library is a template to generate new angular component libraries.
Open Template Hub - UI Library Template v1 This library is a template to generate new angular component libraries. About the NPM Package Package Insta
Animated FlatList component that supports entering, exiting and reordering animations.
react-native-flatlist-animated Animated FlatList component that supports entering, exiting and reordering animations. Installation npm i react-native-
Next version of massCode [WIP]. A free and open source code snippets manager for developers
massCode next Built with Electron, Vue 3 & Ace Editor. Inspired by applications like SnippetsLab and Quiver. ☝️ massCode is currently in development,
Futurice web component library.
Ice Core Ice Core provides the core Ice web component library. Each web component comes with its own functional styling which can be customised as nee
FortuneSheet is an online spreedsheet component library that provides out-of-the-box features just like Excel
FortuneSheet FortuneSheet is an online spreedsheet component library that provides out-of-the-box features just like Excel English | 简体中文 Purpose The
Demo showing how to lazy load a component in Angular without routing!
WidgetDashboard This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to http://local
A simple component for making elements draggable.
React Draggable Component A simple component for making elements draggable. Demo stackblitz Installation $ npm install drag-react # yarn add drag-reac
⛰ "core" is the core component package of vodyani, providing easy-to-use methods and AOP implementations.
Vodyani core ⛰ "core" is the core component package of vodyani, providing easy-to-use methods and AOP implementations. Installation npm install @vodya
Talk about Azure SQL + Prisma
Talk - Power Up Your BackEnd Applications with Serverless Architecture & Azure SQL A demo related with the talk Power Up Your BackEnd Applications wit
🎉 Sensoro Design SVG Icons
Sensoro Design Icons 语义化矢量图形库,提供了描述图标的抽象节点来满足对各种框架的适配。 ✨ 特性 📦 内置了丰富的图标资源 🎉 支持对 React、Vue、React Native、Angular 各种框架的适配 💻 使用 TypeScript 开发,提供完整的类型定义文
A custom Chakra UI component that adds ready-made styles for rendering remote HTML content.
Chakra UI Prose Prose is a Chakra UI component that adds a ready-made typography styles when rendering remote HTML. Installation yarn add @nikolovlaza
A component built in angular 13 which can generate an signature image in different fonts based on the selection.
AngularSignatureGenerator This project was generated with Angular CLI version 13.2.6. Development server Run ng serve for a dev server. Navigate to ht
This coc.nvim extension provides feature split from coc-volar
coc-volar-tools What' coc-volar-tools? This coc.nvim extension provides feature split from coc-volar. split into a separate coc-extension due to the l
A collection of some additional input types to use with FormKit
A collection of some additional input types to use with FormKit. Most of these additional input types are based on my personal needs, but feel free to submit PRs to add more.
⚡️ Minimal GraphQL Client + Code Generation for Nuxt
nuxt-graphql-client ⚡️ Minimal GraphQL Client + Code Generation for Nuxt ⚡️ Minimal GraphQL Client + Code Generation for Nuxt Features Zero Configurat
Hands Off Ukraine Web Component
A banner web component that enables companies/individuals to quickly show their support for Ukraine regarding the recent Russian invasion. It hopes to raise awareness to the incident and allow users to quickly access support websites & donate.
A Pauli Test simulation app made with Web Component and RxJS
There was a discussion quite a while ago in Teknologi Umum about brain throughput or something. Basically it was about how long does your brain can maintain its performance. It was brought up because there was a discussion about typing speed and how someone can get high Words per Minute at the start but starts to slow down the longer they go.
How to build a multiplayer Wordle clone with Liveblocks, Vue, and Vite
Wordle Wars This repo shows how to build a multiplayer Wordle clone with Liveblocks, Vue, and Vite. Try it out It's forked from VVowrdle created by Ev
Dynamic, fast, accessible & zero dependency accordion for React
React Fast Accordion ⚡️ Dynamic, fast, accessible & zero dependency accordion for React How it's fast? Instead of adding event listener on all the ite
Webpack vue debug
Click the element of the page, it will open the vscode and jump to the source code of the element automatically
VGENT – Vue Agent, that helps you to develop in a more effective way
VGENT is a CLI tool that generates boilerplate files for components, pages in your Nuxt.js or Vue.js project.A file generator for Nuxt.js
Loads items in lazy way to achieve high performance and better UX in large lists
Lazy Load List Lazy Load List is a lightweight web package that loads items in lazy way to achieve high performance and better UX in large lists. Rend
Create sticky element in flexbox sidebars. it can use in Vanilla JS and frameworks like Vue and React
js sticky side simple sticky side with js that can use in frameworks like vue and react. notes it can be used just in flexbox grids. target element sh
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components
🌐 Lightweight internationalization plugin for Vue 3
🔥️ vue-next-i18n Lightweight internationalization plugin for Vue 3 🌈 Getting started To begin, you'll need to install vue-next-i18n use npm npm inst
Minimal setup for a WebXR project using Vite, Babylon.js, TypeScript, and Vue
WebXR-Vite-Babylon-Simple Minimal setup for WebXR development using: vite typescript vue 3 babylonjs 5 (ES6) Intentionally made minimal changes from t
A public JSON API for Wordle with vue.js frontend
A public JSON API for Wordle. This repo also includes a frontend made with Vue.js
A health-focused app for users to be able to track workouts and nutritional data with a social media component to inspire friendly competition among the users.
A health-focused app for users to be able to track workouts and nutritional data with a social media component to inspire friendly competition among the users.
Using Storybook for Pixi.js graphics development
Storybook for Pixi.js Using Storybook for Pixi.js graphics development This project includes: Storybook Pixi.js Pixi Viiewport Background Often conven
A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s
Vroom-Dashboard in Vue Js
Introduction This is Vroom-Dashboard in Vue Js. The project is helpful to start
Serialization library for data-oriented design structures in JavaScript
Data-oriented Serialization for SoA/AoA A zero-dependency serialization library for data-oriented design structures like SoA (Structure of Arrays) and
Simple & Quick Access Addon For Home Assistant
Home Assistant - Firefox Addon Quick Access Home Assistant - Firefox Addon Usage Create a Custom Dashboard With Quick Access Entity In Home Assistant
Animated Select Component (React)
Spring Chain We built a custom select component with a menu with animations and beautiful gradients and a glassy style, is called "Spring Chain" becau
Create coupled parent-child component pairs with composition API.
vue-coupled Background See discussion here. This package serves as a POC that: Allows any level of component encapsulation for child components. Suppo
React Native's Global Alert Component that can be fully customized and without the need of a state.
🚩 React Native Easy Alert React Native Easy Alert Component. Watch on youtube Easy Alert example app. React Native's Global Alert Component that can
A date picker web component, and spiritual successor to duet date picker
date-picker A date picker web component, based on duet date picker, except authored with Lit and using shadow DOM. This is a work in progress. Todo:
Very very very powerful, extensible http client for both node.js and browser.
ES-Fetch-API 中文 | English Very very very powerful, extensible http client for both node.js and browser. Why should you use ES-Fetch API? Still using a
This is best boilerplate project using Next.js, Typescript, Redux, Styled-component.
GL-Next boilerplate Start your next Next project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance an
This simple and small react component can check your repository stars and change theme on light/dark
Repository metrics for react This beauty and easy (4KB) react component can help you add metrics to your repositories also you can change component th
Provide a Vue 3 new marco `defineOptions`.
unplugin-vue-define-options Provide a Vue 3 new marco defineOptions. ✨ With this marco, you can use Options API in script-setup. ⚡️ Supports Vite, Web
vite+vue3.2+setup+elementPlus+eslint+js+stylelint
前期准备工作,npm包和vscode配置 !!!很重要,关乎整个Vue3开发阶段的代码提示 Volar使用 使用Vue3开发需要禁用vscode插件Vetur 然后安装 Volar(Vue Language Features),这样Vue3代码提示即使是使用js开发也非常友好 如果volar没有任何