Skip to content
Signal, running. A real screen from the product, not an illustration.
Kits

Signal

Notifications and activity

Next.js 16React 19Tailwind v4TypeScript

Choose a licence

Total
$250
Open live demo
  • Instant download after payment
  • Lifetime updates for this product
  • Full TypeScript source, no obfuscation
  • Charged in USD, tax included

Files are delivered immediately, so the right to cancel is waived at checkout. Read the refund policy before buying.

About this product

The notification layer. It is the part of a product most likely to get annoying, and least likely to get any design time. An inbox with read, unread and archived. Grouping that hides the noise without hiding what matters. Settings for every channel and every kind of alert. Digests, pop-ups that stack sensibly, and an activity feed. The settings grid is the centrepiece. It is the screen that decides whether people mute you forever. So it makes turning off one thing easy, and turning off everything unlikely.

What is included

  • 0126 screens across inbox, preferences and activity
  • 02Grouping that collapses noise without hiding urgency
  • 03Per-channel, per-event preference matrix
  • 04Digest configuration with preview
  • 05Toast system with stacking and priority rules
  • 06Activity feed with filter and search
  • 07Full empty and zero-notification states
Specification
Screens
26
Components
64+
Framework
Next.js 16, React 19
Styling
Tailwind v4
Realtime
Adapter for Supabase Realtime
Format
TypeScript source
Accessibility
Live regions handled correctly

Release history

  • 1.0.020 Aug 2026Initial release.
Licence comparison

Which licence you need.

Personal

$50

One personal project. Not for client or commercial work.

  • Use in one personal, non-commercial project
  • Unlimited local modification of the source
  • Lifetime access to updates for the purchased product
  • No client work, and no use inside a business
  • No redistribution of the source, modified or not
  • One developer

Commercial

$250

Client work and business use, inside one company.

  • Use in unlimited projects for one company or as one freelancer
  • Use in paid client work, where the client is the end user
  • Unlimited end users of the finished application
  • Lifetime access to updates for the purchased product
  • The source may not be redistributed as source
  • Not for products where the template itself is what is being sold
  • Up to five developers inside the one company

Extended

$500

Redistribute inside a product you sell, such as a SaaS or app.

  • Everything in Commercial
  • Redistribution of compiled output inside a product you sell
  • Use in a product where end users receive the interface as part of a paid service
  • Use across unlimited companies you own
  • The source may still not be sold or given away as source
  • Not for building a competing template or component marketplace

Team

$1,000

One whole company or agency. Unlimited seats.

  • Everything in Extended
  • Unlimited developers inside one organisation
  • Use across every client and every internal project
  • Internal distribution of the source to employees and contractors
  • One legal entity, including its wholly owned subsidiaries
  • The source may not leave the organisation

Unsure which applies? The full licence terms spell out every case in plain language. If your situation is not covered there, email us and we will tell you straight.