670 Open source projects that are alternatives of or similar to focus-trap

Everything you need to know about Shadow DOM

Build, test, and publish vanilla Web Components with a little spice

Front End Cross-Frameworks Framework - 前端跨框架跨平台框架

Mount React components to the DOM using custom elements

Create native custom elements using Typescript

A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.

🎨面向未来的原生 web components UI组件库

Fast and simple custom elements.

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

🚀 Web-components made lightweight & Future-Proof.

Drag and drop task list items.

Attach files via drag and drop or file input.

Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

A better <input type="file">

Custom hook to bridge Custom Elements (Web Components) to React.

Missing template engine for Web Components

A custom element for cropping a square image. Returns x, y, width, and height.

🍬 <range-slider> custom element

A web component to use Phaser Framework with Angular, React, Vue, etc 🎮

An input element that validates its value with a server endpoint.

A canvas drawing library for Elm

Markdown formatting buttons for text inputs.

JavaScript library for building user interfaces with Custom Elements, Shadow DOM and React like API

🔧 A simple, lightweight tool for composable HTML rendering in Node.js, based on web components.

Wrap your component up as a custom element

Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.

A tiny color picker custom element for modern web apps (2.7 KB) 🎨

A lightweight emoji picker for the modern web

A menu opened with <details>.

An accessible tab container element with keyboard support.

A modal dialog that's opened with <details>.

Create CSS3D/WebGL applications declaratively with HTML. Give regular DOM elements shadow and lighting.

Lazy load Angular Elements (or any other web components / custom elements ) with ease!

🔮 A web-component html5 video player facing future

Vue component that helps you to to trap focus in an element.

Animated hamburger menu icons for modern web apps (1.8 KB) 🍔

🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

Lightweight web components library built with LitElement.

Easily include external HTML into your pages.

🇨🇭Functional custom elements

A client-side includes tag.

Copy element text content or input values to the clipboard.

A Polymer element for easily updating a webpage's title, such as in a SPA.

Auto-complete input values from server search results.

All about HTML Custom Elements

HTML forms on performance-enhancing drugs

⚡️ <progressive-image> custom element

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

Web component extensions to the standard <time> element.

Material & Bootstrap Web Components built with Smart

LWC plugins and utilities for testing

An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.

🎉 A helper function to easily modify Shadow DOM CSS.

Material Design implemented in Web Components (Custom Elements v1)

Web Components-powered custom HTML elements for building Three.js-powered games and interactive experiences. 🎉

Monogatari is a simple web visual novel engine, created to bring Visual Novels to the web.

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

A light spiritual succesor to neon-animated-pages using only css animations

An input element that sends its value to a server endpoint and renders the response body.