329 Repositories
JavaScript component-architecture Libraries
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
React Native Boilerplate - The Boilerplate contains all the basic packages, common components and, prebuilt code architecture
The Boilerplate contains all the basic packages, common components and, prebuilt code architecture. It will save developer's project setup time.
Express Graphql Clean Architecture
Folder pattern for express graphql starterkit clean architecture, easy to scalable and easy to maintenance, explore documentation for more about this starterkit https://typegraphql.com
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?
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
A complete guide for learning Object Oriented Programming Pillars, SOLID Principles and Design Patterns with TypeScript!
Object Oriented Programming Expert With TypeScript This repository is a complete guide and tutorial for the principles and techniques of object-orient
๐ 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 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
A Node template that follows the Clean Architecture principles and encourages established practices.
Clean Architecture Template A Node template that follows the Clean Architecture principles and encourages established practices. Features TypeScript f
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 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
๐ Application to help you focus on your daily activities.
INFOCUS-API Focus on your tasks! ๐ ๐ Topics: about the project methodology and design libs and tools authors ๐ป About the Project: ๐ Infocus: Is a
๐ 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
An in-depth implementation of Clean Architecture using NestJS and type-script
Clean Architecture With NestJS Description It's been a while since my last article on how to implement clean architecture on Node.js applications, git
โค๏ธ 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
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
๐ 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
About Folder pattern for express rest api starterkit clean architecture, easy to scalable and easy to maintenance.
Express Rest Api Clean Architecture The following is a folder pattern for express rest api starterkit structure pattern that I usually use, so if you
๐ 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
๐ฐ 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
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-
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
๐ 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
An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve and modify the bot state, respectively.
CQRS Wechaty An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve
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
API developed using NestJS, TypeORM, PgMem and concepts of Clean Architecture
The Powerful NestJS A progressive Node.js framework for building efficient and scalable server-side applications. Clean Architecture The project has b
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.
A simple Todo app to add list of books a user has read using HTML, CSS, Webpack, JavaScript and modular architecture
Minimalist A simple Todo app to add list of books a user has read. It is implemented using HTML, CSS, Webpack, JavaScript and modular architecture. A
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
Kunlun architecture element generation based on Angular schematics ๐ฌ
A fullstack(NestJSใReact) framework for building efficient and scalable applications. Description The Kunlun CLI is a command-line interface tool that
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
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
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:
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
io-ts Typed Event Bus for the runtime of your Node.js application. A core for any event-driven architecture based app.
Typed Event Bus Based on io-ts types, this bus provides a handy interface to publish and consume events in the current runtime of the Node.js process.
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
Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture. You can view live app.
Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart. It has strong authe
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://
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
Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture, inspired by Hapi and Express.
Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture, inspired by Hapi and Express.
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
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
This is a template project demonstrating how the MERN stack(Mongo, Express, React, Node) can be used, here we have the back end implementation and there is the React implementation as the front end
Versรฃo em portuguรชs MERN stack This is a template project demonstrating how the MERN stack(Mongo, Express, React, Node) can be used, here we have the
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-
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
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
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
DN2A - Digital Neural Networks Architecture in JavaScript
DN2A (JavaScript) Digital Neural Networks Architecture About DN2A is a set of highly decoupled JavaScript modules for Neural Networks and Artificial I
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
Build type-safe web apps with PureScript.
PUX Build type-safe web applications with PureScript. Documentation | Examples | Chat Pux is a PureScript library for building web applications. Inter
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
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
๐ 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