Nuxt Social Share

Nuxt Social Share is a Nuxt module by Stefano Bartoletti that adds simple social sharing buttons to Nuxt sites through a minimal-config <SocialShare> component and a useSocialShare composable. It runs on Nuxt 3, is distributed on npm as @stefanobartoletti/nuxt-social-share, and is open-sourced under the MIT license.

What is Nuxt Social Share?

Nuxt Social Share is a Nuxt module that provides a set of social sharing tools: an unstyled <SocialShare> component by default, an optional styled variant, and a useSocialShare composable for programmatic use. You give it a URL, and it generates share links for many major social networks. The module is built specifically for Nuxt projects and is maintained by Stefano Bartoletti, with full documentation available at nuxt-social-share.stefanobartoletti.it.

Key Features

• Minimal <SocialShare> component — Drop it into any Nuxt page and pass a URL to generate share buttons without additional configuration.
• Unstyled by default — The component ships without CSS so it integrates into any existing design system without style conflicts.
• Optional styled version — A pre-styled variant is included that still allows further customization to match your brand.
• useSocialShare composable — Exposes social sharing logic for scenarios that need more control than the component offers, such as custom button designs or programmatic triggers.
• Many major social networks supported — The module supports a broad set of networks (the page does not enumerate them, but it states this as a key feature).
• Open source and community-driven — MIT-licensed, with a contributing guide; pull requests for new networks are accepted only if the network offers documentation in English among other languages.

Who is it for?

• Nuxt developers — Add social sharing to a Nuxt 3 site without writing share URL boilerplate for each network.
• Design-systems teams — Use the unstyled component to match a custom design, or the styled version to get started quickly and tweak it later.
• Content and marketing sites — Give blog posts and landing pages one-click share links to major social platforms.

What can you do with Nuxt Social Share?

• Blog authors: add share buttons to article pages so readers can post links to platforms like X (Twitter), Facebook, LinkedIn, and others directly from the page.
• SaaS landing pages: include a share action in a success screen or referral flow, using the useSocialShare composable to trigger sharing from a custom button.
• Nuxt module maintainers: extend the module by contributing support for additional social networks, following the contribution guidelines in the repository.