shadcn/ui Newsletter Pro template.
ProPro newsletter and creator template: an editorial poster masthead with inline signup, a 3D-tilted issue cover, an archive grid, and subscriber proof.
Pro newsletter and creator template: an editorial poster masthead with inline signup, a 3D-tilted issue cover, an archive grid, and subscriber proof.
Add this template as editable React and Tailwind source. The shadcn CLI installs the components and packages below for you. Pro installs need a license key and the Pro registry setup.
pnpm dlx shadcn@latest add @7ovr-pro/newsletter-pro- Components12
- AccordionAvatarButtonChartFieldInputNavigation MenuSeparatorSheetSonnerToggle GroupUtils
- Packages2
- MotionRecharts
About this template
Premium newsletter and creator landing page template built on Pro blocks: centered-wordmark header, an editorial poster masthead with an inline signup and a 3D-tilted issue cover, a full-bleed statement with a Ken Burns photo and count-up figures, a hairline archive of past issues, radial engagement gauges, an auto-advancing reader-quote carousel, and selectable subscription bundles. Built with React, Tailwind CSS, and shadcn/ui, for Next.js, Vite or any React app. Install the whole page with one command, then own and edit every line.
What's inside8
Built on 8 Pro 7Ovr blocks, tweaked to work as one page and shipped with the template. Each one also stands alone, so you can preview the original block below.
- Centered Wordmark HeaderHeader with a centered wordmark, dropdown navigation menus on the left, and social links plus a primary CTA on the right over a sticky blur bar.
header-13Pro - Editorial Poster NewsletterEditorial newsletter poster with an oversized headline, inline signup form, and a 3D-tilted grayscale issue cover that straightens to color on hover.
newsletter-12Pro - Full-Bleed Ken Burns StatementFull-bleed grayscale brand statement with a slow Ken Burns photo, an overlaid mission heading, and a count-up stat strip pinned along the bottom.
about-12Pro - Past Issue Archive GridNewsletter archive of past issues as a hairline card grid with grayscale covers that lift to color on hover, issue numbers, and a subscribe bar.
newsletter-7Pro - Radial Bar Stat RingsConcentric radial bar chart that fills in on scroll beside a count-up metric list, with a growth trend pill and a center callout.
stats-8Pro - Auto Advancing SpotlightSingle-quote testimonial carousel that auto-advances on a timer with a cross-fade, prev and next controls, dot indicators, and pause on hover.
testimonials-6Pro - Multi-Newsletter Bundle PickerNewsletter signup with selectable bundle cards showing cadence, reader counts, and samples, an animated check, and a running issues-per-month total.
newsletter-11Pro - Hairline Divided ColumnsFooter with a brand column and three nav columns separated by vertical hairline dividers that draw downward on scroll.
footer-10Pro