Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:blockSelf-contained

GitHub Languages

github-languages

A visual language breakdown bar showing the programming languages used in a GitHub repository with percentage labels.

@elementsRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Fetches language statistics from GitHub API. Shows a colored bar with language percentages. Supports hiding labels with showLabels={false}.
@elements

More from @elements

All 40 items
Theme Switcher Toggle
theme-switcher-toggle
Component
UploadThing Avatar
uploadthing-avatar
Block
UploadThing Dropzone
uploadthing-dropzone
Block
UploadThing Paste
uploadthing-paste
Block
AI Confirmation
confirmation
Component
Upstash Ratelimit
upstash-ratelimit
Block
GitHub Activity Calendar
github-activity-calendar
Block
GitHub Repo Card
github-repo-card
Block