Page header

A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.

Library

Arc Library

Framework

React

Type

block

License

MIT

Dependencies

@radix-ui/react-dropdown-menu, @radix-ui/react-tabs, lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/page-header.json

Files

• registry/blocks/page-header/page-header.tsx
• lib/use-copy-feedback.ts
• registry/blocks/page-header/page-header.module.css
• registry/components/progress/progress.tsx
• registry/components/progress/progress.module.css
• registry/components/button/button.tsx
• registry/components/button/button.module.css
• registry/components/badge/badge.tsx

Source

https://github.com/kuratlielia/arc-library

Categories

• Heading Components
• React Heading Components
• Animated Heading Components
• Navigation Components
• React Navigation Components
• Animated Navigation Components
• Tabs Components
• React Tabs Components
• Animated Tabs Components
• Text Components
• React Text Components
• Animated Text Components

More from Arc Library

• In-view title
• Tabs
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar
• Avatar group
• Badge