Creative Tim UICreative Tim UI

Newsletter subscription with dark background card - shadcn/ui

Eye-catching newsletter subscription card with primary color background. Features centered heading, description text, email input, and subscribe button. Perfect for engaging email capture sections.

Preview

Component Details

ID
newsletter-block-with-dark-background
Type
Block
Access
Free
Category
Newsletter
Published
3 Apr 2026

Files Included

  • app/newsletter-block-with-dark-background/page.tsx
  • components/creative-tim/blocks/newsletter-block-with-dark-background.tsx

Components Used

Explore More Blocks

Modals
ModalsBeautiful modal and dialog components for React and Next.js. Build popups, confirmations, forms, and interactive overlay interfaces with accessible components.
Banner
BannerAttention-grabbing banner components for React and Next.js. Build notification banners, promotional headers, announcement bars, and call-to-action banners with dismissible options.
Stats
StatsProfessional statistics and metrics components for React and Next.js. Build data showcases, KPI dashboards, achievement displays, growth metrics, and performance indicators with customizable layouts and dark theme variations.
Hero
HeroEye-catching hero section components for React and Next.js. Build landing page heroes, call-to-action sections, lead generation forms, and compelling above-the-fold content.
Blog
BlogElegant blog components and content layouts for React and Next.js. Create beautiful article grids, post previews, author profiles, and content-rich blog experiences.
Billing
BillingProfessional billing and payment UI components for React and Next.js. Build payment forms, invoices, subscription management, and checkout flows with pre-built blocks.
Onboarding
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.
Dropdown
DropdownProfessional dropdown menu and filter components for React and Next.js. Build priority filters, status filters, checkbox filters, range selectors, searchable filters, and tabbed filter menus for advanced data filtering.