Notifications settings page with header navigation
Powerful and customizable React settings page with header navigation template. Configure when and how you receive notifications for messages, tasks, and summaries. Built with React Aria and Tailwind CSS.
Perfect for:
- Project Management App
- Team Communication Tool
- Task Manager
- SaaS Platform
Similar settings page with header navigation examples
Explore more settings pages with header navigation from our collection.
FAQs
Please refer to our frequently asked questions page for more.
Run npx untitledui@latest example settings-02/17 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.