Browse

Components
Charts
Icons

Build

MCP for AI agents
CLI and docs
Resources

Systems

Loopo
MailPulse
Auton
Axon
Veriq
Vantage

You

Saved and recent
Pricing

Changelog License© 2026

More navigation

Workspace

Finance

Sidebar navigationLoopoCodeFree

Sidebar component preview

SidebarLoopoCodeFree

Top bar component preview

Top barLoopoCodeFree

Tabs wrap component preview

Tabs wrapLoopoCodeFree

Guides

Best dashboard UI kits for 2027: 10 picks for React, Tailwind and Figma
Top admin dashboard templates for Next.js in 2027, ranked by what you actually ship
shadcn/ui alternatives in 2027: what to use instead, and when to stay

Components/Loopo/Navigation

Tabs

Underline tabs with an animated indicator, built on Base UI.

System: Loopo
Category: Navigation
Plan: Free
Includes: React, Figma, PNG, SVG, JPEG
npm: @base-ui/react
Uses: Nothing else
Stack: React 19, Tailwind v4

npx ingotui add tabs

Prompt for your AI agent

With the Ingot MCP connected, paste this into Claude Code, Cursor or Codex.

Use the Ingot UI MCP to add the "tabs" component (Loopo system) to this project, install its dependencies and render it on the dashboard page.

Revenue is up 12% this month.