316 Repositories
JavaScript home-assistant-component Libraries
๐ฅ Set up your new Solid component library in seconds!
Create Solid Library Create SolidJS libraries with ease! Usage npx create-solid-library name Development Developing components is often a visual pro
A front-end only implementation of linked template cards for Lovelace
Linked Lovelace by @daredoes A Javascript/Websocket way to do templating in the Lovelace UI Support Hey you! Help me out for a couple of ๐ป or a โ ! F
deadsimple immersive navigation: a single-player-verse component
AFRAME-verse, deadsimple immersive navigation A single-player-verse component for AFRAME: TRY THE ONLINE DEMO โค๏ธ easily teleport between aframe apps &
Simple and minimal split pane component for Solid!
solid-split-pane Split pane component for Solid! Uses Split.Js under the hood. Takes all props that split.js takes, plus a gutterClass. (Q) Why not so
Svelte component to display time distances in a human readable format.
Time Distance Display time distances in a human readable format. Based on date-fns Updates every 60 seconds View demo Usage Install package: pnpm i -D
A Masked Input Component based on Ant Design.
antd-input-mask A Masked Input Component based on Ant Design. Usage Example Contributing How to run PR template Issue template Developed by bem-te-vi
A progressively enhanced server-rendered form-aware web component counter using WebC
Eleventy WebC Number Counter Demo A progressively enhanced server-rendered form-aware web component counter using WebC. This enhances from an input t
Frontend card for hass-formulaoneapi
FormulaOne Card Present the data of hass-formulaoneapi in a pretty way Installation Manually add formulaone-card.js to your config/www/ folder and a
A custom element (web component) for Shaka Player.
shaka-video A custom element (web component) for Shaka Player, which supports both HLS and DASH streaming protocols. The element API matches the HTM
ProseMirror's open/close details list component
ProseMirror details module This module defines an open/closeable details element that works with rich text editor based on ProseMirror. Documentation
UI component library for Solid.js with SSR support
Dolmen Dolmen is a themeable UI component library designed to work with Solid.js and optimized for SSR (Server-side rendering). It provides a broad se
A fork of room-assistant
room-assistant Automation on the Room-Level room-assistant brings your home automation onto the next level: room automation. It is capable of tracking
Code exercise for Entera's interview process
Entera Code Test The project is hosted using GitHub Pages here. Local Development Dependencies You will need Node installed. The project was created w
Exposes theming options available in Joy UI by providing color palette and typography controls.
Joy Theme Creator Note: Joy UI is currently in alpha - some things may not be finished or working as expected. This project exposes the theming option
๐ชธ Coral Design System by DiveTool
Coral Design System Corals ๐ชธ are a reef's basic components, so they are for DiveTool. Projects Name Package Version Coral @divetool/coral Coral React
Zero Dependency, Vanilla JavaScript Tag Editor
_____ |_ _|___ ___ ___ ___ ___ | | | .'| . | . | -_| _| |_| |__,|_ |_ |___|_| |___|___| version 0.4.4 Tagger: Zero dependenc
A phone input component that uses intl-tel-input for Laravel Filament
Filament Phone Input This package provides a phone input component for Laravel Filament. It uses International Telephone Input to provide a dropdown o
A web component that allows you to run high level programming languages on your websites (static websites included!)
Code-Runner-Web-Component A web component that allows you to run high level programming languages on your website via the public Piston API Show your
Cloudinary Image component for Next.js
Cloudinary Next.js Component Get the best of Cloudinary in Next.js with the CldImage component! ๐จ EXPERIMENTAL: while this should be working pretty w
๐ผ๏ธ An image select component for Streamlit
streamlit-image-select ๐ผ๏ธ An image select component for Streamlit. This custom component works just like st.selectbox but with images. It's a great o
๐ Desktop application (Windows / macOS / Linux) for Home Assistant built with Electron
Home Assistant - Desktop Desktop App (Windows / macOS / Linux) for Home Assistant built with Electron Installation Just download the latest version fo
The best shop by Laravel framework.
Introduction The shopline is an open-sourcem free and advance eCommerce with Laravel framework. Shopline can help you to make your shop easy fast & fr
A labeler component that Lays out text and overlays textual decorations like labels, predictions, and relations based on given data and handles user interactions on tokens.
react-text-annotator react-text-annotator is a labeler component that: Lays out text and overlays textual decorations like labels, predictions, and re
windows-style title bar component for Electron
electron-windows-titlebar windows-style title bar component for Electron Demo Contributors xudafeng This project follows the git-contributor spec, aut
A starter and demo project for Keycloakify v6 - Component level customization.
A starter/demo project for Keycloakify โ ๏ธ Please read the two following notices โ ๏ธ This starter is for Component-level customization, if you only want
Angular component for filtering , contact list in alphabetical listing. Awesome Contact List
NgxContactList | Angular 13+ Angular component for filtering contents in alphabetical listing, using default or custom templates. Ideal to build conta
DateTimePickerComponent is a very lightweight and dependency-free web component written in pure JavaScript
DateTimePickerComponent Description DateTimePickerComponent is a very lightweight (just over 20KB) and dependency-free web component written in pure J
Beautiful UI-Range input component, highly customisable, based on CSS variables.
Beautiful UI-Range input component, highly customisable, based on CSS variables. including a floating output value, min & max values on the sides & ticks according to the steps
Autocomplete component created with pure javascript
Pickle Complete Pickle complate is a autocomplate component written as completely pure javascript. Just send json object or request information have f
An autocomplete component, built to be accessible.
Accessible autocomplete The accessible autocomplete is a component that helps users choose answers from a list you provide. You can also use it to mak
Lightweight vanilla js modal component (just 2kb) , pure javascript Modal
Lightweight vanilla js modal component (just 2kb) pure javascript Modal , This is just 2kb Lightweight vanilla js modal component with zero dependenci
Vanilla Javascript plugin for manage kanban boards
jKanban Javascript plugin for Kanban boards jKanban allow you to create and manage Kanban Board in your project! Please try out the live demo! Install
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
evol-colorpicker ยท evol-colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.
Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina
dynamic-component-app is an angular application for dynamic component template creation
MyApp This project was generated with Angular CLI version 14.1.0. Development server Run ng serve for a dev server. Navigate to http://localhost:4200/
View component and controller of YouTube Player API, for fresh framework.
fresh-youtube View component and controller of YouTube Player API, for fresh framework. Try it now! git clone [email protected]:otiai10/fresh-youtube.git
:mechanical_leg: Tiny and performant collapse component for SolidJS.
Solid Collapse Tiny and performant collapse component for SolidJS. Demo and examples Features Pure dynamic CSS height transition, no javascript animat
IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework.
@ibm/gantt-chart IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework. Getting started Documentation and Examples are availabl
A lightweight web component helper for HTML5 videos.
Video Radio Star A lightweight web component helper for HTML5 videos. Intended for use with muted by default HTML5 videos. Demo Demo out of viewport u
A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js, that is based on Dan Grossman's bootstrap-daterangepicker.
vanilla-datetimerange-picker Overview. A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js,
Awfully basic JavaScript treeview component.
simple-treeview Awfully basic JavaScript treeview component. API documentation: https://unpkg.com/simple-treeview/docs/index.html Live demo Vanilla: h
A simple lightweight file dropzone component based on jQuery. You can easily make any existing element become a dropzone that holds files.
file-dropzone A simple lightweight file dropzone component based on jQuery. You can easily make any existing element become a dropzone that holds file
๐ A Tailwindcss component library.
๐ Supabase Launch Week 5 Hackathon: โ Supabase Auth - User authentication. โ Supabase Database - save the information of each user-created component.
Unread-Messages.js is a lightweight library that lets a user add floating number notifications to any object.
Unread-Messages.js About Unread-Messages.js is a lightweight library that lets a user add mobile-like notification counter badge to any object with ju
A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.
Fontpicker jQuery Plugin A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fo
Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support
JS Select Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support How to use To use the select plugins, two main file mu
๐ lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
Tagify - tags input component Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and
Pure CSS gauge component
Pure CSS gauge v0.2 Basic gauge component made with only CSS style rules. No SVG or canvas used in this component. This component can be easily themed
A CSS component library based on the BEM methodology.
Vrembem A component library based on the BEM methodology. About Vrembem is a front-end component library written to make available common web interfac
jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
Structured-Filter ยท Structured-Filter is a generic Web UI for building structured search or filter queries. With it you can build structured search co
๐ค Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint
Tailwind CSS Assistant See it in action on this example website ๐ โ Small JavaScript package that helps you work with Tailwind CSS by... Showing you
A lightweight SolidJS component for building interactive node-based diagrams and graphs.
Convert Your Ideas To A Simple And Excitig Journay With Odysea! Odysea A lightweight and minimal Solid component for building interactive graphs and n
๐ Desktop application (Windows / macOS / Linux) for Home Assistant built with Electron
Home Assistant - Desktop Desktop App (Windows / macOS / Linux) for Home Assistant built with Electron Installation Just download the latest version fo
SDK for Daily's Video Component System (VCS)
Video Component System (VCS) A video-oriented JavaScript graphics framework based on React, created by Daily. This is a beta release of the VCS SDK so
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Javascript accordion - tiny and simple.
Javascript Accordion Javascript accordion - tiny and simple. Accordions are useful when you want to toggle between hiding and showing large amount of
Powerful rich text editor using Vue.js and Quill. About @quilljs editor component for @vuejs
quill-vuejs Quill editor component for Vue. ๅบไบ Quillใ้็จไบ Vue ็ๅฏๆๆฌ็ผ่พๅจ๏ผๆฏๆๆๅก็ซฏๆธฒๆๅๅ้กตๅบ็จใ Preview Example CDN example page Component example page Install NPM
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo
Weather Condition App is a mobile application that has a category of countries in the home age and the users can access to weather of each country.
World Weather This is a SPA react-app project that is built using two APIs. And users can select and choose countries and states and get their updated
Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.
Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo
A lightweight SolidJS component for building interactive node-based diagrams and graphs.
Convert Your Ideas To Graphs With Solid Graph! Solid Graph A lightweight and minimal Solid component for building interactive graphs and node-based ed
A custom element (web component) for the Vimeo player.
vimeo-video A custom element (web component) for Vimeo. The element API matches the HTML5 video tag, so it can be easily swapped with other media,
Simple but Complete & Fast network monitor for your home network
netmon Netmon is an opensource project for protecting and monitoring your home network. Netmon is written to run on a Raspberry PI and is optimized to
๐ Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
App repository for our capstone project ๐ (Get that home).
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
๐ฅ Home of the Mintlify platform
๐ฟ Mintlify Dashboard Mintlify helps teams easily track and manage documentation. ๐ Get Started ๐ฅ Demo Features The goal of Mintlify is to increase
A HTML5 upload component without UI
Simple Uploader A HTML5 upload component which provides full control of UI styles. Installation Install via npm: npm install --save simple-uploader In
Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)
Mobiscroll What is Mobiscroll? Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability
React carousel component
react-slick Carousel component built with React. It is a react port of slick carousel Documentation Installation npm npm install react-slick --save ya
Cropperjs as React component
react-cropper Cropperjs as React component Demo Click for a Demo Docs Cropperjs Installation Install via npm npm install --save react-cropper You need
Scrolling navigation component for web apps
Slinky.js Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times. Scroll around on the plugin homep
๐Transform an SVG icon into multiple themes, and generate React icons๏ผVue icons๏ผsvg icons
IconPark English | ็ฎไฝไธญๆ Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones!
FlashListTV The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones! Quick start: Clone this repo Cha
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
โ๏ธ Swipe through Home Assistant Dashboard views on mobile.
Home Assistant Swipe Navigation Swipe through Home Assistant Dashboard views on mobile. This repository has been forked from maykar/lovelace-swipe-nav
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
This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.
Fresh Cuisine This restaurant project is from the Odin Project and it is a SPA (single-page application) website. The user can navigate between the ho
ModeSens is your digital shopping assistant for the smart and informed.
ModeSens is your digital shopping assistant for the smart and informed. Established in 2015, ModeSens is led by a team of industry experts who developed a solution to the disconnected and crowded online shopping experience. Product information was scattered, and shopping required too much research to make an informed purchase.
๐ 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
4WEB is a collection & creation of codebase, frameworks, libraries and various resources dedicated to web development ๐ฆ๐
๐จ Vous pouvez รฉgalement contribuer ร ajouter/crรฉer votre propre collection dans ce rรฉfรฉrentiel ... Table des matiรจres ๐ Codebase ๐ NPM packages ๐
A home for modern admin UIs; successor to Torque
Forque A home for admin apps Meta State: development Staging: https://tools-staging.artsy.net Kubernetes Production: https://tools.artsy.net Kubernete
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
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
A multi-purpose assistant bot for Discord to make your server a better place.
โโโโโโ โ โโโโโโ Rieko ๐ FEATURES To be filled. ๐ธ TIP JAR If you enjoyed it and would like to show your appreciation, you may want to tip me here. It
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
A super-simple thermostat for Home Assistant's Lovelace UI.
Minimalist Thermostat by @ShepleySound A super-simple thermostat for Home Assistant's Lovelace. The goal is to create a thermostat interface that clea
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
Customizable browser's home page to interact with your homeserver's Docker containers (e.g. Sonarr/Radarr)
Homarr A homepage for your server. Demo โ๏ธ โข Install โก๏ธ Join the discord! ๐ Table of Contents ๐ Table of Contents ๐ Getting Started โน๏ธ About ๐ฅ Kno
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
A second course in programming aesthetically-inclined projects for Digital Media undergraduates; Building Interactive Systems
EECS_1720 commits made while instructing EECS 1720 - Building Interactive Systems (winter 2022) (course @York University, Canada) what's new Last Clas