MDC Component Integration Test Article

This article exercises all custom components available in the MDC rendering pipeline, using @nuxtjs/mdc syntax.

Use this content as CMS markdown field with isLegacy=false to test the parseMarkdown() pipeline from @nuxtjs/mdc/runtime.

The ContentRenderer receives the parsed AST and maps component names via the mdxComponents registry (kebab-case keys).

1. BigCard - Featured Article Card

Tests: data prop with full BlogNewsItem fields, internal link

Getting Started with AI 3D Generation in 2026

A comprehensive guide covering text-to-3D, image-to-3D, auto-rigging, and texture stylization. Learn how to create production-ready 3D assets in minutes.

Alice Chen

· 2026/03/20

View now

Getting Started with AI 3D Generation in 2026

A comprehensive guide covering text-to-3D, image-to-3D, auto-rigging, and texture stylization. Learn how to create production-ready 3D assets in minutes.

Alice Chen

· 2026/03/20

View now

BigCard with external URL and multiple tags

Tripo x Unity: Seamless 3D Asset Pipeline

Import AI-generated 3D models directly into Unity with our new plugin. Supports FBX, GLB, and OBJ formats.

Bob Smith

· 2026/03/15

View now

Tripo x Unity: Seamless 3D Asset Pipeline

Import AI-generated 3D models directly into Unity with our new plugin. Supports FBX, GLB, and OBJ formats.

Bob Smith

· 2026/03/15

View now

2. BlogUser - Author Attribution

Single user via BlogNewsItem

Charlie Wang

· 2026/03/18

Single user via BlogUserInfo

Diana Martinez

· 2026/02/28

Multiple users via BlogUserInfo

Alice Chen

Bob Smith

Charlie Wang

· 2026/01/15

BlogUser with noMargin

Tripo Team

3. BlogVideo - Embedded Video

Default dimensions (width=100%, height=auto)

Custom dimensions

With style object

4. Chart - Bar Chart

12-month data with custom color (Tripo yellow)

Short data with default color (#38bdf8)

Extreme values (tests height scaling: value * 20px)

5. SliderList - News Card Carousel

Tests: pagination (3 items per slide = 3 slides for 7 items), mixed internal/external links

TripoSG: Next-Gen 3D Generation Model

Our latest research breakthrough achieves state-of-the-art mesh quality with 10x faster inference.

Alice Chen

· 2026/03/22

Community Showcase: March 2026

Stunning 3D creations from our community members. See what people are building with Tripo.

Bob Smith

· 2026/03/19

Enterprise API v2 Now Available

Batch processing, webhook callbacks, and priority queues for enterprise customers.

Tripo Team

· 2026/03/16

Unreal Engine 5 Plugin Release

Direct import of Tripo models into UE5 with LOD and material support.

Charlie Wang

· 2026/03/12

Meet Tripo at GDC 2026

Visit booth #A42 for live demos of our latest 3D generation technology.

Diana Martinez

· 2026/03/10

Texture Stylization: Complete Guide

Master AI-powered texture generation and style transfer for your 3D models.

Alice Chen

· 2026/03/05

Mesh Quality Benchmark Report

Comparing AI 3D generation methods: Tripo vs competitors on 500 test prompts.

Bob Smith

· 2026/03/01

< >

6. TabList - Tabbed Article List

Tests: tab switching, tag color mapping (6 known colors), cover image optimization via optimizeImageUrl

LatestAnnouncementsResearch

LatestAnnouncementsResearch

Feature

Auto-Rigging: One-Click Character Animation

Transform static 3D models into animatable characters with our new auto-rigging feature. Supports humanoid and quadruped skeletons.

Tripo Team

· 2026/03/22

User Guide

10 Tips to Speed Up Your 3D Generation

Optimize your workflow with these expert tips for faster and higher quality model generation.

Bob Smith

· 2026/03/20

Feature

Smart Segmentation for Complex Scenes

Break down complex 3D scenes into individual editable objects with AI-powered segmentation.

Alice Chen

· 2026/03/18

Game Hub

Game Hub: Asset Library for Game Developers

Browse and download pre-made 3D game assets generated by Tripo and curated by our team.

Charlie Wang

· 2026/03/16

7. Link Components

Standard Markdown links (mapped to CustomLink via a key)

Internal link: Visit our blog homepage

External link: Tripo API Documentation

MdxLink component (mapped via link key)

8. Standard Markdown Elements

These test that regular Markdown renders correctly alongside custom components.

Inline formatting

This paragraph has bold text, italic text, inline code, strikethrough, and a hyperlink.

Code block

import tripo

model = tripo.generate(
    prompt="A medieval castle on a hilltop",
    style="realistic",
    format="glb"
)

print(f"Model URL: {model.download_url}")
print(f"Vertices: {model.mesh_stats.vertices}")

GFM Table

Blockquote

Tripo's AI 3D generation has transformed our game development pipeline. What used to take days now takes minutes.

-- Lead Artist, Indie Game Studio

Ordered and unordered lists

1. Upload your reference image
2. Select generation parameters
3. Click "Generate"
4. Download in your preferred format

• FBX format for animation workflows
• GLB for web and real-time applications
• OBJ for traditional 3D pipelines
• STL for 3D printing

Image