State Indicator Tabs

A shadcn/ui registry item that keeps the tabs API familiar while adding a separate indicator for each state — active and hover.

What it includes

A Next.js App Router showcase with live demos and install instructions
The component source at src/registry/state-indicator-tabs/tabs.tsx
A registry.json definition that builds to public/r/state-indicator-tabs.json

pnpm dlx shadcn@latest add https://shadcn-state-indicator-tabs.vercel.app/r/state-indicator-tabs.json

The installed file lands as components/ui/tabs.tsx in the consuming app.

pnpm install
pnpm dev

The dev script rebuilds the registry output before starting Next.

pnpm build

Runs shadcn build first, then next build.

Name		Name	Last commit message	Last commit date
Latest commit History 23 Commits
.husky		.husky
public		public
src		src
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
components.json		components.json
eslint.config.mjs		eslint.config.mjs
next-env.d.ts		next-env.d.ts
next.config.ts		next.config.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.mjs		postcss.config.mjs
registry.json		registry.json
tsconfig.json		tsconfig.json