19 repository-uri
Awesome GitHub RepositoriesStandalone Components
Individual, specialized web components for specific tasks.
Explore 19 awesome GitHub repositories matching part of an awesome list · Standalone Components. Refine with filters or upvote what's useful.
Awesome Standalone Components GitHub Repositories
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- googlewebcomponents/model-viewer
GoogleWebComponents/model-viewer
8,142Vezi pe GitHubmodel-viewer este o componentă web utilizată pentru a randa și a interacționa cu modele tridimensionale direct într-un browser web. Funcționează ca un renderer de modele 3D glTF și o componentă WebGL interactivă, încapsulând un pipeline de randare 3D într-un element HTML personalizat. Proiectul permite realitatea augmentată bazată pe web, permițând proiectarea activelor 3D în medii fizice folosind camera unui dispozitiv mobil. Oferă instrumente pentru proiecția în realitate augmentată și crearea de experiențe prin combinarea modelelor 3D cu urmărirea camerei. Componenta suportă vizualizarea 3D a produselor și integrarea graficii interactive în paginile web. Gestionează procesarea activelor glTF și utilizează logica de interacțiune raycast pentru a permite utilizatorilor să manipuleze și să vizualizeze modelele din unghiuri diferite.
Interactive 3D model rendering component.
TypeScript - sachinchoolur/lightgallery
sachinchoolur/lightGallery
7,033Vezi pe GitHublightGallery is a JavaScript lightbox gallery plugin and responsive multimedia viewer. It provides a fullscreen overlay for displaying collections of images and videos, supporting both touch-based gestures and keyboard navigation. The project utilizes a modular plugin architecture that allows for the integration of optional features such as social sharing and thumbnail pagination. It is designed as a touch-enabled system with capabilities for pinch-to-zoom, rotation, and gesture-based navigation across mobile and desktop browsers. The viewer supports the rendering of local HTML5 videos, exte
Image and video gallery component.
TypeScript - toeverything/blocksuite
toeverything/blocksuite
5,544Vezi pe GitHubBlockSuite is a collaborative block editor framework built on a hierarchical block tree data model with CRDT-based state synchronization for real-time multi-user editing. It provides an extensible block component system, allowing developers to define custom block types through declarative schemas, services, and rendering components. The editor is packaged as cross-framework web components, making it embeddable in any JavaScript environment. The framework distinguishes itself with a command-driven editing pipeline that composes type-safe editing actions with dynamic context sharing and control
Collaborative block-based editor component.
TypeScriptblockblock-editorcollaboration - mrin9/rapidoc
mrin9/RapiDoc
1,891Vezi pe GitHubRapiDoc -WebComponent for OpenAPI Spec
OpenAPI and Swagger documentation viewer component.
JavaScript - lottiefiles/lottie-player
LottieFiles/lottie-player
1,658Vezi pe GitHubLottie animation playback component.
TypeScriptbodymovinlit-elementlottie - aejkatappaja/phantom-ui
Aejkatappaja/phantom-ui
Structure-aware skeleton loader. One Web Component, every framework.
Skeleton loader component with automatic DOM measurement.
TypeScript - web-padawan/api-viewer-element
web-padawan/api-viewer-element
API documentation and live playground for Web Components. Based on Custom Elements Manifest format
Documentation and playground for web components.
TypeScript - alenaksu/json-viewer
alenaksu/json-viewer
Web Component to visualize JSON data in a tree view
Tree-view JSON visualization component.
TypeScript - simonihmig/responsive-image
simonihmig/responsive-image
The multi-framework JavaScript library for responsive images.
Component for handling responsive image rendering.
TypeScript - motss/app-datepicker
motss/app-datepicker
Datepicker element built with lit and Material Design 2021
Material Design date picker component.
TypeScript - doubletrade/lit-datatable
DoubleTrade/lit-datatable
lit-datatable is a material design implementation of a data table.
Material Design data table component.
TypeScript - boguz/burgton-button
boguz/burgton-button
A simple customisable lit-element burger button
Accessible burger menu button component.
JavaScript - andy-austin/lit-image-cropper
andy-austin/lit-image-cropper
Lightweight and efficient web component for cropping images. Built with Lit, it provides a simple yet powerful solution for integrating image cropping functionality into your web applications.
Lightweight image cropping component.
TypeScript - alangdm/helium-animated-pages
alangdm/helium-animated-pages
This is a light spiritual successor to the now deprecated .
Component for CSS-based page transitions.
JavaScript - lostinbrittany/granite-qrcode-generator
LostInBrittany/granite-qrcode-generator
A webcomponent to render a QR Code
QR code generation component.
JavaScript - justinribeiro/stl-part-viewer
justinribeiro/stl-part-viewer
Uses Intersection Observer to load STL files when only in the viewport. Uses Intersection Observer to pause rendering of scene when viewer is not in viewport Loads Binary and ASCII STL files Built as a web component on Polymer 3 / LitElement
3D STL model viewer component.
- thomasloven/round-slider
thomasloven/round-slider
A simple round slider webcomponent - demo
Round slider input component.
- bennypowers/codesandbox-button
bennypowers/codesandbox-button
| Name | Module | Package | | ------------ | ------ | ------- | | LitElement | | lit |
Button component for launching CodeSandbox demos.
- justinribeiro/code-block
justinribeiro/code-block
Loads Prism.js language definitions on demand via dynamic imports from nodemodules/prismjs/components/ Loads Prism.js custom themes Built as a web component on Lit
Syntax-highlighted code display component.
