Minimal centered text

Powerful and customizable React metrics section template. Display key company achievements like completed projects, ROI, and global downloads to build customer trust. Built with React Aria and Tailwind CSS.

Built with:

Perfect for:

  • Agency Landing Page
  • SaaS Marketing Site
  • Corporate Portfolio
  • Consulting Website

Minimal centered text

Get the code

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-minimal-centered-text to add it to your project along with its dependencies. It's part of Untitled UI PRO, so sign in first with npx untitledui@latest login.

Yes. Once it's in your project you own the source. It's styled with Tailwind CSS utility classes and our semantic color tokens, so change colors, spacing, typography and behavior directly in its files.

React and TypeScript, styled with Tailwind CSS v4.3 and our semantic color tokens, so it adapts to light and dark mode. Interactive parts use our base components, which are built on React Aria Components.

Split image 02Minimal centered text brand