Card
Use cards to highlight navigation targets, related reading, or key callouts directly inside your MDX content.
Track progress
Keep an eye on the public roadmap and see which features are shipping next.
Horizontal layout
Add the horizontal prop when you want the icon and content to line up on a single row.
Horizontal card
This layout works well when cards appear in a column grid or next to tables.
Custom CTA and arrows
Set the cta text to add a small call to action and control whether an arrow is shown with the arrow prop. Arrows show automatically for external links, so the manual override is useful for internal links or button-less layouts. You can also change the icon color or pass a JSX icon directly if you need more control.
Custom icon color
Icons accept Lucide names as strings or JSX components. Use the color prop to match a brand or
category.
Read the docs
Explore the repository to browse the source, open issues, or contribute improvements.
Use with Columns
Combine cards inside the Columns layout to build responsive grids. By default, columns collapse to a single column on small screens.
Start here
Read the documentation to get up and running with Prose UI.
View components
See the full list of components you can use in MDX.
Customize styles
Learn how to tailor the design tokens to your brand.