438 Repositories
JavaScript angular-component Libraries
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
๐ฌ Real-time chat application prototype that can summarise the entire chat log
Chat summarizer ๐ Disclaimer! This is a prototype and a fun project that I've been working on and it is not ready for production. It was done in a fe
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
Optimistic state updates using @nrwl/angular#optimisticUpdate
NxOptimisticState Quickstart: $ npm ci $ npx nx serve ou-ui This simple project was created as a PoC to show comparison of two different approaches to
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
A template application for setting up a mobile app video game with IONIC, PHASER, ANGULAR and a Monorepo strategy
OpenForge Ionic Monorepo Example This is a template project for all you aspiring video game developers out there! Want to use your web application ski
Basic syntax, operation of Angular 12
Angular 12 Basic This project was generated with Angular CLI version 12.2.2. Development server Run ng serve for a dev server. Navigate to http://loca
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
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).
A tower defense game using Angular 13 + Phaser 3
PortalsTd This project was generated with Angular CLI version 13.1.3. Development server Run ng serve for a dev server. Navigate to http://localhost:4
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
Keycloak Login With Angular OIDC
Keycloak Login With Angular OIDC This project was generated with Angular CLI version 12.2.15. This is a demo of using angular-oauth2-oidc with Keycloa
A simple Angular-library with some widgets.
angular-workspace Contains a simple Angular-library with the next widgets: Clock Timer, crono, countdown Wizard Run: npm install to install all depend
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
Example auto-generated OpenAPI client library and an accompanying example Angular app.
To utilize this demo Head into petstore_frontend\petes_pets Run npm install Go to frontend_client_lib\out Run npm install Head back into petstore_fron
Food Card website using angular Feature: add to cart remove to cart searching food filter food
SearchBar This project was generated with Angular CLI version 13.1.2. Development server Run ng serve for a dev server. Navigate to http://localhost:4
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
Firebase Angular Skeleton - Quickly create an application with a fully functional authentication, authorization and user management system.
FAngS - Firebase Angular Skeleton FAngS lets you quickly create an application with a fully functional authentication, authorization and user manageme
Personal Blog - a project developed with Angular for the front-end interface and Wordpress for the back-end API served with Docker containers
PersonalBlog This project was generated with Angular CLI version 13.0.1. Front-end Interface Development server Run ng serve or ng serve --configurati
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
๐Starter project with Angular 13, Ngx-admin, NestJS, Nx Workspace, Jest, Cypress, ESLint & Prettier ๐
Angular 13 + Ngx-admin + NestJs + NX Starter project with Angular 13, Ngx-admin, NestJs, Nx Workspace, Jest, Cypress, ESLint & Prettier Features โ Ang
Petite application de dรฉcomposition d'un nombre en produits de facteurs premiers sur Angular
Factprem This project was generated with Angular CLI version 13.0.3. Development server Run ng serve for a dev server. Navigate to http://localhost:42
Alfresco Angular Components
Alfresco Application Development Framework (ADF) branch status master develop Introduction See the Introduction page to get started with the Alfresco
Minimal Design, a set of components for Angular 9+
Alyle UI Minimal Design, a set of components for Angular. Docs Install Alyle UI Installation Components Feature State Responsive Docs avatar โ๏ธ โ๏ธ Doc
An enterprise-class UI components based on At UI Design and Angular. ๐ ๐ ๐
An enterprise-class UI components based on At UI Design and Angular. ๐ ๐ ๐
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
Covalent: UI Platform based on Angular-Material
Covalent: UI Platform based on Angular-Material Covalent is a reusable UI platform from Teradata for building web applications with common standards a
Element for Angular
Element for Angular Catalog Documentation Getting Started Contribution Support LICENSE Documentation element-angular Getting Started Install: # instal
A set of UI components for use with Angular 2 and Bootstrap 4.
#Fuel-UI A set of UI components for use with Angular 2 and Bootstrap 4. See Fuel-UI homepage for live demo and documentation. ##Dependencies Node Gulp
Customizable Angular UI Library based on Eva Design System
Nebular Documentation | Stackblitz Template | UI Bakery - Angular UI Builder | Angular templates Nebular is a customizable Angular 10 UI Library with
The best way to quickly integrate Bootstrap 5 Bootstrap 4 or Bootstrap 3 Components with Angular
ngx-bootstrap The best way to quickly integrate Bootstrap 5 Bootstrap 4 or Bootstrap 3 Components with Angular Links Documentation Release Notes Slack
Lightweight, Material Design inspired go to top button. No dependencies. Pure Angular!
Angular ScrollTop Button Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies. Pure Angular! โ Angular 13, Ivy
๐ 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
NG Bootstrap - Angular powered Bootstrap widgets
NG Bootstrap - Angular powered Bootstrap widgets Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angula
Native AngularJS (Angular) directives for Bootstrap
Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
Native Angular components & directives for Lightning Design System
ng-lightning This library contains native Angular components and directives written from scratch in TypeScript using the Lightning Design System CSS f
Angular 2 building blocks :package: based on Semantic UI
Angular2 & Semantic UI Angular2 - Semantic UI Live demo ng-semantic.herokuapp.com Angular 2 Semantic UI version: 2.2.2 Installation npm install ng-sem
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
Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT
MDB 5 Angular Angular 12 & Bootstrap 5 & Material Design 2.0 UI KIT Get Started in 4 steps MDBAngular 5 Demo 500+ material UI components Super s
The code for a set of Angular 6+ components for the PatternFly project.
The code for a set of Angular 6+ components for the PatternFly project. Note that the release/3.x branch supports Angular 4 and 5.
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
Semantic UI Angular Integrations
Semantic-UI-Angular Semantic-UI-Angular is a pure AngularJS 1.x set of directives for Semantic-UI components. We are considering Angular 2 support in
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=
Fast & Robust Front-End Micro-framework based on modern standards
Chat on gitter Hello slim.js - your declarative web components library import { Slim } from 'slim-js'; import { tag, template } from 'slim-js/decorato
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
A useful list of must-watch talks about JavaScript
Must-Watch JavaScript This is a collection of well-received talks about JavaScript, covering topics such as ES6/ES2015, JavaScript frameworks, client-
List of 1000 JavaScript Interview Questions
JavaScript Interview Questions & Answers Click โญ if you like the project. Pull Requests are highly appreciated. Follow me @SudheerJonna for technical
๐๐ ๐ข Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2021)
๐ Why this guide can take your testing skills to the next level ๐ 46+ best practices: Super-comprehensive and exhaustive This is a guide for JavaScr
๐ 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
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
The 2048 game built with Angular & Tailwind CSS
Ng2048 This project was generated with Angular CLI version 13.1.2. Development server Run ng serve for a dev server. Navigate to http://localhost:4200
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
Bdc-walkthrough - An Angular Material library for displaying walk-through pop-ups and dialogs using a declarative way.
Material walk-through library An Angular Material library for displaying walk-through pop-ups and dialogs using a declarative way. Show Demo Prerequis
Ngx-scrollbar-indicator - This will show an indicator with scrollbar
ngx-scrollbar-indicator Consider a scenario, where you have 100s of items, sorted alphabetically. Now, when user scrolls through the same, user doesn'
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
Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.
Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.
AngularRoutingWebApp - Web App dimostrativa per spiegare e riepilogare i concetti basi di Angular.ts
RoutingApp This project was generated with Angular CLI version 11.0.2. Development server Run ng serve for a dev server. Navigate to http://localhost:
Quizpetitive - A quiz game to learn new knowledge and terms in the field of project management.
Quizpetitive A quiz game to learn new knowledge and terms in the field of project management. The key element to the success of this project was the c
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
Frontend tech guide and collection of highly recommended materials
Frontend Learning Kit Frontend tech guide and collection of highly recommended materials Show your support by giving a โญ to this repo 2022 Frontend De