Split image 02

Powerful and customizable React metrics section template. Showcase key company achievements and performance metrics alongside a featured image. Built with React Aria and Tailwind CSS.

Built with:

Perfect for:

  • SaaS landing pages
  • Digital agency portfolios
  • Corporate websites
  • App product pages

Similar metrics section examples

Explore more metrics sections from our collection.

Card gray light  ·  Company stats
Simple with actions 02  ·  Hero metrics
Card brand dark  ·  Company metrics
Image with cards 01  ·  Metrics over background
Simple with actions 01  ·  Metrics grid
Image with cards 02  ·  Hero metrics
See all metrics sections

FAQs

Please refer to our frequently asked questions page for more.

Run npx untitledui@latest add metrics-split-image-02 --yes to add this component to your project with all required dependencies. You can also copy the source files manually from the component page.

Yes. This component is built with Tailwind CSS utility classes and React Aria. You own the source code — modify colors, spacing, typography, and behavior directly in the component files.

This component is built with React, Tailwind CSS v4.2, and React Aria Components for accessibility. It supports both light and dark mode, is fully responsive, and includes TypeScript types.

Split image 01Minimal centered text