Creating engaging blog content goes beyond just writing great copy. With our powerful MDX components, you can build interactive, visually appealing posts that keep readers engaged from start to finish.
In this guide, we'll explore every component available to you and show you exactly how to use them effectively.
Getting Started with Badges
Badges are perfect for highlighting status, labels, or important tags inline with your content. They come in multiple variants and sizes.
Default Secondary Verified Beta Deprecated NewYou can also use outline variants for a more subtle look:
Outline Success Large InfoBadges work great for tagging features, marking content status, or highlighting keywords in your documentation.
Step-by-Step Instructions
When you need to guide users through a process, the Steps component creates a beautiful vertical timeline that's easy to follow.
Install the package
First, add the required dependencies to your project using your preferred package manager.
bun install @releaseflow/components
Import the components
Import the components you need into your MDX file or React component.
import { Badge, Steps, Step } from '@releaseflow/components'
Start creating
Now you're ready to use the components in your content. Check out the examples below for inspiration!
Organizing Content with Cards
Cards are excellent for showcasing related content, linking to other pages, or presenting options in a grid layout.
Quick Start
Get up and running with ReleaseFlow in under 5 minutes.
API Reference
Complete documentation for all available endpoints.
Best Practices
Learn how to get the most out of your content.
Community
Join thousands of creators sharing tips and tricks.
Adding Context with Tooltips
Sometimes you need to explain technical terms without breaking the flow of your content. That's where MCP tooltips shine.
You can also add headlines and calls-to-action: The ReleaseFlow platform makes content distribution effortless.
Tooltips are perfect for defining acronyms, explaining jargon, or providing additional context without cluttering your main content.
Collapsible Content with Accordions
For content that's useful but not essential to every reader, accordions let you tuck it away neatly. Use them standalone or group them together.
Embedding Social Media
Bring your content to life by embedding videos directly from popular platforms.
YouTube Videos
Embed any YouTube video with privacy-enhanced mode enabled by default:
You can also start videos at a specific timestamp using the start parameter.
TikTok Videos
Showcase viral TikTok content directly in your posts:
Instagram Posts
Feature Instagram content with full embed support:
Social media embeds require the respective platform's scripts to load. They may take a moment to appear and require JavaScript to be enabled.
Combining Components
The real power comes from combining these components together. Here's an example of a feature announcement:
New FeatureIntroducing Smart Scheduling
We're excited to announce our new AI-powered scheduling feature that automatically finds the best time to post your content.
Connect your accounts
Link your social media profiles to ReleaseFlow.
Upload your content
Add your video, image, or text content to the queue.
Let AI optimize
Our algorithm analyzes your audience and schedules posts for maximum engagement.
2.5x
Average engagement increase
10hrs
Saved per week
50+
Platforms supported
Frequently Asked Questions
Conclusion
With these MDX components at your disposal, you can create blog posts that are not just informative but truly engaging. Experiment with different combinations, but remember: the best content puts the reader first.
Ready to start creating? Check out our component playground to experiment with all these components in real-time.
Have questions or suggestions for new components? We'd love to hear from you—reach out on Twitter or join our Discord community.
