The Publishing Experience Marketers Need
Marketing teams thrive when content workflows are intuitive, scalable, and fast. Through our Web Components WordPress Block Editor approach, we help businesses shape publishing experiences that feel smooth and easy to use
This journey took us deep into Gutenberg’s universe. We built custom blocks, extended editor capabilities, and tested third-party add-ons. Over time, we noticed a clear pattern. More ideas often meant… more blocks.
That leads to a cluttered inserter, onboarding friction, and complicated governance for marketing teams. We wanted a solution that keeps the editor clean while giving teams a more creative range.
A Different Strategy: Enhance Blocks, Don’t Multiply Them
RichText formats in WordPress sparked inspiration. They allow text-level enhancements with just a quick select-and-apply action. Simple, Native, Marketer-friendly. That sparked a key insight:
What if teams could unlock richer visual and interactive capabilities inside the same core blocks they already know? No plugin overload. No learning curve. Just more possibilities.
Why Web Components Made Sense
React powers Gutenberg beautifully, though serving it again on the frontend for every visual enhancement can feel heavy. Web Components WordPress Block Editor integration offers a lightweight, scalable alternative with encapsulated styling and behavior that fits seamlessly into native HTML.
When we paired web components with WordPress formats, the idea became practical: lightweight enhancements inside familiar blocks. That experiment became Tatva, which now powers BlaBlaBlocks Formats.
Introducing Tatva
A set of reusable Custom Elements you can drop into any project. Components are self-contained, style-safe via Shadow DOM, and expose a clean attribute-based API. Provides the following elements:
- Image Compare: Spotlight dramatic before-and-after visuals such as product upgrades, redesigns, transformations, or campaign impact.
- Animated Marker: Direct attention to important messaging using bold underline, curly, or strike-style animations.
- InfoTip: Offer quick contextual insight or micro-learning moments with interactive tooltips.
- Pulse: Call out key features or focus areas with a subtle animation effect.
- Animated Text: Bring headlines, stats, and value props to life with typing, fly-in, or fade effects.
All of these elements stay intuitive for editors and compelling for audiences.
Powering WordPress Formats
With the power of web components from tatva and the flexibility of WordPress rich text format from BlaBlaBlocks Formats result into:
• Activate interactive storytelling with zero coding
• Boost engagement while preserving brand consistency
• Keep performance high with compact, efficient frontend components
• Reduce training time and keep publishing workflows simple
• Extend impact without multiplying plugins or blocks
Try Now
Learn more and get started with Tatva
https://github.com/lubusIN/tatva
Learn more and get started with BlaBlaBlocks Formats
https://github.com/lubusIN/blablablocks-formats
Stay tuned. We’re continuing to add more elements and refinements as we learn from real usage inside content teams.
Leave a Reply