468 Repositories
JavaScript custom-components Libraries
📜 A tiny custom element for all your scrollytelling needs!
scroll-scene element A tiny custom element for all your scrollytelling needs! The successor to @newswire/scroller. Key features 🐜 Less than 700 byt
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
Kick off your project with this recipe boilerplate
Gatsby starter for recipes with Flotiq source Kick off your project with this recipe boilerplate. This starter ships with the main Gatsby configuratio
Custom HTML elements for generic components (dropdown, modal...) without style.
Headless elements The goal of this project is to create a library of Custom Elements to stop reinventing the wheel (starting by reinventing the wheel
Realtime.js - a fast frontend framework based on Web-Components.
Realtime.js is a fast frontend framework based on Web-Components and Proxies. It has a lot of features to simplify your way of live as a vanillajs developer. The framework is programmed in such a way, that you can edit it yourself if you need additional features.
Compiler for parsing custom HTML 🤖
RiN Compiler Compiler for parsing custom HTML 🤖 Installation Features Usage Basic compilation Advanced compiling Tags Widgets App Widgets Functional
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Animate your Alpine components.
Animate your Alpine components 🚀 This package provides you with a simple helper to animate your ALpine.js components. Installation The recommended wa
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Fest - A reuseable UI components builder for the web
fest Fest is actually fast. A reuseable UI components builder for the web. Rerender components or parts of components as users interact with your app.
Add weak event listeners from your components/classes based on WeakRefs
Add weak event listeners from your components/classes based on WeakRefs. This package handles the boilerplate for you, which isn't too much anyways but not particularly good looking.
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.
Estrela - a JavaScript library for building reactive web components inspired by lit
Estrela ⭐ Full Reactive Web Components Estrela is a JavaScript library for building reactive web components inspired by lit. Just like Lit, Estrela is
Smart contracts for governance. Contract allows to bond custom/LP UNI-v2 tokens and get voting power
Smart contracts for governance. Contract allows to bond custom/LP UNI-v2 tokens and get voting power
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
Frontend that instantiate custom apps created using toguro-cli
Toguro FE This project contains the frontend for the main Toguro platform using Matrix Js SDK It includes the built .es.js of Mx-Login-App for referen
A Next + TypeScript Starter. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analytics, sitemap generation, and more!
Next + TypeScript Starter A Next + TypeScript Starter by Justin Juno. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analy
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
Bookstore app built using React, Redux, and Styled Components
Bookstore Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and St
A-Frame Element is a simple library for building fast, lightweight web components for 3D development
aframe-element is a library inspired from the very nice library Polymer lit to map A-Frame AR / VR / 3D elements on typescript classes like Angular/React/Lit.
MusicPlayer-Javascript - How to create a custom music player with vanilla javascript
MusicPlayer-Javascript How to create a custom music player with vanilla javascri
A tool to simplify importing custom assets in Minecraft
BAMO - Block And Move On A tool to simplify importing custom assets in Minecraft Currently only allows you to quickly prototype models in-game, but fu
⚡ Something like react server components, but web workers instead of a server
react-worker-components-plugin ⚡ something like react server components, but web workers instead of a server react-worker-components-plugin is a plugi
A reusable react hook that preserves a components semantic accessibility to create a visual block link.
useAccessibleBlockLink is a reusable react hook that preserves a components semantic accessibility to create a visual block link. This hook supports multiple links within the same block.
A typescript transform that converts exported const enums into object literal.
ts-transformer-optimize-const-enum A typescript transformer that convert exported const enum into object literal. This is just like the one from @babe
Common React Native components used by "Roqay" packed in library for usage in future projects.
Roqay Common React Native Components Common React Native components used by Roqay packed in library for usage in future projects. Installation yarn ad
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 JSDOM alternative with support for server side rendering of web components
About A JSDOM alternative with support for server side rendering of web components. Happy DOM aim to support the most common functionality of a web br
Shopify app using NextJS. No custom NextJS server needed.
Shopify NextJS App Example An example app built with NextJS that can be setup and deployed to production in seconds on Vercel. All the glory goes back
Simple shopping cart prototype which shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scalable code in e-commerce applications.
This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates a
Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript, Styled-Components, Axios, React-Feather e Open Trivia Database.
TRIVIA-QUIZ Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript,
Access the internals of React components from Cypress end-to-end tests
cypress-react-app-actions Access the internals of React components from Cypress end-to-end tests Read Access React Components From Cypress E2E Tests a
React components and hooks for creating VR/AR applications with @react-three/fiber
@react-three/xr React components and hooks for creating VR/AR applications with @react-three/fiber npm install @react-three/xr These demos are real,
🔄 Basic project to start studying React and Typescript. With it you can translate text to binary or morse language. This project addresses the creation of routes and components.
max-conversion Projeto criado para iniciar nos estudos de React e Typescript Basic project to gain knowledge in react Na plataforma é possível convert
Show multiple entity states, attributes and icons in a single card in Home Assistant's Lovelace UI
room-card Show multiple entity states, attributes and icons in a single card in Home Assistant's Lovelace UI NOTE: This card is base on the multiple-e
we are make our components in story book. So if we add some components you can find document and example of useage in storybook.
we are make our components in story book. So if we add some components you can find document and example of useage in storybook.
A web application which is a clone of Google keep. Made it by using react framework.
A web application which is a clone of Google keep. Made it by using react framework.
A code that allows you to get custom spotify rich presence
Spotifycord A code that allows you to get custom spotify rich presence! The index.js is the main file. server.js prevents your repl from going to slee
Simple library to custom waveforms🎶
waveform-path LIVE DEMO WITH EXAMPLES Simple library to custom waveforms. Install NPM npm install waveform-path -s Download Download the last realease
Event scheduler is a simple app for viewing the events happening around you
Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components
Shows how React components and Redux to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications
This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications.
react-dialog is a custom react hook to use a dialog easily
react-dialog react-dialog is a custom react hook to use a dialog easily. Documentation To use react-dialog follow the documentation. useDialog Returns
A-Frame components implementing multiple cameras
aframe-multi-camera multi-camera.mp4 Overview This repository contains components that can be used to create multi-camera scenes in A-Frame. Cameras c
⚔️ Strongly-typed Discord commands on Cloudflare Workers
⚔️ Slshx Slshx is a slightly wacky, experimental, library for building strongly-typed Discord commands that run on Cloudflare Workers, using a React-i
open-source implementation of the Turborepo custom remote cache server.
This project is an open-source implementation of the Turborepo custom remote cache server. If Vercel's official cache server isn't a viable option, th
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
Lightweight reusable Web3 UI components for dapps.
Web3UIKit 🧙♂️ Beautiful and lightweight UI components for web3 developers. This UI library will speed up your dapp development no matter which chain
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
Web UI kit following simply superb.'s design system, based on Tailwind CSS.
ui-kit TailwindCSS powered UI kit following simply superb.'s design system. ➡️ Demo available here Why I am building few applications (iOS / Android /
Wrap selected text in custom tags with shortcuts.
Obsidian Wrap With Shortcuts Wrap the selected text in customized tags with shortcuts. Underline is provided with Ctrl-u(Cmd-u) as default wrappers. P
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
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
Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.
TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control
TrackIt - Single Page Application that helps the user track their habits.
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.
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
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
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 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
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.
Ember-cli addon for using Bootstrap as native Ember components.
ember-bootstrap An ember-cli addon for using Bootstrap 4 und 5 in Ember applications. The addon includes the Bootstrap CSS (or Sass, Less) in your pro
Rich components for Ember.js framework.
Ember Components Ember Components is a comprehensive set of rich web components written purely in Ember.js that let you create an astonishing UI for a
An Ember CLI Addon that provides a variety of UI components.
We use https://waffle.io/softlayer/sl-ember-components to work our issues. What sl-ember-components is An Ember CLI Addon that provides UI components
Lightweight web components library built with LitElement.
Aybolit Aybolit is a lightweight, standards-based, framework agnostic UI components library built with LitElement. Aybolit is a fictional character fr
High-quality, customizable web components for common user interface patterns
Elix is a community-driven collection of high-quality web components for common user interface patterns. Most applications make use of common, general
Material Design Web Components
Material Web IMPORTANT: Material Web is a work in progress and subject to major changes until 1.0 release. Material Web is Google’s UI toolkit for bui
Material Design implemented in Web Components (Custom Elements v1)
Material Web Components Material Design implemented in Web Components (Custom Elements v1) https://dannymoerkerke.github.io/material-webcomponents/ Ge
Listing of accessible components & patterns
Accessible Components I've built a good handful of accessible markup patterns and widgets at this point. Each is based on testing with users, UX and d
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
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler
Builds components using a simple and explicit API around virtual-dom
Etch is a library for writing HTML-based user interface components that provides the convenience of a virtual DOM, while at the same time striving to
A modular front-end framework - inspired by the server-side and Web Components.
The NX framework Home page, Docs NX is a modular front-end framework - built with ES6 and Web Components. The building blocks of NX are the core, the
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
LuLu UI for PC web
追本溯源,穿越沉浮 LuLu UI LuLu UI 是阅文集团荣誉出品的前端 UI 组件库。 形象气质如下图,更柔软,更亲近,同时简单灵活,对用户侧非常友好,非常适合面向外部用户的 PC 网站,或者需要轻量与敏捷的项目。 文档 LuLu UI API 中文文档(GitHub托管,访问有延迟) LuL
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
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator. This engine is a dependency for any Haiku Animator components that are run on the web.
Boilerplate de projeto nextjs, com Styled Components e Typescript
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://
This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.
Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe
D- Creator is a tool created using .NodeJS To deliver you with an easy-to-use fully functional Discord Token Generator Custom Bio,Avatar,Join Invite, Email Verified, hCAPTCHA BYPASS It is one of the most powerful tools on the market and with the best price.
D - Creator 2.0 A Discord Token Generator Demonstration == https://www.youtube.com/watch?v=CDc3hI0dVCU I made this script under 4 days, the idea is t
Use pulsar to make custom trading strategy that uses Flashloans at low cost. No contract deployment required.
PULSAR Pulsar is a contract that will let you execute custom call on the blockchain and let you make use of the Flasloans in your trading sequences. Y
A custom ESLint rule to allow static deps in React Hooks ⚛️
eslint-plugin-react-hooks-static-deps A custom ESLint rule to allow static deps in React Hooks ⚛️ Motivation react-hooks/exhaustive-deps is a really n
📓 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
React components for Chart.js, the most popular charting library
react-chartjs-2 React components for Chart.js, the most popular charting library. Supports Chart.js v3 and v2. Quickstart • Docs • Slack • Stack Overf
Components and tools for building DeFi dapps on Solana + Anchor. Public domain license.
Solana DeFi Framework Components and tools for building DeFi dapps on Solana + Anchor. Public domain license. Status Pre-pre-pre-alpha. Contributing A
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
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
This repo contains instructions on how to create your NFT in Solana(using Metaplex and Candy Machine) and mint it using your custom front-end Dapp
Solana-NFT minting Dapp Create your own NFT's on Solana, and mint them from your custom front-end Dapp. Tools used Metaplex - Metaplex is the NFT sta
A custom element for rendering stylable (light DOM) Markdown
Motivation There are many web components these days to render Markdown to HTML. Here are a few: zero-md marked-element …and I’m sure many others H
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
Custom full screen video player
Video Player Native video player in html View Demo · Report Bug · Request Feature About The Project This is a custom video player for the web built on
Ios-calculator-js - Calculator made with vanilla javascript and custom css based on the design of iOS devices.
ios-calculator-js This is a practice project in which I try to replicate iOS calculator's both logic and styling. In case you spot room for improvemen