Dev Design LibraryOpen the library

Share Button Components

Dev Design Library indexes 15 share button components from 10 open-source UI libraries, with the most coming from Watermelon UI, Kokonut UI, MicroKit, UI Lab and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Share button components belong to the Actions group.

Comp 387Origin UI · React
Button ShareAmicro Micro Transitions · React
Social ButtonKokonut UI · ReactShare button that expands into a row of social icon buttons with staggered Motion animations on hover, built with…
Share ButtonSpectrum UI · ReactA share trigger that fans out into copy-link and custom share actions with staggered springs, tooltips and full…
Share SheetVengeance UI · ReactAnimated share dialog with direct sharing, copy-link feedback, and a downloadable QR code
Share Menu DropdownOpenSourceUI · React
Open In ChatAI Elements (Svelte) · SvelteA provider menu for opening prompts in external chat and AI tools.
Share ButtonWatermelon UI · React
Quote ShareUI Lab · ReactLifts the words you select out of the paragraph and into a shareable quote card.
Cursor Follow Share ButtonMicroKit · ReactA dark share pill with a glowing send orb that tracks the pointer and a looping upward text swap.
V0 ButtonKokonut UI · ReactOpen in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn…
Share SheetWatermelon UI · React
Share ButtonUI Lab · ReactOpens in place into copy, X and email, and the link turns into a check when it is copied.
Sliding Send ButtonMicroKit · ReactA bordered share pill whose label glides right as an orange send icon enters from the left.
Share Sheet BaseWatermelon UI · React

Libraries with share button components

Related categories