419 Repositories
JavaScript custom-component Libraries
Base provides advanced Promise Queue Manager, Custom Console Logger and other utilities.
Base Base provides frequently used functionality like cutome logger, response helper, Custom Promise and Instance composer. These are used in almost a
Hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar.
Hourly Weather Card by @decompil3d An hourly weather card for Home Assistant. Visualize upcoming weather conditions as a colored horizontal bar. Can y
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top
๐ Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
A โจlightโจ and magical Svelte component for CSS media queries๐น
Svelte CSS media queries ๐ฅ Demo - Svelte REPL Lightweight, comfortable, like Svelte ๐ฃ how to install npm i svelte-media-queries What can I do? quer
Sample code for resizing Images with Lambda@Edge using the Custom Origin. You can deploy using AWS CDK.
Resizing Images with Lambda@Edge using the Custom Origin You can resize the images and convert the image format by query parameters. This Lambda@Edge
This is a custom recipe app called chefMaster. which contains a lot of interesting such as many apis requests, filter, search , add posts. Property design
In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page
little-planet Custom Element: interactive panorama viewer
little-planet This project is a Custom HTML Element (AKA Web Component) that renders an interactive view of a panoramic photo. Can be used with no J
Custom element (web component) for Video.js.
videojs-video A custom element (web component) for Video.js. The element API matches the HTML5 video tag, so it can be easily swapped with other m
Node.js package with a customized HTTP and HTTPS agents to prevent SSRF with hosts validations and custom DNS feature.
http-agent-dns This is a Node.js package with a customized HTTP and HTTPS agents to prevent SSRF with hosts validations with a possibility to use a cu
Custom Gutenburg blocks to add custom functionalities to your WordPress site. Brought to you by Arif Khan with 3
Gutpress(WordPress Gutenburg Block Plugin) Custom Gutenburg blocks to add custom functionalities to your WordPress site. Brought to you by Arif Khan w
an electron based custom client for the game kirka.io
Better-Kirka-Client A simple, yet performance-optimized and feature-rich kirka client This client features: Highly stable and outstanding performance
A custom element that helps save alienated player API's to bring back their true inner HTMLMediaElement API
A custom element that helps save alienated player API's to bring back their true inner HTMLMediaElement API
๐ 1 line of code to apply auto dark / light theme and support custom theme for your website. Super fast and lightweight theme library.
themes.js A super lightweight and fast Theme library with auto system color scheme detection in JavaScript. Features Auto detect Dark / Light mode by
A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes!
(jQuery) Uniform A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes! Works well with jQuery 1.6+, but we
Lying flat is a 20 NFT collection on a custom marketplace built on Zora's protocol
Lying flat is an NFT Marketplace powered by ZORA ๐ ๐ ๐ The codebase is open for everyone to use it as a boilerplate, customize it and deploy their
Custom alert box using javaScript and css. This plugin will provide the functionality to customize the default JavaScript alert box.
customAlertBoxPlugin Custom Alert Box Plugin Using JavaScript and CSS Author: Suraj Aswal Must Include CSS Code/Default Custom Alert Box Class: /* mus
serverless plugin to setup custom domain for lambdas deployed with function url.
serverless-aws-function-url-custom-domain Automatically creates AWS CloudFront distribution and Route 53 records to AWS Lambda with Function URL (no a
Custom Remix stack using Clerk for authentication and full user management.
New Wave Stack Learn more about Remix Stacks. For more on our thoughts on the New Wave Stack check out our blog post. To view this template in deploym
Dashboards-maps is a frontend plugin that helps you in uploading custom GeoJSON to OpenSearch and communicates with the geospatial backend plugin for the same.
Welcome! Project Resources Code of Conduct License Copyright Dashboards-Maps Dashboards-maps is a frontend plugin that helps you in uploading custom G
Supercharge Notion with custom commands to record, draw, and more โ๏ธ
Slashy Supercharge Notion with custom commands to record, draw, and more โจ Slashy is an open source extension that lets you create custom commands for
Create your own custom NFT minting page using thirdweb's NFT Drop contract
Customizable NFT Drop Minting Page In this example, you can create your own NFT Drop minting page just by customising the template with your branding,
๐ Universal Media Library as a web component.
Kondonizer Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Medi
๐ญ search-buddy ultra lightweight javascript plugin that can help you create instant search and/or facilitate navigation between pages.
๐ญ search-buddy search-buddy is an openโsource ultra lightweight javascript plugin (* 1kb). It can help you create instant search and/or facilitate n
hCaptcha Component Library for Solid.
Solid hCaptcha Component Library This is a port of @hcaptcha/react-hcaptcha for Solid. Description hCaptcha is a drop-replacement for reCAPTCHA that p
Ready to manipulate partitions file? Create a custom partition, apply custom security system, hide the partition and share your hidden data on the www
Paranoia ๐ Ready to manipulate partitions file? Create a custom partition, apply custom security system, hide the partition and share your hidden dat
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 ๐
Use Cloudflare Pages Functions as a reverse proxy with custom domain support.
cf-page-func-proxy Use Cloudflare Pages Functions as a reverse proxy with custom domain support. Getting Start 1.ไธ่ฝฝๆๆฏForkๆฌไปๅบ 2.ไฟฎๆน_worker.jsไธญ็url.hostn
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
Data Manipulation Form panel plugin for @grafana.
Data Manipulation Form panel plugin for Grafana Introduction The Data Manipulation Form Panel is a plugin for Grafana that can be used to insert, upda
A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today.
Datetime Card A minimalistic card for Home Assistant Lovelace UI which shows how many days it has been between any input_datetime and today. Useful to
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
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
Portfolioshop builds custom portfolio websites with submitted user data.
Portfolio Shop What our project does? We are trying to build a website to make the process of building personal portfolios easier. Often we have seen
Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable.
Custom icon library Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable. Upon each Material Design
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
Rimuru will take care of all your anilist custom css needs.
Rimuru will take care of all your anilist custom css needs. Whats the point in using this? Why not use automail? Rimuru is lightweight and fast, Rimur
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
Markdoc is a Markdown-based syntax and toolchain for creating custom documentation sites and experiences.
A powerful, flexible, Markdown-based authoring framework. Markdoc is a Markdown-based syntax and toolchain for creating custom documentation sites and
Firebase adepter auth process with custom token example in Next Auth
Firebase adepter auth process with custom token example in Next Auth Example of a firebase adapter that works with firebase authentication. A firebase
Generate fluid, custom property based design systems on the fly โ entirely based on Utopia
Fluid Design Systems With Netlify On-demand Builders A proof of concept demonstrating how Netlify on-demand builders can help generate fluid, custom p
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
A custom react hook to use a dialogs easily.
dialog-hook The dialog-hook is a custom react hook to use a dialog easily. First of all it is necessary to install the package in your project some co
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?
Calculates maximum composite SLA for a list of sequentially provided cloud services or your custom-defined services.
SlaMax Calculates maximum composite SLA for a list of sequentially provided cloud services or your custom-defined services. Here are a few use-cases y
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
T6e: scaffold any local template into a custom file
T6e is a small tool (no dependencies, 50 lines of code) to scaffold any local template and speed up the creation of files in a project using your custom templates or templates from the community.
A GitHub app to report failed workflow job actions and notify pull request creator with custom report message for the failed workflow job.
Workflow Reporter A GitHub App built with Probot that reports failed workflow job actions and notify the pull request creator with custom report messa
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
๐ 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?
Replaces native cursor with custom animated cursor.
Animated Cursor A pure JS library to replace native cursor with a custom animated cursor. Check out the Demo Contents ๐ Features ๐ฏ Quickstart ๐งฌ Opt
Angular multiselect component for web application. Easy to integrate and use.
Angular multiselect component for web application. Easy to integrate and use.
A Kernel Package that adds a tab to Discord settings where you can add and arrange custom code snippets.
Code Snippets A Kernel package (specifically for Discord) that adds a tab in settings where you can add and manage code snippets. Requires: https://gi
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
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
A guide that teach you build a custom version of chromium on macOS/Windows/Linux that supporting hardware/software HEVC decoding.
enable-chromium-hevc-hardware-decoding A guide that teach you build a custom version of chromium on macOS/Windows/Linux that supports hardware/softwar
Generate in-memory fake files with custom size
File generator Generate fake in-memory files for varying sizes This package allows you generate fake in-memory files for varying sizes. The generated
๐ 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
NiftyKit's Web Components Collection
NiftyKit Web Components NiftyKit's Web Components Collection Installation Install via npm npm install @niftykit/components Import via CDN script type
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
Terminal Styled Portfolio Website ห( ยฐ โฝใยฐ ) , a terminal style/styled portfolio website made with 3 using react.
AshTerm A Terminal Styled Portfolio Website. ๐ฑโ๐ป Made Using- โ Framework ReactJS ๐ป Terminal react-console-emulator ๐ Deployed using CloudFlare Run
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
๐ฆ Custom eslint rules for a better life.
Eslint Plugin Rimac Architecture When creating a new rule put it in the src/rules folder Name the file the same as the rule itself For example rimac/i
Custom list source for ddu.vim
ddu-source-custom-list Custom list source for ddu.vim This souce allows you to specify custom text list as a ddu source programatically. Configuration
๐ 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
๐ Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode ๐ toggle. so you can initially adhere to your users' preferences according to pr
This is a (pretty broken, but mostly functional) organic-shaped jigsaw generator with custom border support
OrganicPuzzleJs This is a (pretty broken, but mostly functional) organic-shaped jigsaw generator with custom border support. It relies on two linbrari
Node.js ESM loader for chaining multiple custom loaders.
ESMultiloader Node.js ESM loader for chaining multiple custom loaders. Fast and lightweight No configuration required, but configurable if needed Usag
๐ฐ 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 experimental library patches the global custom elements registry to allow re-defining or reload a custom element.
Redefine Custom Elements This experimental library patches the global custom elements registry to allow re-defining a custom element. Based on the spe
logseq custom.js and custom.css utilities : resize query table columns, hide namespaces...
logseq-custom-files custom.js and custom.css utilities for Logseq. current version v20220331 query table view : add handles on the query table headers
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-
A custom API handler template made by myself for all my future APIs and the community :)
Custom Express API handler Template A custom API handler template made by myself for all my future APIs and the community :) Features simple yet effic
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
A custom select dropdown. This is something that is not too difficult to make.
Custom-Dropdown-JS A custom select dropdown using basic JS fucntionality. This is something that is not too difficult to make. But it shows that you h
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 ๅผๅ๏ผๆไพๅฎๆด็็ฑปๅๅฎไนๆ
An Obsidian plugin that allows adding iframes with custom styling as editor tabs. Also comes with presets for Google Keep and more.
Obsidian Custom Frames An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep an
๐ 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
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
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
Compiler for parsing custom HTML ๐ค
RiN Compiler Compiler for parsing custom HTML ๐ค Installation Features Usage Basic compilation Advanced compiling Tags Widgets App Widgets Functional