Home

Awesome

github-elements

GitHub's Web Component collection.

We have 17 open source custom elements:

github/auto-check-element

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

Repository | Example

github/auto-complete-element

Auto-complete input values from server search results.

Repository | Example

github/clipboard-copy-element

Copy element text content or input values to the clipboard.

Repository | Example

github/details-dialog-element

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

Repository | Example

github/details-menu-element

A menu opened with <details>.

Repository | Example

github/file-attachment-element

Attach files via drag and drop or file input.

Repository | Example

github/filter-input-element

Display elements in a subtree that match filter input text.

Repository | Example

github/g-emoji-element

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

Repository | Example

github/image-crop-element

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

Repository | Example

github/include-fragment-element

A client-side includes tag.

Repository | Example

github/markdown-toolbar-element

Markdown formatting buttons for text inputs.

Repository | Example

github/relative-time-element

Web component extensions to the standard <time> element.

Repository | Example

github/remote-input-element

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

Repository | Example

github/tab-container-element

An accessible tab container element with keyboard support.

Repository | Example

github/task-lists-element

Drag and drop task list items.

Repository | Example

github/text-expander-element

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

Repository | Example

github/typing-effect-element

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

Repository | Example