# github-elements

**Repository Path**: mirrors_github/github-elements

## Basic Information

- **Project Name**: github-elements
- **Description**: GitHub's Web Component collection.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# github-elements

GitHub's Web Component collection.

We have 17 open source custom elements:

### [github/auto-check-element](https://github.com/github/auto-check-element)

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

[Repository](https://github.com/github/auto-check-element) | [Example](https://github.github.com/auto-check-element/examples/)

### [github/auto-complete-element](https://github.com/github/auto-complete-element)

Auto-complete input values from server search results.

[Repository](https://github.com/github/auto-complete-element) | [Example](https://github.github.com/auto-complete-element/examples/)

### [github/clipboard-copy-element](https://github.com/github/clipboard-copy-element)

Copy element text content or input values to the clipboard.

[Repository](https://github.com/github/clipboard-copy-element) | [Example](https://github.github.io/clipboard-copy-element/examples/)

### [github/details-dialog-element](https://github.com/github/details-dialog-element)

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

[Repository](https://github.com/github/details-dialog-element) | [Example](https://github.github.io/details-dialog-element/example/index.html)

### [github/details-menu-element](https://github.com/github/details-menu-element)

A menu opened with <details>.

[Repository](https://github.com/github/details-menu-element) | [Example](https://github.github.io/details-menu-element/examples)

### [github/file-attachment-element](https://github.com/github/file-attachment-element)

Attach files via drag and drop or file input.

[Repository](https://github.com/github/file-attachment-element) | [Example](https://github.github.com/file-attachment-element/examples/)

### [github/filter-input-element](https://github.com/github/filter-input-element)

Display elements in a subtree that match filter input text.

[Repository](https://github.com/github/filter-input-element) | [Example](https://github.github.io/filter-input-element/examples/)

### [github/g-emoji-element](https://github.com/github/g-emoji-element)

Backports native emoji characters to browsers that don't support them by replacing the characters with fallback images.

[Repository](https://github.com/github/g-emoji-element) | [Example](https://github.github.io/g-emoji-element/examples/)

### [github/image-crop-element](https://github.com/github/image-crop-element)

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

[Repository](https://github.com/github/image-crop-element) | [Example](https://github.github.io/image-crop-element/examples/)

### [github/include-fragment-element](https://github.com/github/include-fragment-element)

A client-side includes tag.

[Repository](https://github.com/github/include-fragment-element) | [Example](https://github.github.io/include-fragment-element/examples)

### [github/markdown-toolbar-element](https://github.com/github/markdown-toolbar-element)

Markdown formatting buttons for text inputs.

[Repository](https://github.com/github/markdown-toolbar-element) | [Example](https://github.github.com/markdown-toolbar-element/examples/)

### [github/relative-time-element](https://github.com/github/relative-time-element)

Web component extensions to the standard <time> element.

[Repository](https://github.com/github/relative-time-element) | [Example](https://github.github.io/relative-time-element/examples/)

### [github/remote-input-element](https://github.com/github/remote-input-element)

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

[Repository](https://github.com/github/remote-input-element) | [Example](https://github.github.io/remote-input-element/examples)

### [github/tab-container-element](https://github.com/github/tab-container-element)

An accessible tab container element with keyboard support.

[Repository](https://github.com/github/tab-container-element) | [Example](https://github.github.com/tab-container-element/examples/)

### [github/task-lists-element](https://github.com/github/task-lists-element)

Drag and drop task list items.

[Repository](https://github.com/github/task-lists-element) | [Example](https://github.github.io/task-lists-element/examples/)

### [github/text-expander-element](https://github.com/github/text-expander-element)

Activates a suggestion menu to expand text snippets as you type.

[Repository](https://github.com/github/text-expander-element) | [Example](http://github.github.io/text-expander-element/examples)

### [github/typing-effect-element](https://github.com/github/typing-effect-element)

A custom element that shows text as if it were being typed

[Repository](https://github.com/github/typing-effect-element) | [Example](https://github.github.com/typing-effect-element/examples/)