358 Repositories
JavaScript column-preview-card-component-vanila Libraries
A block preview that directly displays the block fields, including tabs.
Kirby Block Preview Fields This plugin for Kirby 3 displays the block fields directly in the block preview, including tabs. Inspired by the Kirby Fiel
๐ฅ 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
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
โก๏ธ ํ ๋ฆฌํ์คํธ๋ฅผ ์ฟ ๋ฒ๋คํฐ์ค์ ๋ฐฐํฌํ์ฌ ๋จธ์งํ๊ธฐ ์ ์ ํ ์คํธ ํด๋ณผ ์ ์๋๋ก ๋ง๋ค์ด์ฃผ๋ GitHub Action
PR preview deploy k8s (GitHub Action) โก๏ธ ํ ๋ฆฌํ์คํธ๋ฅผ ์ฟ ๋ฒ๋คํฐ์ค์ ๋ฐฐํฌํ์ฌ ๋จธ์งํ๊ธฐ ์ ์ ํ ์คํธ ํด๋ณผ ์ ์๋๋ก ๋ง๋ค์ด์ฃผ๋ GitHub Action ์ ๋๋ค. ์ต๋ํ ๋จ์ํ๊ฒ ๊ตฌํ์ ํ๋ ค๊ณ ๋ ธ๋ ฅํ์์ต๋๋ค. ๋ง์ฝ, ๋ ๋์ ๋ฐฉ๋ฒ์ ์๊ณ ๊ณ
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
๐พ Simple creating cards using canvas. Welcome, Rank, Info and so on.
โญ discord-canvas-card Are you developing a bot using DiscordJS and you need beautiful images created using Canvas? You can create great welcome, goodb
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
An `og:image` (social card) generator that is fast, browser-less (no Puppeteer), and capable of running on the edge. This package is designed to be used with Cloudflare Workers (but may be used elsewhere), with the simple API inspired by `@vercel/og`.
Cloudflare Workers OG Image Generator Using Vercel's Satori engine, and many credits to @vercel/og for the inspiration. An og:image (social card) gene
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
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
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
tb-grid Lightweight (1kb gzipped) 12 column grid system, built with css grid. ๐ Demos & Playground Have a look at those examples: Main Demo: https:/
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 responsive print preview in A4 format
react-preview-a4 ๐ A responsive print preview in A4 format. Table of Contents Installation Examples Demo Installation To install, you can use npm: $
Get an isolated preview database for every Netlify Preview Deployment
Netlify Preview Database Plugin Create an isolated preview database for each preview deployment in Netlify Quickstart โข Website โข Docs โข Discord โข Twi
Embed your NFT art anywhere, generate preview for oldschool platforms
Embed.Art Introduction Platform like twitter and facebook use meta tags to display preview when sharing url. The format these meta tags support are li
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
๐ just a personal card inspired by Discord's Profile
Discord Profile Card This is a personal card inspired by Discord's Profile. Shows your info and presence activities on real time. Table of contents Di
[OUTDATED] [PoC] Magnit bonus card numbers & QR code gen
![[OUTDATED] [PoC] Magnit bonus card numbers & QR code gen](https://github.com/rdavydov/magnitqr/raw/main/screenshot.jpeg?raw=true)
magnitqr [OUTDATED] [PoC] Magnit bonus card numbers & QR code generator and saver https://rdavydov.github.io/magnitqr/ SPA that was used "in the field
This project is in developer-preview status and will reach the beta in 2023 Q1
rescoped.io This project is in developer-preview status and will reach the beta in 2023 Q1. Currently, the datagrid is under massive refactoring, and
VSCode Extension - Preview for AWS Step Functions
VS Code - AWS Step Functions Preview This extension lets you see what your state machine looks like in graphical format. This will help you in writing
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
๐ An app to create, edit, and preview HDR environment maps in the browser
Environment Map Light Editor Create, edit, and preview HDR environment maps in the browser. Preview your models in realtime and export lightmaps to us
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
SET Revision is a website to help you identify "sets" in the card game SET.
Welcome to SET Revision! SET Revision is a website to help you identify "sets" in the card game SET. The code in this repository is aimed for learners
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
Convert table to card when on phone
Convert table to card see index.html for example converts table to card when viewport is = 425px HTML Syntax table !-- table headings -- th
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
Wallpaper Engine but online-version. (HTML, CSS, JS with jQuery, PHP)
Project Preview - Web Wallpaper Engine About Wallpaper Engine but online-version. View animated wallpapers directly in your browser. Case: Create web-
Generate social preview images in your Next.js API from Sanity webhooks
sanity-next-social-image-generator Automatically generate social share images using Sanity webhooks, and your Next.js API! Requirements A Next.js appl
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
โฒ Vercel Preview Github Action
Vercel Preview Deployments Github Action Trigger Vercel preview deployments when you want to integrate with external services smoothly. Vercel preview
A vanilla js library to show preview images on hover
Hover Preview A vanilla js library to show preview images on hover, check a Demo here Please watch ๐ or star ๐ this repo if you like it. Getting sta
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
Simple modern JavaScript ES6 library that fetches JSON data into an HTML table which displays nicely within a Bootstrap 4 Card.
Simple modern JavaScript ES6 library that fetches JSON data into an HTML table which displays nicely within a Bootstrap 4 Card. Uses simplenotsimpler/modern-table library.
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.
Generate link preview using our app, API or our NPM package.
get-link-preview ๐ View the link preview using our App. Use the API to generate link preview in your app or use the NPM package to use the custom hoo
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
๐ผ Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well with or without a framework.
file-upload-with-preview ๐ผ Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well
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
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview for various files, offers multiple selection, resu
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
Add Read the Docs preview's link to Pull Requests
Add Read the Docs preview's link to Pull Requests GitHub Action that automatically edits Pull Requests' descriptions with a link to documentation's pr
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
A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.
A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.
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
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,
PDF Preview for Zotero.
Zotero PDF Preview Preview PDF attachments in the library view. Fast & easy. Do not require any third-party softwares. Quick Start Guide Install Downl
๐ 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
Format input text content when you are typing...
Cleave.js Cleave.js has a simple purpose: to help you format input text content automatically. Features Credit card number formatting Phone number for
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
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
Preview and reply to your messages from within Alfred. Keep your hands on that keyboard!
Mouseless Messenger Mouseless Messenger offers you rapid keyboard-driven access to send and read conversations in the macOS Messages app via Alfred โ
A WebApp to preview FTML, the SCP Foundation's markup language, on the Web.
Wikitext Previewer (FTML/Wikidot Web Previewer) A WebApp to preview FTML, the SCP Foundation's markup language, on the Web. "SCP-173" by Moto42, from
๐ 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
Provides intellisense, search and preview of emoji
Features Suggest emoji names after typing : or / (can be changed) Browse emojis by category Fuzzy search emojis Intellisense emojiIntellSense.language