Component Library
Blocks Showcase
A comprehensive showcase of all available block types for testing and refinement.
Section Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Section Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Subsection Heading
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
This paragraph contains bold text, italic text, and bold italic text to test inline emphasis. It also includes some inline code like npm run build and a simple link: https://example.com
Unordered List
- Standard list item
- List item with more content to force line wrapping and spacing behaviour in the editor and frontend output
- Another list item
- Nested list item
- Second nested list item
- Deeply nested list item
Ordered List
- First ordered item
- Second ordered item
- Third ordered item
- Nested ordered item
- Another nested ordered item
Blockquote
This is a blockquote intended to test spacing, typography, and visual treatment. It should wrap across multiple lines and remain readable at different viewport widths.
A second paragraph inside the same quote to test multi-line blockquote rendering.
Code Block
export function example(value) {
if (!value) {
return null;
}
return {
success: true,
data: value,
};
}
Long-Form Paragraph
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Edge-Case Text
SupercalifragilisticexpialidociousSupercalifragilisticexpialidocious
THIS IS ALL CAPS TEXT FOR TYPOGRAPHY TESTING
1234567890 10/10/2026 £99.99 €149.00 $199.00
Final Notes
This final paragraph is useful for checking bottom margins, last-child spacing, and how the Lexical output renders when followed by another component or section.
2. Call to Action Block
Encourage users to take action with prominent CTAs
Features
4. Card Grid Block
Showcase features, services, or content in a grid layout
Testimonials
5. Testimonials Block
What our users are saying
This platform has completely transformed how we manage our content. The flexibility and power are unmatched.
The developer experience is fantastic. Setting up was a breeze and the documentation is excellent.
We migrated from another CMS and the difference is night and day. Highly recommended!
FAQ
6. FAQ Block
Frequently asked questions
Hero Block
7. Hero Block (Content)
Can be used as a content block for section headers
