Description
TurboPress Embed creates lightweight previews for third-party content and loads heavy players only after visitor interaction where supported. It also includes reusable blocks for developer projects, source code, technology stacks, case studies and metrics.
Embed providers
- YouTube
- Spotify
- TikTok
- X / Twitter
- SoundCloud
- Vimeo
- GitHub Gist
- Bluesky
- Twitch
- Smart URL
- CodePen
- Loom
- Figma
Developer portfolio blocks
- GitHub Project
- GitHub Code
- Tech Stack
- Project Case Study
- Project Metrics
Highlights
- Click-to-load previews reduce initial third-party requests
- Native Gutenberg blocks with provider-specific assets
- Accessible keyboard interaction, focus states and readable contrast
- Namespaced styles reduce conflicts with themes
- No jQuery dependency
Screenshots
Blocks
This plugin provides 18 blocks.
- Bluesky Post Lightweight preview of a public Bluesky post.
- TurboPress Spotify Spotify preview card with click-to-load embed.
- GitHub Gist Display source code from a public GitHub Gist.
- Figma Embed Lazy preview for a public Figma resource.
- TurboPress TikTok TikTok preview card with click-to-load embed.
- Developer Project Case Study Create a professional developer project case study.
- Smart URL Preview Secure metadata preview for a public URL.
- Loom Video Lightweight Loom video preview.
- TurboPress X / Twitter X/Twitter preview card with click-to-load embed.
- CodePen Lightweight CodePen preview with lazy result.
- Tech Stack Present technologies manually or from GitHub languages.
- Project Metrics Communicate measurable project outcomes.
- Vimeo Video Lightweight Vimeo video preview.
- Twitch Lazy Twitch channel, video, or clip embed.
- GitHub Code Showcase Show an escaped source-code excerpt from GitHub.
- TurboPress SoundCloud SoundCloud preview card with click-to-load embed.
- TurboPress YouTube YouTube preview card with click-to-load embed.
- GitHub Project Showcase Present a GitHub repository as a portfolio project.
Installation
- Upload the plugin to
/wp-content/plugins/or install it through Plugins > Add New. - Activate TurboPress Embed.
- Open the block editor and search for TurboPress.
FAQ
-
Will embeds still work if JavaScript is blocked?
-
Interactive click-to-load embeds require JavaScript. Their initial preview remains available when JavaScript is blocked.
-
Where is the development source?
-
The source and build configuration are available at https://github.com/cirinojr/turbopress-embed.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“TurboPress Embed” is open source software. The following people have contributed to this plugin.
Contributors
Translate “TurboPress Embed” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
- Added Vimeo, GitHub Gist, Bluesky, Twitch, Smart URL, CodePen, Loom and Figma blocks.
- Added GitHub Project, GitHub Code, Tech Stack, Project Case Study and Project Metrics blocks.
- Redesigned developer project and code presentations.
- Improved TikTok preview loading and interaction.
- Improved CodePen URL parsing and embed rendering.
- Completed accessibility and WCAG 2.2 AA improvements across the block suite.
- Simplified shared provider architecture and reusable components.
1.0.0
- Initial release with YouTube, Spotify, TikTok, X / Twitter and SoundCloud blocks.