ShipUI's Third Theme: NOIR // NEXT
The third ShipUI theme is out. If RETRO is loud and ALOHA is warm, NOIR is sharp.
NOIR // NEXT is a cinematic dark-mode starter. Deep black surfaces, violet and cyan accents, Barlow as the display font with IBM Plex Mono for code and UI details. It's the kind of aesthetic that suits AI tools, dev products, and anything where "looks serious" is part of the pitch.
What's Included
A full design system built around the dark palette. Every component, every page, wired up and ready to customize.
Components:
- Buttons (primary, secondary, ghost) with glow hover effects
- Cards with glass-style borders and violet bloom on hover
- Badges in five color variants: violet, cyan, green, amber, red
- Text component with body, caption, label, and code variants
- Section headers, eyebrows, and layout primitives
Page sections:
- Hero with typewriter effect and CLI-style
>prefix - Features grid with scroll reveal
- About section with terminal window illustration
- Newsletter CTA with ambient glow background
Layout and auth:
- Header and footer with IBM Plex Mono branding
- Login page
- Sign up page
- 404 and error boundary pages
Tech stack:
- Next.js 15 with App Router
- React 19
- TypeScript 5 strict mode
- Tailwind v4
No broken imports. No manual wiring. Install dependencies and it works.
Works with ShipKit
NOIR // NEXT pairs with ShipKit if you use it. If you're wondering why ShipKit exists, Why We Built ShipKit explains the problem it solves.
The bundle adds ShipKit AI conventions for $10 on top of the base theme: cursor rules, project structure docs, and a CLAUDE.md ready to go.
The theme also works standalone. No ShipKit dependency, no lock-in.
Pricing
$29 for the theme. $39 for the theme with ShipKit conventions. One-time purchase, instant download, permanent link.
No subscriptions.
What's Next
Three themes are now live: RETRO // NEXT, ALOHA // NEXT, and NOIR // NEXT. More are in progress. The goal is the same across all of them: a real design system, a modern stack, and nothing left for you to wire up yourself.