Sveltekit Embed screenshot

Sveltekit Embed

Author Avatar Theme by Spences10
Updated: 25 Apr 2025
222 Stars

SvelteKit embed components

Overview

This product is a collection of embed components that are packaged up for use. It includes various components for embedding content from platforms such as AnchorFm, Buzzsprout, CodePen, Deezer, GenericEmbed, Gist, Guild, Relive, SimpleCast, Slides, SoundCloud, Spotify, StackBlitz, Toot, Tweet, Vimeo, YouTube, and Zencastr. The components are designed to be easily used as Svelte components and are wrapped in an intersection observer to load the component when it scrolls into the viewport.

Features

  • Collection of embed components for various platforms
  • Easy to use as Svelte components
  • Intersection observer for lazy loading

Installation

To install the theme, follow these steps:

  1. Rename the .sample.env file to .env.
  2. Create the component in the src/lib/components directory.
  3. Add the component to the src/lib/index.ts file.
  4. Import the component locally into the src/routes/+page.md file.
  5. Add the imported component to the Available Components List and document it.
  6. Test the package locally with the package:local script.
  7. Test locally, then submit a pull request (PR).

Summary

This product is a collection of embed components that allows users to easily embed content from various platforms into their Svelte projects. The components are packaged up for use and come with an intersection observer for lazy loading. Installation and usage instructions are provided to help users integrate the components into their projects. Contributions are welcome, and the project follows the all-contributors specification.