Generate universal components that work for humans and AI
Write once with simple @ commands → instantly create, reuse, and share rich components across any platform.
How Bloxx components work
You can create and format text easily by writing with markdown (e.g. output from ChatGPT, Airtable, Notion).
Using @ symbols
You can then use simple commands using the "@" symbol followed by a URL and we'll extract all the key content details - try some of our examples.
Built for Everyone
Content Creators
Create rich product reviews and location guides with auto-extracted data. Perfect for bloggers and reviewers.
Developers
Build SEO-optimized blogs with JSON output. A cost-effective alternative to traditional headless CMS platforms.
No-Coders
Generate components for Webflow, Framer, and other platforms. No coding required - just copy and paste.
How Bloxx Components Work
Every LLM, developer blog, documentation site, and README is already in markdown. Bloxx just makes it 100x more powerful with @ commands and ability to export to any format.
1) Write markdown
Start with regular markdown for headings, paragraphs, and lists to auto create sections
2) Add @ commands
Use @ commands with URLs or text to generate rich components
3) Customize Attributes
Add attributes like theme="dark" or layout="grid" to customize
4) Export Any Format
Get HTML, JSON, or platform-specific code with schema markup that Google and LLMs need
Component Reference
@product - Extract Product Data
@product amazon.com/dp/B08N5WRWNW✓ Product description & specs
✓ Shipping information
✓ Product schema markup
@product amazon.com/dp/B08N5WRWNW layout="compact" show-reviews="false" theme="minimal"@location - Place Information
@location "BrewDog, Paddington London"
@location maps.google.com/place/...✓ Address, phone, website
✓ Ratings and reviews
✓ LocalBusiness schema
map-style="satellite" show-directions="true"@faq - FAQ Sections
@faq
Q: How does billing work?
A: We charge monthly with no setup fees.
Q: Can I cancel anytime?
A: Yes, cancel anytime with no penalties.style="accordion" expand-first="true" theme="minimal"@collection - Group Multiple Items
@collection
- amazon.com/dp/product1
- amazon.com/dp/product2
- etsy.com/listing/item3layout="carousel" autoplay="true" items-visible="3"Export Formats
Simple, transparent pricing
Choose the plan that works best for you
Starter
Perfect for individuals and small projects
- 100 components/month
- Basic customization
- Export to HTML/React
- Email support
Pro
Ideal for growing teams and businesses
- Unlimited components
- Advanced customization
- All export formats
- Priority support
- Team collaboration
Enterprise
For large organizations and agencies
- Everything in Pro
- API access
- Custom integrations
- Dedicated support
Get early access
Join the waitlist to be among the first to transform your content into powerful web components