Version 1.0 Now Live

Your Bluesky feed,
beautifully on your site

Embed your Bluesky social feed anywhere on your WordPress site with a simple shortcode. Six display layouts including Masonry. Fully customizable.

yourwebsite.com/feed
Masonry · Coming Soon
Lena Torres
Image layout live on my gallery page with `[bluefeed layout="image"]`.
12h
Jordan Park@jordanp.bsky.social · 5h
Replaced a brittle iframe with BlueFeed. Handles, avatars, and like counts sync from Bluesky automatically.
Sam Ortiz
Compact layout in the footer: `[bluefeed layout="compact" count="3"]`.
4h
Ava Morales@ava.bsky.social · 6h
Published a walkthrough of BlueFeed shortcodes — layouts, colors, and how many posts to show.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed on my homepage: `[bluefeed layout="classic"]`. Bluesky posts, my brand colors, zero custom CSS.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed video layout on my blog — Bluesky clips embedded beside the post text.
Ava Morales@ava.bsky.social · 6h
Dark mode + BlueFeed = my Bluesky feed matches my WordPress theme day and night.
Sam Ortiz@samortiz.bsky.social · 4h
Card layout is perfect for project updates — each Bluesky post with a photo gets its own tile on my site.
Sam Ortiz@samortiz.bsky.social · 4h
Screen recording: installing BlueFeed and embedding a feed in under two minutes.
Lena Torres
Image layout live on my gallery page with `[bluefeed layout="image"]`.
12h
Sam Ortiz@samortiz.bsky.social · 4h
Card layout is perfect for project updates — each Bluesky post with a photo gets its own tile on my site.
Jordan Park@jordanp.bsky.social · 5h
Replaced a brittle iframe with BlueFeed. Handles, avatars, and like counts sync from Bluesky automatically.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed on my homepage: `[bluefeed layout="classic"]`. Bluesky posts, my brand colors, zero custom CSS.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed video layout on my blog — Bluesky clips embedded beside the post text.
Sam Ortiz
Compact layout in the footer: `[bluefeed layout="compact" count="3"]`.
4h
Lena Torres
Image layout live on my gallery page with `[bluefeed layout="image"]`.
12h
Maya Chen@mayachen.bsky.social · 2h
BlueFeed on my homepage: `[bluefeed layout="classic"]`. Bluesky posts, my brand colors, zero custom CSS.
Sam Ortiz@samortiz.bsky.social · 4h
Card layout is perfect for project updates — each Bluesky post with a photo gets its own tile on my site.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed video layout on my blog — Bluesky clips embedded beside the post text.
Jordan Park@jordanp.bsky.social · 5h
Replaced a brittle iframe with BlueFeed. Handles, avatars, and like counts sync from Bluesky automatically.

Everything you need to
showcase your feed

Drop a shortcode, pick a style, match your brand. It just works.

Simple Shortcodes

Add your feed anywhere — posts, pages, sidebars, widget areas. Just paste a shortcode and you're live.

Fully Customizable

Colors, fonts, spacing, borders, shadows — every detail is configurable to match your brand perfectly.

Responsive Design

Looks stunning on every screen size. From desktop monitors to mobile phones, your feed adapts seamlessly.

6 Display Layouts

Classic, Card, Video, Compact, or Image grid — plus a full-width Masonry layout coming soon.

Auto-Updating

Your feed stays current automatically. New Bluesky posts appear on your site without lifting a finger.

Lightweight & Fast

Optimized for performance with minimal footprint. Won't slow down your site or hurt your Core Web Vitals.

Six ways to show
your feed

Each layout is designed for a different use case. Mix and match across your site — with Masonry on the way.

01 — Classic Layout
Classic Feed[bluefeed layout="classic"]
Maya Chen
@mayachen.bsky.social

WordPress blogger and designer. I embed my Bluesky feed with BlueFeed — one shortcode, six layouts, no custom code.

3,044 posts422,177 followers1 following
Maya Chen@mayachen.bsky.social · 2 hours ago
Added BlueFeed to my homepage with [bluefeed layout="classic"]. My Bluesky posts now match my theme colors — avatars, likes, and reposts included.
Jordan Park@jordanp.bsky.social · 5 hours ago
Swapped a custom iframe for BlueFeed on my docs site. Install from WordPress.org, enter my Bluesky handle, pick a layout — feed went live in minutes.
Lena Torres@lena.bsky.social · 8 hours ago
Compact layout in my sidebar: [bluefeed layout="compact" count="5"]. Keeps visitors updated without a full-page feed.
02 — Card Layout
Card Feed[bluefeed layout="card"]
Sam Ortiz@samortiz.bsky.social · 4 hours ago
Card layout on my studio blog — each Bluesky post with a photo gets its own tile. BlueFeed handles the grid and engagement counts.
Ava Morales@ava.bsky.social · 6 hours ago
Shared a screenshot of my BlueFeed feed in the site footer. Styled it with shortcode colors to match my brand palette.
Maya Chen@mayachen.bsky.social · 2 hours ago
Running the image layout on my portfolio — [bluefeed layout="image"] turns Bluesky photo posts into an Instagram-style grid.
Jordan Park@jordanp.bsky.social · 5 hours ago
Wrote up how I use BlueFeed’s video layout for Bluesky clips on my travel blog — visitors stay on WordPress, not Bluesky.
03 — Masonry Layout
Coming Soon

Full-width masonry wall

A Pinterest-style post wall that mixes classic, card, compact, and video posts in balanced columns — perfect for homepages, landing pages, and portfolio sites.

  • Height-balanced multi-column masonry
  • Mix every post format in one feed
  • Responsive from desktop to mobile
[bluefeed layout="masonry"]
yourwebsite.com/feed
Lena Torres
Image layout live on my gallery page with `[bluefeed layout="image"]`.
12h
Jordan Park@jordanp.bsky.social · 5h
Replaced a brittle iframe with BlueFeed. Handles, avatars, and like counts sync from Bluesky automatically.
Sam Ortiz
Compact layout in the footer: `[bluefeed layout="compact" count="3"]`.
4h
Ava Morales@ava.bsky.social · 6h
Published a walkthrough of BlueFeed shortcodes — layouts, colors, and how many posts to show.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed on my homepage: `[bluefeed layout="classic"]`. Bluesky posts, my brand colors, zero custom CSS.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed video layout on my blog — Bluesky clips embedded beside the post text.
Ava Morales@ava.bsky.social · 6h
Dark mode + BlueFeed = my Bluesky feed matches my WordPress theme day and night.
Sam Ortiz@samortiz.bsky.social · 4h
Card layout is perfect for project updates — each Bluesky post with a photo gets its own tile on my site.
Sam Ortiz@samortiz.bsky.social · 4h
Screen recording: installing BlueFeed and embedding a feed in under two minutes.
Lena Torres
Image layout live on my gallery page with `[bluefeed layout="image"]`.
12h
Sam Ortiz@samortiz.bsky.social · 4h
Card layout is perfect for project updates — each Bluesky post with a photo gets its own tile on my site.
Jordan Park@jordanp.bsky.social · 5h
Replaced a brittle iframe with BlueFeed. Handles, avatars, and like counts sync from Bluesky automatically.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed on my homepage: `[bluefeed layout="classic"]`. Bluesky posts, my brand colors, zero custom CSS.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed video layout on my blog — Bluesky clips embedded beside the post text.
Sam Ortiz
Compact layout in the footer: `[bluefeed layout="compact" count="3"]`.
4h
Lena Torres
Image layout live on my gallery page with `[bluefeed layout="image"]`.
12h
Maya Chen@mayachen.bsky.social · 2h
BlueFeed on my homepage: `[bluefeed layout="classic"]`. Bluesky posts, my brand colors, zero custom CSS.
Sam Ortiz@samortiz.bsky.social · 4h
Card layout is perfect for project updates — each Bluesky post with a photo gets its own tile on my site.
Maya Chen@mayachen.bsky.social · 2h
BlueFeed video layout on my blog — Bluesky clips embedded beside the post text.
Jordan Park@jordanp.bsky.social · 5h
Replaced a brittle iframe with BlueFeed. Handles, avatars, and like counts sync from Bluesky automatically.
04 — Video Layout
New
Video Feed — Vertical Clips[bluefeed layout="video"]
Sam Ortiz@samortiz.bsky.social · 4 hours ago
BlueFeed video layout embeds my Bluesky clips on my WordPress travel blog — vertical format, native feel.
Ava Morales@ava.bsky.social · 6 hours ago
60-second setup: install BlueFeed from WordPress.org, add your Bluesky handle, choose a layout, publish.
Maya Chen@mayachen.bsky.social · 2 hours ago
Demo of BlueFeed’s video layout on mobile — clip, caption, and engagement stats all inside the feed card.
05 — Compact Layout
Compact Feed — Great for Sidebars[bluefeed layout="compact"]
Maya Chen
Added `[bluefeed layout="compact" count="5"]` to my sidebar — latest Bluesky posts without clutter.
2h
Sam Ortiz
BlueFeed classic layout on my homepage matches my theme colors with two shortcode attributes.
4h
Ava Morales
New docs page: every BlueFeed shortcode option for layouts, colors, and post limits.
6h
Jordan Park
Switched from a custom embed to BlueFeed — install, paste my handle, pick card layout. Done in minutes.
8h
Lena Torres
Image layout on my portfolio: `[bluefeed layout="image"]` pulls my Bluesky photo posts into a grid.
12h
06 — Image Layout
Image Grid — Instagram Style[bluefeed layout="image"]

Make it yours,
down to every pixel

Every element is configurable via shortcode attributes or the WordPress admin panel. No CSS hacking required.

Brand Colors

Set background, text, link, and accent colors to perfectly match your site's palette.

Layout Control

Adjust columns, spacing, border radius, and maximum number of posts to display.

Show / Hide Elements

Toggle avatars, timestamps, like counts, repost counts, and more on or off.

Dark Mode Ready

Built-in dark mode support. Automatically adapts or let users toggle between themes.

Theme Colors
Primary palette
Accent options
Display Options
AvatarsTimestampsLike CountRepost CountReply CountImages
Border Radius