Component Library
Explore all the powerful content blocks available in our editorial CMS. Each component is designed for flexibility, accessibility, and beautiful presentation across all devices.
"The most flexible CMS we've ever used. Every component just works.
Text & Typography
The foundation of any content system. Rich markdown support with headers, paragraphs, lists, bold, italic, links, and more.
Headers & Paragraphs
Text blocks support full markdown formatting including bold text, italic text, hyperlinks, and inline code snippets. Perfect for long-form editorial content.
Lists
- Bullet points for unordered information
- Easy to scan and read
- Supports nested items
- Numbered lists for sequential steps
- Great for tutorials and guides
- Clear visual hierarchy
Blockquotes highlight important information or testimonials from users and stakeholders.
Hero Block
The Hero Block creates impactful landing sections with customizable eyebrow text, headlines, subtext, dual CTAs, trust metrics, and optional testimonials. Supports gradient and particle background animations.
See the hero section at the top of this page for a live example.
Call to Action (CTA)
Drive user engagement with styled buttons. Supports primary, secondary, and ghost styles with optional headline and subtext.
Secondary style for alternative actions
Ghost style for subtle, non-intrusive links
Feature Cards
Showcase pricing tiers, product comparisons, or feature lists with beautiful card layouts. Automatically adapts from 1 to 3 columns.
Professional
Comparison Block
Side-by-side comparisons with optional highlighting. Perfect for before/after, competitor analysis, or option evaluation.
Traditional Automation vs. Agentic AI
Rule-Based Automation
- Fixed decision trees
- Breaks on edge cases
- Manual updates required
- Limited scalability
Agentic AI (R10)
- Dynamic reasoning
- Handles exceptions intelligently
- Self-improving over time
- Enterprise scale ready
Charts
Data visualization with animated bar charts. Supports multiple datasets with custom colors and automatic legends. Bars animate when scrolling into view.
AI Adoption by Industry (2024)
Tables
Structured data presentation with optional header rows and captions. Responsive with horizontal scrolling on mobile.
| Deployment | Setup Time | Customization | Best For |
|---|---|---|---|
| Cloud SaaS | < 1 hour | Configuration | Quick start |
| Private Cloud | 1-2 weeks | Full control | Data sensitive |
| On-Premise | 2-4 weeks | Complete | Regulated industries |
| Hybrid | 1-3 weeks | Flexible | Complex environments |
Calculator
Interactive calculators with configurable inputs, formulas, and formatted results. Great for ROI calculators, pricing estimates, and lead generation.
AI Agent ROI Estimator
Calculate your potential savings with R10 AI Assistant
Infographics
Visual information blocks with icons, headings, and body text. Supports vertical, horizontal, and grid layouts.
AI-First
Built from the ground up with generative AI at the core
Fast Deployment
Go live in days, not months. No complex integrations
Enterprise Security
SOC2, GDPR, and HIPAA compliant out of the box
Scalable
From startup to enterprise, scales with your needs
Media Blocks
Rich media support for images, videos, and animations. All media is responsive and accessible.
Image Block
Single images with optional captions. Supports all major formats including WebP and AVIF for optimal performance.
Video Block
Embed videos from YouTube, Vimeo, or direct MP4 files. Custom minimal player for direct files.
Lottie Animations
Embed lightweight, scalable animations from LottieFiles. Perfect for illustrations, icons, and micro-interactions.
Animated AI assistant illustration
Carousel Blocks
Showcase multiple media items in swipeable galleries with touch support and keyboard navigation.
Image Gallery
Multiple images in a swipeable carousel with captions.
Article Blocks
Dynamically display articles from the blog. Multiple layout options and filtering capabilities.
Featured Carousel
Horizontally scrollable featured articles with touch/swipe support.
Latest Stories
The chart says intelligence got cheaper. The invoice disagrees.
The chart averages a Porsche and a scooter!
There are two kinds of AI. One of them is you.
Yann LeCun says today's AI isn't real intelligence. Steve Wozniak told graduates they've already got the real thing. Both are right. That's not a problem. It's an org chart.
Future of Work: Why Dario Amodei Is Wrong About Your Job
A 19th-century coal economist isn't going to save white-collar work. Neither is the bloodbath. The story nobody on stage in Lower Manhattan would tell is the only one that matters.
Recent Articles
Display recent posts with optional category filtering.
Latest from the Blog
View all posts →
Voice ordering isn't a transcription problem. It's a catalog problem.
Why dealer voice notes break most voice AI.
The chart says intelligence got cheaper. The invoice disagrees.
The chart averages a Porsche and a scooter!
There are two kinds of AI. One of them is you.
Yann LeCun says today's AI isn't real intelligence. Steve Wozniak told graduates they've already got the real thing. Both are right. That's not a problem. It's an org chart.
Category Articles
Organize articles by category with featured first article and counts.
Browse by Topic
Summary
This CMS provides a comprehensive suite of content blocks designed for modern editorial experiences. Every component is:
- Responsive - Works beautifully on all screen sizes
- Accessible - WCAG compliant with proper semantics
- Dark Mode Ready - Automatic theme support
- Performance Optimized - Lazy loading, CDN delivery, minimal JavaScript
- SEO Friendly - Proper heading hierarchy and structured data
Ready to See More?
See Components in ActionCheck out our R10 AI Assistant article showcasing all components in a real editorial context